@contractspec/bundle.marketing 3.7.6 → 3.8.2

package/dist/browser/components/marketing/DesignPartnerPage.js

@@ -8,229 +8,200 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 
 // src/components/marketing/DesignPartnerPage.tsx
 import Link from "next/link";
-import { Button } from "@contractspec/lib.design-system";
-import {
-  ArrowRight,
-  BookOpen,
-  MessageSquare,
-  Rocket,
-  Users
-} from "lucide-react";
 import { jsxDEV } from "react/jsx-dev-runtime";
 var metadata = {
-  title: "Design Partner Getting Started | ContractSpec",
-  description: "Onboarding and resources for ContractSpec Design Partners."
+  title: "Design Partner | ContractSpec",
+  description: "Work directly with the ContractSpec team if you are shaping a live AI-native product or operations workflow."
 };
+var steps = [
+  {
+    title: "Run the open system against a live problem",
+    copy: "Bring one workflow or module that already feels risky, inconsistent, or hard to regenerate safely."
+  },
+  {
+    title: "Use Studio where packaged coordination helps",
+    copy: "We focus on the parts of your loop where an operating product materially reduces friction for the team."
+  },
+  {
+    title: "Feed real constraints back into the product",
+    copy: "The partnership is valuable when your live complexity changes what we should build next."
+  }
+];
 function DesignPartnerPage() {
   return /* @__PURE__ */ jsxDEV("main", {
-    className: "flex grow flex-col",
     children: [
       /* @__PURE__ */ jsxDEV("section", {
-        className: "section-padding relative overflow-hidden",
+        className: "section-padding hero-gradient border-border/70 border-b",
         children: /* @__PURE__ */ jsxDEV("div", {
-          className: "container mx-auto max-w-5xl",
-          children: /* @__PURE__ */ jsxDEV("div", {
-            className: "mb-12 max-w-3xl",
-            children: [
-              /* @__PURE__ */ jsxDEV("h1", {
-                className: "mb-6 text-4xl font-bold tracking-tight sm:text-5xl",
-                children: "Welcome, Design Partner"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV("p", {
-                className: "text-muted-foreground text-xl leading-relaxed",
-                children: "We're thrilled to have you on board. As a Design Partner, you play a critical role in shaping the future of ContractSpec. This hub contains everything you need to get started, collaborate with us, and build your first specifications."
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("section", {
-        className: "section-padding bg-white/5",
-        children: /* @__PURE__ */ jsxDEV("div", {
-          className: "container mx-auto max-w-5xl",
+          className: "editorial-shell grid gap-8 lg:grid-cols-[1.05fr_0.95fr]",
           children: [
-            /* @__PURE__ */ jsxDEV("h2", {
-              className: "mb-12 text-3xl font-bold",
-              children: "Getting Started"
-            }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV("div", {
-              className: "grid gap-12 md:grid-cols-2",
+              className: "space-y-5",
               children: [
-                /* @__PURE__ */ jsxDEV("div", {
-                  className: "space-y-4",
-                  children: [
-                    /* @__PURE__ */ jsxDEV("div", {
-                      className: "border-primary/20 bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg border",
-                      children: /* @__PURE__ */ jsxDEV(Rocket, {
-                        className: "text-primary h-6 w-6"
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("h3", {
-                      className: "text-xl font-semibold",
-                      children: "1. Access the Studio"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground",
-                      children: "Your account has been enabled with Design Partner privileges. Log in to ContractSpec Studio to run the full loop from evidence to spec-first deliverables with your team."
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("div", {
-                      className: "pt-2",
-                      children: /* @__PURE__ */ jsxDEV(Button, {
-                        asChild: true,
-                        variant: "outline",
-                        children: /* @__PURE__ */ jsxDEV(Link, {
-                          href: "https://www.contractspec.studio",
-                          children: [
-                            "Launch Studio ",
-                            /* @__PURE__ */ jsxDEV(ArrowRight, {
-                              className: "ml-2 h-4 w-4"
-                            }, undefined, false, undefined, this)
-                          ]
-                        }, undefined, true, undefined, this)
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV("div", {
-                  className: "space-y-4",
-                  children: [
-                    /* @__PURE__ */ jsxDEV("div", {
-                      className: "border-primary/20 bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg border",
-                      children: /* @__PURE__ */ jsxDEV(MessageSquare, {
-                        className: "text-primary h-6 w-6"
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("h3", {
-                      className: "text-xl font-semibold",
-                      children: "2. Join the Conversation"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground",
-                      children: "We've set up a dedicated private channel for real-time feedback and support. Connect with our engineering team and other partners."
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("div", {
-                      className: "pt-2",
-                      children: /* @__PURE__ */ jsxDEV(Button, {
-                        asChild: true,
-                        variant: "outline",
-                        children: /* @__PURE__ */ jsxDEV(Link, {
-                          href: "mailto:partners@contractspec.io",
-                          children: [
-                            "Contact Partner Success",
-                            " ",
-                            /* @__PURE__ */ jsxDEV(ArrowRight, {
-                              className: "ml-2 h-4 w-4"
-                            }, undefined, false, undefined, this)
-                          ]
-                        }, undefined, true, undefined, this)
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV("div", {
-                  className: "space-y-4",
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-kicker",
+                  children: "Design partner program"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("h1", {
+                  className: "editorial-title max-w-4xl",
+                  children: "Shape the operating product from real AI-native workflow pressure."
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-subtitle",
+                  children: "The design partner path is for teams whose complexity is already real: multiple surfaces, live signals, coordination cost, and unsafe regeneration pain. We use that pressure to sharpen both the open foundation and the Studio layer on top."
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-panel space-y-5",
+              children: [
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-kicker",
+                  children: "Who this is for"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("ul", {
+                  className: "editorial-list",
                   children: [
-                    /* @__PURE__ */ jsxDEV("div", {
-                      className: "border-primary/20 bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg border",
-                      children: /* @__PURE__ */ jsxDEV(BookOpen, {
-                        className: "text-primary h-6 w-6"
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("h3", {
-                      className: "text-xl font-semibold",
-                      children: "3. Explore Documentation"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground",
-                      children: "Dive deep into the core concepts, API references, and architecture guides. Our docs are evolving, and your feedback helps us improve them."
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("div", {
-                      className: "pt-2",
-                      children: /* @__PURE__ */ jsxDEV(Button, {
-                        asChild: true,
-                        variant: "outline",
-                        children: /* @__PURE__ */ jsxDEV(Link, {
-                          href: "/docs",
-                          children: [
-                            "Read the Docs ",
-                            /* @__PURE__ */ jsxDEV(ArrowRight, {
-                              className: "ml-2 h-4 w-4"
-                            }, undefined, false, undefined, this)
-                          ]
-                        }, undefined, true, undefined, this)
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this)
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "Small teams already shipping AI-assisted products or ops loops."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "Builders who want direct access to the product team."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "Teams comfortable shaping a product in motion."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
                   ]
                 }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV("div", {
-                  className: "space-y-4",
-                  children: [
-                    /* @__PURE__ */ jsxDEV("div", {
-                      className: "border-primary/20 bg-primary/10 flex h-12 w-12 items-center justify-center rounded-lg border",
-                      children: /* @__PURE__ */ jsxDEV(Users, {
-                        className: "text-primary h-6 w-6"
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("h3", {
-                      className: "text-xl font-semibold",
-                      children: "4. Partner Syncs"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground",
-                      children: "We schedule bi-weekly syncs to review your progress, blockers, and feature requests. Check your calendar invite for the next session."
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this)
+                /* @__PURE__ */ jsxDEV(Link, {
+                  href: "mailto:partners@contractspec.io",
+                  className: "btn-primary",
+                  children: "Contact partner team"
+                }, undefined, false, undefined, this)
               ]
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("section", {
-        className: "section-padding",
+        className: "editorial-section",
+        children: /* @__PURE__ */ jsxDEV("div", {
+          className: "editorial-shell grid gap-5 md:grid-cols-3",
+          children: steps.map((step, index) => /* @__PURE__ */ jsxDEV("div", {
+            className: "editorial-panel space-y-4",
+            children: [
+              /* @__PURE__ */ jsxDEV("div", {
+                className: "flex h-9 w-9 items-center justify-center rounded-full bg-[rgb(162_79_42_/_0.12)] font-mono text-[color:var(--rust)] text-xs",
+                children: [
+                  "0",
+                  index + 1
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsxDEV("h2", {
+                className: "font-serif text-3xl tracking-[-0.04em]",
+                children: step.title
+              }, undefined, false, undefined, this),
+              /* @__PURE__ */ jsxDEV("p", {
+                className: "text-muted-foreground text-sm leading-7",
+                children: step.copy
+              }, undefined, false, undefined, this)
+            ]
+          }, step.title, true, undefined, this))
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsxDEV("section", {
+        className: "editorial-section bg-striped",
         children: /* @__PURE__ */ jsxDEV("div", {
-          className: "container mx-auto max-w-3xl",
+          className: "editorial-shell grid gap-8 lg:grid-cols-2",
           children: [
-            /* @__PURE__ */ jsxDEV("h2", {
-              className: "mb-8 text-3xl font-bold",
-              children: "What to Expect"
-            }, undefined, false, undefined, this),
             /* @__PURE__ */ jsxDEV("div", {
-              className: "space-y-8",
+              className: "editorial-panel",
               children: [
-                /* @__PURE__ */ jsxDEV("div", {
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-kicker",
+                  children: "What you get"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("ul", {
+                  className: "editorial-list mt-6",
                   children: [
-                    /* @__PURE__ */ jsxDEV("h3", {
-                      className: "mb-2 text-xl font-semibold",
-                      children: "Fast Iteration Cycles"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground",
-                      children: "We ship updates frequently. You might see UI changes or new capabilities appear weekly. We'll do our best to communicate breaking changes in advance."
-                    }, undefined, false, undefined, this)
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "Direct access to the builders instead of generic support routing."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "Faster feedback cycles around the workflows that matter to you."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    /* @__PURE__ */ jsxDEV("li", {
+                      children: [
+                        /* @__PURE__ */ jsxDEV("span", {
+                          className: "editorial-list-marker"
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsxDEV("span", {
+                          children: "Input into how OSS and Studio packaging should evolve together."
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this)
                   ]
-                }, undefined, true, undefined, this),
-                /* @__PURE__ */ jsxDEV("div", {
-                  children: [
-                    /* @__PURE__ */ jsxDEV("h3", {
-                      className: "mb-2 text-xl font-semibold",
-                      children: "Direct Engineering Access"
-                    }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground",
-                      children: "You're not talking to support agents; you're talking to the builders. Your feedback goes directly into the issue tracker."
-                    }, undefined, false, undefined, this)
-                  ]
-                }, undefined, true, undefined, this),
+                }, undefined, true, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsxDEV("div", {
+              className: "editorial-panel",
+              children: [
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "editorial-kicker",
+                  children: "How to start"
+                }, undefined, false, undefined, this),
+                /* @__PURE__ */ jsxDEV("p", {
+                  className: "text-muted-foreground text-sm leading-7",
+                  children: "Bring one concrete workflow, the current points of drift or instability, and the team context around it. That is enough to tell whether the right next step is open-system adoption, a Studio pilot, or a deeper partnership."
+                }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV("div", {
+                  className: "mt-6 flex flex-col gap-3 sm:flex-row",
                   children: [
-                    /* @__PURE__ */ jsxDEV("h3", {
-                      className: "mb-2 text-xl font-semibold",
-                      children: "Input on Roadmap"
+                    /* @__PURE__ */ jsxDEV(Link, {
+                      href: "https://www.contractspec.studio",
+                      className: "btn-primary",
+                      children: "Explore Studio"
                     }, undefined, false, undefined, this),
-                    /* @__PURE__ */ jsxDEV("p", {
-                      className: "text-muted-foreground",
-                      children: "Design Partners influence priority. If a feature enables a critical use case for you, let us know—we often reshuffle our sprint to accommodate partner needs."
+                    /* @__PURE__ */ jsxDEV(Link, {
+                      href: "/contact",
+                      className: "btn-ghost",
+                      children: "Book a conversation"
                     }, undefined, false, undefined, this)
                   ]
                 }, undefined, true, undefined, this)
@@ -238,30 +209,6 @@ function DesignPartnerPage() {
             }, undefined, true, undefined, this)
           ]
         }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("section", {
-        className: "section-padding border-t border-white/10",
-        children: /* @__PURE__ */ jsxDEV("div", {
-          className: "container mx-auto max-w-3xl text-center",
-          children: [
-            /* @__PURE__ */ jsxDEV("h2", {
-              className: "mb-4 text-3xl font-bold",
-              children: "Have a question right now?"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV("p", {
-              className: "text-muted-foreground mb-8",
-              children: "Don't hesitate to reach out. We are here to help you succeed."
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV(Button, {
-              asChild: true,
-              size: "lg",
-              children: /* @__PURE__ */ jsxDEV(Link, {
-                href: "mailto:partners@contractspec.io",
-                children: "Email the Founders"
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);