@mdxui/named 6.4.0 → 8.0.0

package/dist/view/index.js

@@ -1,7 +1,7 @@
 // src/view/view.tsx
-import { DialectShell, NeoChrome } from "@mdxui/dialect";
+import { DialectShell } from "@mdxui/dialect";
 
-// src/components/hero/hero.tsx
+// src/templates/studio/components/hero/hero.tsx
 import Image from "next/image";
 import { HiChevronRight } from "react-icons/hi";
 
@@ -73,6 +73,26 @@ import { twMerge } from "tailwind-merge";
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+var isRenderableSrc = (s) => /^(https?:)?\/\//i.test(s.trim()) || /^data:image\//i.test(s.trim());
+var BRAND_LABELS = {
+  github: "GitHub",
+  gitlab: "GitLab",
+  linkedin: "LinkedIn",
+  youtube: "YouTube",
+  whatsapp: "WhatsApp",
+  hubspot: "HubSpot",
+  quickbooks: "QuickBooks",
+  typescript: "TypeScript",
+  javascript: "JavaScript",
+  postgresql: "PostgreSQL",
+  mongodb: "MongoDB",
+  graphql: "GraphQL",
+  openai: "OpenAI"
+};
+var brandLabel = (s) => {
+  const t = s.trim();
+  return BRAND_LABELS[t.toLowerCase()] ?? t.charAt(0).toUpperCase() + t.slice(1);
+};
 
 // src/shared/marquee/marquee.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
@@ -114,29 +134,41 @@ function Marquee({
   );
 }
 
-// src/components/hero/hero.tsx
-import { Button } from "@mdxui/primitives";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var isRenderableSrc = (s) => /^(https?:)?\/\//i.test(s.trim()) || /^data:image\//i.test(s.trim());
-var BRAND_LABELS = {
-  github: "GitHub",
-  gitlab: "GitLab",
-  linkedin: "LinkedIn",
-  youtube: "YouTube",
-  whatsapp: "WhatsApp",
-  hubspot: "HubSpot",
-  quickbooks: "QuickBooks",
-  typescript: "TypeScript",
-  javascript: "JavaScript",
-  postgresql: "PostgreSQL",
-  mongodb: "MongoDB",
-  graphql: "GraphQL",
-  openai: "OpenAI"
+// src/templates/studio/ui/button/button.tsx
+import * as React from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var baseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-ring) disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer";
+var variantClasses = {
+  default: "btn-gradient-dark text-(--color-btn-primary-fg) shadow-md hover:shadow-lg rounded-full",
+  secondary: "bg-(--color-surface-raised) text-(--color-fg) border border-(--color-border) shadow-sm hover:shadow-md rounded-full",
+  outline: "border border-(--color-border) bg-transparent text-(--color-fg) hover:bg-(--color-hover) rounded-full",
+  ghost: "text-(--color-fg) hover:bg-(--color-hover) rounded-full",
+  link: "text-(--color-fg) underline-offset-4 hover:underline",
+  accent: "bg-(--color-accent-strong) text-(--color-accent-fg) shadow-md hover:opacity-90 hover:shadow-lg rounded-full"
 };
-var brandLabel = (s) => {
-  const t = s.trim();
-  return BRAND_LABELS[t.toLowerCase()] ?? t.charAt(0).toUpperCase() + t.slice(1);
+var sizeClasses = {
+  default: "h-12 px-6 py-3 text-base",
+  sm: "h-10 px-4 py-2 text-sm",
+  lg: "h-14 px-8 py-4 text-lg",
+  icon: "h-12 w-12"
 };
+var Button = React.forwardRef(
+  ({ className, variant = "default", size = "default", asChild = false, children, ...props }, ref) => {
+    const classes = cn(baseClasses, variantClasses[variant], sizeClasses[size], className);
+    if (asChild && React.isValidElement(children)) {
+      const child = children;
+      return React.cloneElement(child, {
+        ...props,
+        className: cn(classes, child.props.className)
+      });
+    }
+    return /* @__PURE__ */ jsx3("button", { ref, className: classes, ...props, children });
+  }
+);
+Button.displayName = "Button";
+
+// src/templates/studio/components/hero/hero.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 function Hero({
   badgeEmoji = "",
   badgeText = "Meet Priya",
@@ -162,10 +194,10 @@ function Hero({
   className
 }) {
   const hasHeroImage = !!rightImageSrc && isRenderableSrc(rightImageSrc);
-  return /* @__PURE__ */ jsx3("section", { className: cn("relative py-12 md:py-16 px-6 lg:px-12 bg-background", className), children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto p-0 sm:p-16 rounded-none sm:rounded-3xl md:[background:linear-gradient(180deg,var(--card)_0%,transparent_83.55%)]", children: [
+  return /* @__PURE__ */ jsx4("section", { className: cn("relative py-12 md:py-16 px-6 lg:px-12 bg-background", className), children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto p-0 sm:p-16 rounded-none sm:rounded-3xl md:[background:linear-gradient(180deg,var(--card)_0%,transparent_83.55%)]", children: [
     /* @__PURE__ */ jsxs("div", { className: cn("grid gap-8 lg:gap-16 items-start mb-16 lg:mb-20", hasHeroImage && "lg:grid-cols-2"), children: [
       /* @__PURE__ */ jsxs("div", { className: "space-y-6 lg:pt-8", children: [
-        /* @__PURE__ */ jsx3(ScrollReveal, { direction: "down", delay: 0.1, children: /* @__PURE__ */ jsx3("div", { className: "inline-block", children: /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx4(ScrollReveal, { direction: "down", delay: 0.1, children: /* @__PURE__ */ jsx4("div", { className: "inline-block", children: /* @__PURE__ */ jsxs(
           "a",
           {
             href: badgeHref,
@@ -173,19 +205,19 @@ function Hero({
             rel: "noopener noreferrer",
             className: "inline-flex items-center gap-2.5 px-4 py-2 rounded-full transition-colors border border-border bg-card",
             children: [
-              /* @__PURE__ */ jsx3("span", { className: "text-base", children: badgeEmoji }),
-              /* @__PURE__ */ jsx3("p", { className: "font-normal text-sm tracking-wide leading-snug text-foreground uppercase", children: badgeText })
+              /* @__PURE__ */ jsx4("span", { className: "text-base", children: badgeEmoji }),
+              /* @__PURE__ */ jsx4("p", { className: "font-normal text-sm tracking-wide leading-snug text-foreground uppercase", children: badgeText })
             ]
           }
         ) }) }),
-        /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx3("h1", { className: "font-halant font-normal text-[clamp(56px,6vw,72px)] leading-tight tracking-tight text-foreground", children: heading }) }),
-        /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx3("p", { className: "text-lg leading-relaxed max-w-lg", children: description }) }),
-        /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.4, trigger: "mount", children: /* @__PURE__ */ jsx3("div", { className: "flex flex-col sm:flex-row gap-3 pt-4", children: /* @__PURE__ */ jsx3(Button, { asChild: true, variant: ctaVariant, children: /* @__PURE__ */ jsxs("a", { href: ctaHref, children: [
+        /* @__PURE__ */ jsx4(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx4("h1", { className: "font-halant font-normal text-[clamp(56px,6vw,72px)] leading-tight tracking-tight text-foreground", children: heading }) }),
+        /* @__PURE__ */ jsx4(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx4("p", { className: "text-lg leading-relaxed max-w-lg", children: description }) }),
+        /* @__PURE__ */ jsx4(ScrollReveal, { direction: "up", delay: 0.4, trigger: "mount", children: /* @__PURE__ */ jsx4("div", { className: "flex flex-col sm:flex-row gap-3 pt-4", children: /* @__PURE__ */ jsx4(Button, { asChild: true, variant: ctaVariant, children: /* @__PURE__ */ jsxs("a", { href: ctaHref, children: [
           ctaText,
-          /* @__PURE__ */ jsx3(HiChevronRight, { className: "w-4 h-4" })
+          /* @__PURE__ */ jsx4(HiChevronRight, { className: "w-4 h-4" })
         ] }) }) }) })
       ] }),
-      hasHeroImage && /* @__PURE__ */ jsx3(ScrollReveal, { direction: "right", delay: 0.2, children: /* @__PURE__ */ jsx3("div", { className: "relative flex justify-center lg:justify-end", children: /* @__PURE__ */ jsx3("div", { className: "relative w-full max-w-lg", children: /* @__PURE__ */ jsx3("div", { className: "relative w-full aspect-square", children: /* @__PURE__ */ jsx3(
+      hasHeroImage && /* @__PURE__ */ jsx4(ScrollReveal, { direction: "right", delay: 0.2, children: /* @__PURE__ */ jsx4("div", { className: "relative flex justify-center lg:justify-end", children: /* @__PURE__ */ jsx4("div", { className: "relative w-full max-w-lg", children: /* @__PURE__ */ jsx4("div", { className: "relative w-full aspect-square", children: /* @__PURE__ */ jsx4(
         Image,
         {
           src: rightImageSrc,
@@ -199,24 +231,24 @@ function Hero({
       ) }) }) }) })
     ] }),
     /* @__PURE__ */ jsxs(ScrollReveal, { direction: "up", delay: 0.4, trigger: "mount", children: [
-      /* @__PURE__ */ jsx3("div", { className: "mt-12", children: /* @__PURE__ */ jsx3("p", { className: "text-base text-muted-foreground text-center", children: marqueeTitle }) }),
+      /* @__PURE__ */ jsx4("div", { className: "mt-12", children: /* @__PURE__ */ jsx4("p", { className: "text-base text-muted-foreground text-center", children: marqueeTitle }) }),
       /* @__PURE__ */ jsxs("div", { className: "relative mt-4 sm:mt-6", children: [
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           "div",
           {
             className: "pointer-events-none absolute inset-y-0 left-0 w-20 sm:w-28 z-10",
             style: { background: "linear-gradient(to right, var(--background), transparent)" }
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(
           "div",
           {
             className: "pointer-events-none absolute inset-y-0 right-0 w-20 sm:w-28 z-10",
             style: { background: "linear-gradient(to left, var(--background), transparent)" }
           }
         ),
-        /* @__PURE__ */ jsx3(Marquee, { className: "relative z-0 py-2 [--gap:1.25rem] sm:[--gap:3rem]", children: marqueeImages.map(
-          (src, i) => isRenderableSrc(src) ? /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(Marquee, { className: "relative z-0 py-2 [--gap:1.25rem] sm:[--gap:3rem]", children: marqueeImages.map(
+          (src, i) => isRenderableSrc(src) ? /* @__PURE__ */ jsx4(
             "img",
             {
               src,
@@ -224,7 +256,7 @@ function Hero({
               className: "h-16 w-16 rounded-xl bg-card p-2 object-contain"
             },
             `${src}-${i}`
-          ) : /* @__PURE__ */ jsx3(
+          ) : /* @__PURE__ */ jsx4(
             "span",
             {
               className: "flex h-16 items-center whitespace-nowrap rounded-xl bg-card px-4 text-sm font-semibold tracking-tight text-foreground/70",
@@ -238,61 +270,43 @@ function Hero({
   ] }) });
 }
 
-// src/components/features/features.tsx
+// src/templates/studio/components/features/features.tsx
 import { CheckCircle } from "lucide-react";
 
 // src/shared/code-window/code-window.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function CodeWindow({ code, className }) {
-  const highlightCode = (code2) => {
-    const lines = code2.split("\n");
-    const result = [];
-    let prevWasComment = false;
-    let prevWasCode = false;
-    for (let i = 0; i < lines.length; i++) {
-      const line = lines[i];
-      const isComment = line.trim().startsWith("//");
-      const isEmpty = line.trim() === "";
-      const isCode = !isComment && !isEmpty;
-      if (isComment && prevWasCode) {
-        result.push(/* @__PURE__ */ jsx4("div", { className: "h-5" }, `space-before-${i}`));
-      }
-      if (prevWasComment && isCode) {
-        result.push(/* @__PURE__ */ jsx4("div", { className: "h-5" }, `space-after-${i}`));
-      }
-      if (isEmpty) {
-        result.push(/* @__PURE__ */ jsx4("div", { className: "h-5" }, i));
-        prevWasComment = false;
-        prevWasCode = false;
-        continue;
-      }
-      if (isComment) {
-        result.push(
-          /* @__PURE__ */ jsx4("div", { className: "text-[#7d8590]", children: line }, i)
-        );
-        prevWasComment = true;
-        prevWasCode = false;
-        continue;
-      }
-      let highlighted = line;
-      highlighted = highlighted.replace(
-        /\$\.(\w+)\.(\w+)/g,
-        '<span class="text-[#79c0ff]">$</span>.<span class="text-[#d2a8ff]">$1</span>.<span class="text-[#ffa657]">$2</span>'
-      );
-      highlighted = highlighted.replace(/(\w+):/g, '<span class="text-[#79c0ff]">$1</span>:');
-      highlighted = highlighted.replace(/'([^']*)'/g, `<span class="text-[#a5d6ff]">'$1'</span>`);
-      highlighted = highlighted.replace(/\b(\d+)\b/g, '<span class="text-[#79c0ff]">$1</span>');
-      result.push(/* @__PURE__ */ jsx4("div", { dangerouslySetInnerHTML: { __html: highlighted } }, i));
-      prevWasComment = false;
-      prevWasCode = true;
-    }
-    return result;
-  };
-  return /* @__PURE__ */ jsx4("div", { className: `w-full h-full bg-[#0d1117] rounded-lg overflow-hidden ${className ?? ""}`, children: /* @__PURE__ */ jsx4("div", { className: "flex-1 overflow-auto p-6 lg:p-8", children: /* @__PURE__ */ jsx4("pre", { className: "text-sm lg:text-sm leading-relaxed font-mono text-[#e6edf3]", children: highlightCode(code) }) }) });
+import { useEffect, useState } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function CodeWindow({
+  code,
+  language = "typescript",
+  themes = "github-dark-default",
+  className
+}) {
+  const [html, setHtml] = useState(null);
+  const themesKey = typeof themes === "string" ? themes : `${themes.light}/${themes.dark}`;
+  useEffect(() => {
+    let alive = true;
+    import("shiki").then(
+      ({ codeToHtml }) => codeToHtml(
+        code,
+        typeof themes === "string" ? { lang: language, theme: themes } : { lang: language, themes, defaultColor: "light" }
+      )
+    ).then((out) => {
+      if (alive) setHtml(out);
+    }).catch(() => {
+    });
+    return () => {
+      alive = false;
+    };
+  }, [code, language, themesKey]);
+  return /* @__PURE__ */ jsx5("div", { className: cn("w-full h-full overflow-auto font-mono", className), children: html ? (
+    // biome-ignore lint/security/noDangerouslySetInnerHtml: shiki output; input is escaped by shiki
+    /* @__PURE__ */ jsx5("div", { dangerouslySetInnerHTML: { __html: html } })
+  ) : /* @__PURE__ */ jsx5("pre", { className: "m-0 whitespace-pre", children: /* @__PURE__ */ jsx5("code", { children: code }) }) });
 }
 
-// src/components/features/features.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+// src/templates/studio/components/features/features.tsx
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var defaultFeatures = [
   {
     title: "Automatic Issue Triage",
@@ -365,30 +379,37 @@ $.Priya.statusReport({
   }
 ];
 function Features({ heading = "How It Works", description = "Priya handles the repetitive work so you can focus on what matters. Here's how she automates your entire product workflow.", features = defaultFeatures, className }) {
-  return /* @__PURE__ */ jsx5("section", { id: "features", className: cn("flex justify-center items-center pb-0 md:pb-10 bg-background", className), children: /* @__PURE__ */ jsxs2("div", { className: "features-gradient flex flex-col items-center w-full relative overflow-visible gap-16 h-min max-w-[1400px] py-10 sm:py-20", style: { borderRadius: "var(--radius-section, 36px)" }, children: [
-    /* @__PURE__ */ jsx5(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs2("div", { className: "text-center w-full px-4 md:px-6 space-y-4", children: [
-      /* @__PURE__ */ jsx5("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground", children: heading }),
-      /* @__PURE__ */ jsx5("p", { className: "text-base md:text-lg text-muted-foreground max-w-2xl mx-auto", children: description })
+  return /* @__PURE__ */ jsx6("section", { id: "features", className: cn("flex justify-center items-center pb-0 md:pb-10 bg-background", className), children: /* @__PURE__ */ jsxs2("div", { className: "features-gradient flex flex-col items-center w-full relative overflow-visible gap-16 h-min max-w-[1400px] py-10 sm:py-20", style: { borderRadius: "var(--radius-section, 36px)" }, children: [
+    /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs2("div", { className: "text-center w-full px-4 md:px-6 space-y-4", children: [
+      /* @__PURE__ */ jsx6("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground", children: heading }),
+      /* @__PURE__ */ jsx6("p", { className: "text-base md:text-lg text-muted-foreground max-w-2xl mx-auto", children: description })
     ] }) }),
-    /* @__PURE__ */ jsx5("div", { className: "w-full px-4 lg:px-18 space-y-10", children: features.map((feature, index) => /* @__PURE__ */ jsx5(ScrollReveal, { direction: "up", delay: index * 0.1, children: /* @__PURE__ */ jsxs2("div", { className: "grid md:grid-cols-2 overflow-hidden bg-card w-full rounded-3xl feature-card-shadow opacity-100 border border-border", children: [
+    /* @__PURE__ */ jsx6("div", { className: "w-full px-4 lg:px-18 space-y-10", children: features.map((feature, index) => /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: index * 0.1, children: /* @__PURE__ */ jsxs2("div", { className: "grid md:grid-cols-2 overflow-hidden bg-card w-full rounded-3xl feature-card-shadow opacity-100 border border-border", children: [
       /* @__PURE__ */ jsxs2("div", { className: "flex flex-col px-4 py-8 lg:px-8 lg:py-12 xl:px-12 xl:py-20", children: [
-        /* @__PURE__ */ jsx5("div", { className: "mb-4", children: /* @__PURE__ */ jsx5("span", { className: "inline-flex size-10 items-center justify-center rounded-lg font-mono text-sm font-medium bg-card dark:bg-muted border border-border dark:border-border text-foreground", children: feature.badge }) }),
-        /* @__PURE__ */ jsx5("h3", { className: "mb-3 text-2xl font-medium sm:mb-5 md:text-3xl text-foreground", children: feature.title }),
-        /* @__PURE__ */ jsx5("div", { className: "mb-8 text-sm sm:mb-10 md:text-base text-muted-foreground", children: feature.description }),
-        /* @__PURE__ */ jsx5("ul", { className: "space-y-2 sm:space-y-3", children: feature.items.map((item, itemIndex) => /* @__PURE__ */ jsxs2("li", { className: "flex gap-x-3 items-start", children: [
-          /* @__PURE__ */ jsx5(CheckCircle, { className: "mt-1 size-4 shrink-0 text-primary" }),
-          /* @__PURE__ */ jsx5("p", { className: "text-sm md:text-base text-foreground", children: item.text })
+        /* @__PURE__ */ jsx6("div", { className: "mb-4", children: /* @__PURE__ */ jsx6("span", { className: "inline-flex size-10 items-center justify-center rounded-lg font-mono text-sm font-medium bg-card dark:bg-muted border border-border dark:border-border text-foreground", children: feature.badge }) }),
+        /* @__PURE__ */ jsx6("h3", { className: "mb-3 text-2xl font-medium sm:mb-5 md:text-3xl text-foreground", children: feature.title }),
+        /* @__PURE__ */ jsx6("div", { className: "mb-8 text-sm sm:mb-10 md:text-base text-muted-foreground", children: feature.description }),
+        /* @__PURE__ */ jsx6("ul", { className: "space-y-2 sm:space-y-3", children: feature.items.map((item, itemIndex) => /* @__PURE__ */ jsxs2("li", { className: "flex gap-x-3 items-start", children: [
+          /* @__PURE__ */ jsx6(CheckCircle, { className: "mt-1 size-4 shrink-0 text-primary" }),
+          /* @__PURE__ */ jsx6("p", { className: "text-sm md:text-base text-foreground", children: item.text })
         ] }, itemIndex)) })
       ] }),
-      /* @__PURE__ */ jsx5("div", { className: "relative order-last md:order-last h-96 md:h-[500px] p-4 md:p-8 lg:p-10", children: /* @__PURE__ */ jsx5(CodeWindow, { code: feature.code }) })
+      /* @__PURE__ */ jsx6("div", { className: "relative order-last md:order-last h-96 md:h-[500px] p-4 md:p-8 lg:p-10", children: /* @__PURE__ */ jsx6(
+        CodeWindow,
+        {
+          code: feature.code,
+          language: feature.language,
+          themes: "github-dark-default",
+          className: "bg-[#0d1117] rounded-lg p-6 lg:p-8 text-sm leading-relaxed text-[#e6edf3]"
+        }
+      ) })
     ] }) }, index)) })
   ] }) });
 }
 
-// src/components/pricing/pricing.tsx
+// src/templates/studio/components/pricing/pricing.tsx
 import { Check } from "lucide-react";
-import { Button as Button2 } from "@mdxui/primitives";
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var defaultFeatures2 = [
   { text: "Automated backups" },
   { text: "24/7 support" },
@@ -414,41 +435,40 @@ function Pricing({
   securityNote = "Priya only accesses GitHub Issues and Projects\u2014she cannot read your code or secrets.",
   className
 }) {
-  return /* @__PURE__ */ jsx6("section", { id: "pricing", className: cn(`pt-12 md:pt-16 pb-10 sm:pb-20 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs3("div", { className: "max-w-7xl mx-auto p-6 sm:p-16 rounded-none sm:rounded-3xl pricing-gradient", children: [
-    /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs3("div", { className: "text-center my-16 sm:my-12", children: [
-      /* @__PURE__ */ jsx6("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground mb-4", children: heading }),
-      /* @__PURE__ */ jsx6("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
+  return /* @__PURE__ */ jsx7("section", { id: "pricing", className: cn(`pt-12 md:pt-16 pb-10 sm:pb-20 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs3("div", { className: "max-w-7xl mx-auto p-6 sm:p-16 rounded-none sm:rounded-3xl pricing-gradient", children: [
+    /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs3("div", { className: "text-center my-16 sm:my-12", children: [
+      /* @__PURE__ */ jsx7("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground mb-4", children: heading }),
+      /* @__PURE__ */ jsx7("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
     ] }) }),
-    /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsxs3("div", { className: "bg-card mx-auto flex w-full md:max-w-md lg:max-w-3xl flex-col rounded-3xl border border-border feature-card-shadow p-6 md:p-8 px-6", children: [
+    /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsxs3("div", { className: "bg-card mx-auto flex w-full md:max-w-md lg:max-w-3xl flex-col rounded-3xl border border-border feature-card-shadow p-6 md:p-8 px-6", children: [
       /* @__PURE__ */ jsxs3("div", { className: "text-center", children: [
         /* @__PURE__ */ jsxs3("div", { className: "flex justify-start sm:justify-center items-baseline", children: [
-          /* @__PURE__ */ jsx6("span", { className: "text-3xl font-semibold text-foreground", children: price }),
-          /* @__PURE__ */ jsx6("span", { className: "text-muted-foreground ml-2 text-sm", children: priceUnit })
+          /* @__PURE__ */ jsx7("span", { className: "text-3xl font-semibold text-foreground", children: price }),
+          /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground ml-2 text-sm", children: priceUnit })
         ] }),
-        trialText && /* @__PURE__ */ jsx6("p", { className: "text-left sm:text-center text-muted-foreground mt-3 text-sm", children: trialText }),
-        /* @__PURE__ */ jsx6(Button2, { asChild: true, variant: "default", className: "mt-5 w-full md:w-64", children: /* @__PURE__ */ jsx6("a", { href: ctaHref, children: ctaText }) })
+        trialText && /* @__PURE__ */ jsx7("p", { className: "text-left sm:text-center text-muted-foreground mt-3 text-sm", children: trialText }),
+        /* @__PURE__ */ jsx7(Button, { asChild: true, variant: "default", className: "mt-5 w-full md:w-64", children: /* @__PURE__ */ jsx7("a", { href: ctaHref, children: ctaText }) })
       ] }),
       /* @__PURE__ */ jsxs3("div", { className: "mt-8", children: [
-        /* @__PURE__ */ jsx6("p", { className: "text-left sm:text-center text-lg font-semibold text-foreground mb-4", children: featuresHeading }),
-        /* @__PURE__ */ jsx6("ul", { className: "grid gap-y-3 gap-x-6 md:grid-cols-2 lg:grid-cols-3 ", children: features.map((feature, index) => /* @__PURE__ */ jsxs3("li", { className: "flex items-start text-left", children: [
-          /* @__PURE__ */ jsx6(Check, { className: "text-primary mr-2 size-4 shrink-0" }),
-          /* @__PURE__ */ jsx6("span", { className: "text-foreground text-sm", children: feature.text })
+        /* @__PURE__ */ jsx7("p", { className: "text-left sm:text-center text-lg font-semibold text-foreground mb-4", children: featuresHeading }),
+        /* @__PURE__ */ jsx7("ul", { className: "grid gap-y-3 gap-x-6 md:grid-cols-2 lg:grid-cols-3 ", children: features.map((feature, index) => /* @__PURE__ */ jsxs3("li", { className: "flex items-start text-left", children: [
+          /* @__PURE__ */ jsx7(Check, { className: "text-primary mr-2 size-4 shrink-0" }),
+          /* @__PURE__ */ jsx7("span", { className: "text-foreground text-sm", children: feature.text })
         ] }, index)) })
       ] })
     ] }) }),
-    securityNote && /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx6("div", { className: "text-center mt-8", children: /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx6("strong", { children: "Your code stays private." }),
+    securityNote && /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx7("div", { className: "text-center mt-8", children: /* @__PURE__ */ jsxs3("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx7("strong", { children: "Your code stays private." }),
       " ",
       securityNote
     ] }) }) })
   ] }) });
 }
 
-// src/components/pricing/pricing-tiers.tsx
+// src/templates/studio/components/pricing/pricing-tiers.tsx
 import { Check as Check2 } from "lucide-react";
 import Image2 from "next/image";
-import { Button as Button3 } from "@mdxui/primitives";
-import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 var defaultTiers = [
   {
     title: "Business",
@@ -490,59 +510,58 @@ function PricingTiers({
   securityNote = "Priya only accesses GitHub Issues and Projects\u2014she cannot read your code or secrets.",
   className
 }) {
-  return /* @__PURE__ */ jsx7("section", { id: "pricing", className: cn(`pt-12 md:pt-16 pb-10 sm:pb-20 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs4("div", { className: "max-w-7xl mx-auto p-6 sm:p-16 rounded-none sm:rounded-3xl pricing-gradient", children: [
-    /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs4("div", { className: "text-center my-16 sm:my-12", children: [
-      /* @__PURE__ */ jsx7("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }),
-      /* @__PURE__ */ jsx7("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
+  return /* @__PURE__ */ jsx8("section", { id: "pricing", className: cn(`pt-12 md:pt-16 pb-10 sm:pb-20 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs4("div", { className: "max-w-7xl mx-auto p-6 sm:p-16 rounded-none sm:rounded-3xl pricing-gradient", children: [
+    /* @__PURE__ */ jsx8(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs4("div", { className: "text-center my-16 sm:my-12", children: [
+      /* @__PURE__ */ jsx8("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }),
+      /* @__PURE__ */ jsx8("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
     ] }) }),
-    /* @__PURE__ */ jsx7("ul", { className: "grid gap-6 lg:grid-cols-3 lg:items-stretch", children: tiers.map((tier, index) => /* @__PURE__ */ jsx7("li", { className: tier.featured ? "lg:col-span-2 flex" : "lg:col-span-1 flex", children: /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.2 + index * 0.1, className: "w-full", children: /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8("ul", { className: "grid gap-6 lg:grid-cols-3 lg:items-stretch", children: tiers.map((tier, index) => /* @__PURE__ */ jsx8("li", { className: tier.featured ? "lg:col-span-2 flex" : "lg:col-span-1 flex", children: /* @__PURE__ */ jsx8(ScrollReveal, { direction: "up", delay: 0.2 + index * 0.1, className: "w-full", children: /* @__PURE__ */ jsx8(
       "div",
       {
         className: tier.featured ? "bg-card flex w-full h-full flex-col-reverse rounded-3xl border border-border feature-card-shadow md:flex-row" : "bg-card w-full h-full rounded-3xl border border-border feature-card-shadow p-6 md:p-8",
         children: tier.featured ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-          tier.image && /* @__PURE__ */ jsx7("div", { className: "hidden xl:block xl:w-1/2 pl-6 md:pl-8 py-6 md:py-8", children: /* @__PURE__ */ jsx7("div", { className: "h-full rounded-lg overflow-hidden relative min-h-96", children: /* @__PURE__ */ jsx7(Image2, { src: tier.image, alt: tier.imageAlt || tier.title, fill: true, className: "object-cover", sizes: "(max-width: 1280px) 0vw, 50vw" }) }) }),
-          /* @__PURE__ */ jsxs4("div", { className: "flex flex-col p-6 md:p-8 xl:w-1/2", children: [
+          tier.image && isRenderableSrc(tier.image) && /* @__PURE__ */ jsx8("div", { className: "hidden xl:block xl:w-1/2 pl-6 md:pl-8 py-6 md:py-8", children: /* @__PURE__ */ jsx8("div", { className: "h-full rounded-lg overflow-hidden relative min-h-96", children: /* @__PURE__ */ jsx8(Image2, { src: tier.image, alt: tier.imageAlt || tier.title, fill: true, className: "object-cover", sizes: "(max-width: 1280px) 0vw, 50vw" }) }) }),
+          /* @__PURE__ */ jsxs4("div", { className: cn("flex flex-col p-6 md:p-8", tier.image && isRenderableSrc(tier.image) && "xl:w-1/2"), children: [
             /* @__PURE__ */ jsxs4("div", { className: "flex-1", children: [
-              /* @__PURE__ */ jsx7("p", { className: "text-lg font-semibold text-foreground", children: tier.title }),
-              /* @__PURE__ */ jsx7("p", { className: "text-muted-foreground mt-3", children: tier.description }),
+              /* @__PURE__ */ jsx8("p", { className: "text-lg font-semibold text-foreground", children: tier.title }),
+              /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground mt-3", children: tier.description }),
               /* @__PURE__ */ jsxs4("div", { className: "mt-6 flex items-baseline", children: [
-                /* @__PURE__ */ jsx7("span", { className: "text-3xl font-semibold text-foreground", children: tier.price }),
-                /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground ml-2 text-sm", children: tier.priceUnit })
+                /* @__PURE__ */ jsx8("span", { className: "text-3xl font-semibold text-foreground", children: tier.price }),
+                /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground ml-2 text-sm", children: tier.priceUnit })
               ] }),
-              /* @__PURE__ */ jsx7(Button3, { asChild: true, variant: tier.ctaVariant === "primary" ? "default" : "secondary", className: "mt-5 w-full sm:w-auto", children: /* @__PURE__ */ jsx7("a", { href: tier.ctaHref || "#", children: tier.ctaText }) })
+              /* @__PURE__ */ jsx8(Button, { asChild: true, variant: tier.ctaVariant === "primary" ? "default" : "secondary", className: "mt-5 w-full sm:w-auto", children: /* @__PURE__ */ jsx8("a", { href: tier.ctaHref || "#", children: tier.ctaText }) })
             ] }),
-            /* @__PURE__ */ jsx7("div", { className: "mt-8", children: /* @__PURE__ */ jsx7("ul", { className: "space-y-2", children: tier.features.map((feature, featureIndex) => /* @__PURE__ */ jsxs4("li", { className: "flex items-start", children: [
-              /* @__PURE__ */ jsx7(Check2, { className: "text-primary mr-2 size-4 shrink-0" }),
-              /* @__PURE__ */ jsx7("span", { className: "text-foreground text-sm", children: feature.text })
+            /* @__PURE__ */ jsx8("div", { className: "mt-8", children: /* @__PURE__ */ jsx8("ul", { className: "space-y-2", children: tier.features.map((feature, featureIndex) => /* @__PURE__ */ jsxs4("li", { className: "flex items-start", children: [
+              /* @__PURE__ */ jsx8(Check2, { className: "text-primary mr-2 size-4 shrink-0" }),
+              /* @__PURE__ */ jsx8("span", { className: "text-foreground text-sm", children: feature.text })
             ] }, featureIndex)) }) })
           ] })
-        ] }) : /* @__PURE__ */ jsx7("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ jsxs4("div", { children: [
-          /* @__PURE__ */ jsx7("p", { className: "text-lg font-semibold text-foreground", children: tier.title }),
-          /* @__PURE__ */ jsx7("p", { className: "text-muted-foreground mt-3", children: tier.description }),
+        ] }) : /* @__PURE__ */ jsx8("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ jsxs4("div", { children: [
+          /* @__PURE__ */ jsx8("p", { className: "text-lg font-semibold text-foreground", children: tier.title }),
+          /* @__PURE__ */ jsx8("p", { className: "text-muted-foreground mt-3", children: tier.description }),
           /* @__PURE__ */ jsxs4("div", { className: "mt-6 flex items-baseline", children: [
-            /* @__PURE__ */ jsx7("span", { className: "text-3xl font-semibold text-foreground", children: tier.price }),
-            /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground ml-2 text-sm", children: tier.priceUnit })
+            /* @__PURE__ */ jsx8("span", { className: "text-3xl font-semibold text-foreground", children: tier.price }),
+            /* @__PURE__ */ jsx8("span", { className: "text-muted-foreground ml-2 text-sm", children: tier.priceUnit })
           ] }),
-          /* @__PURE__ */ jsx7(Button3, { asChild: true, variant: tier.ctaVariant === "primary" ? "default" : "secondary", className: "mt-5 w-full sm:w-auto", children: /* @__PURE__ */ jsx7("a", { href: tier.ctaHref || "#", children: tier.ctaText }) }),
-          /* @__PURE__ */ jsx7("div", { className: "mt-8", children: /* @__PURE__ */ jsx7("ul", { className: "space-y-2", children: tier.features.map((feature, featureIndex) => /* @__PURE__ */ jsxs4("li", { className: "flex items-start", children: [
-            /* @__PURE__ */ jsx7(Check2, { className: "text-primary mr-2 size-4 shrink-0" }),
-            /* @__PURE__ */ jsx7("span", { className: "text-foreground text-sm", children: feature.text })
+          /* @__PURE__ */ jsx8(Button, { asChild: true, variant: tier.ctaVariant === "primary" ? "default" : "secondary", className: "mt-5 w-full sm:w-auto", children: /* @__PURE__ */ jsx8("a", { href: tier.ctaHref || "#", children: tier.ctaText }) }),
+          /* @__PURE__ */ jsx8("div", { className: "mt-8", children: /* @__PURE__ */ jsx8("ul", { className: "space-y-2", children: tier.features.map((feature, featureIndex) => /* @__PURE__ */ jsxs4("li", { className: "flex items-start", children: [
+            /* @__PURE__ */ jsx8(Check2, { className: "text-primary mr-2 size-4 shrink-0" }),
+            /* @__PURE__ */ jsx8("span", { className: "text-foreground text-sm", children: feature.text })
           ] }, featureIndex)) }) })
         ] }) })
       }
     ) }) }, index)) }),
-    securityNote && /* @__PURE__ */ jsx7(ScrollReveal, { direction: "up", delay: 0.4, children: /* @__PURE__ */ jsx7("div", { className: "text-center mt-8", children: /* @__PURE__ */ jsxs4("p", { className: "text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx7("strong", { children: "Your code stays private." }),
+    securityNote && /* @__PURE__ */ jsx8(ScrollReveal, { direction: "up", delay: 0.4, children: /* @__PURE__ */ jsx8("div", { className: "text-center mt-8", children: /* @__PURE__ */ jsxs4("p", { className: "text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx8("strong", { children: "Your code stays private." }),
       " ",
       securityNote
     ] }) }) })
   ] }) });
 }
 
-// src/components/cta/cta.tsx
+// src/templates/studio/components/cta/cta.tsx
 import { HiArrowRight } from "react-icons/hi";
-import { Button as Button4 } from "@mdxui/primitives";
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
 var defaultButtons = [
   {
     text: "Get Started",
@@ -553,19 +572,19 @@ var defaultButtons = [
 ];
 function CTA({ heading = "Ready to Save 15 Hours Per Week?", subheading = "Setup with Github \u2013 takes 5 minutes.", buttons = defaultButtons, backgroundColor: _backgroundColor, className }) {
   const bgClass = "bg-card";
-  return /* @__PURE__ */ jsx8("section", { className: cn(`py-20 md:py-32 px-4 md:px-6 ${bgClass}`, className), children: /* @__PURE__ */ jsx8("div", { className: "max-w-3xl mx-auto text-center", children: /* @__PURE__ */ jsx8(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx8("h2", { className: "font-halant font-normal text-foreground text-[clamp(32px,5vw,52px)] leading-tight tracking-tight", children: heading }),
-    /* @__PURE__ */ jsx8("p", { className: "max-w-2xl mx-auto text-[clamp(16px,2vw,18px)] leading-relaxed text-muted-foreground", children: subheading }),
-    /* @__PURE__ */ jsx8("div", { className: "flex flex-col sm:flex-row gap-3 justify-center items-center pt-4", children: buttons.map((button, index) => /* @__PURE__ */ jsx8(Button4, { asChild: true, variant: button.variant === "primary" ? "default" : "secondary", children: /* @__PURE__ */ jsxs5("a", { href: button.href, children: [
+  return /* @__PURE__ */ jsx9("section", { className: cn(`py-20 md:py-32 px-4 md:px-6 ${bgClass}`, className), children: /* @__PURE__ */ jsx9("div", { className: "max-w-3xl mx-auto text-center", children: /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs5("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx9("h2", { className: "font-halant font-normal text-foreground text-[clamp(32px,5vw,52px)] leading-tight tracking-tight", children: heading }),
+    /* @__PURE__ */ jsx9("p", { className: "max-w-2xl mx-auto text-[clamp(16px,2vw,18px)] leading-relaxed text-muted-foreground", children: subheading }),
+    /* @__PURE__ */ jsx9("div", { className: "flex flex-col sm:flex-row gap-3 justify-center items-center pt-4", children: buttons.map((button, index) => /* @__PURE__ */ jsx9(Button, { asChild: true, variant: button.variant === "primary" ? "default" : "secondary", children: /* @__PURE__ */ jsxs5("a", { href: button.href, children: [
       button.text,
-      button.showArrow && /* @__PURE__ */ jsx8(HiArrowRight, { className: "w-4 h-4" })
+      button.showArrow && /* @__PURE__ */ jsx9(HiArrowRight, { className: "w-4 h-4" })
     ] }) }, index)) })
   ] }) }) }) });
 }
 
-// src/components/faq/faq.tsx
+// src/templates/studio/components/faq/faq.tsx
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@mdxui/primitives";
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
 var defaultFaqs = [
   {
     question: "How do I get started?",
@@ -593,562 +612,781 @@ var defaultFaqs = [
   }
 ];
 function FAQ({ heading = "FAQs", faqs = defaultFaqs, backgroundColor = "bg-background", className }) {
-  return /* @__PURE__ */ jsx9("section", { id: "faq", className: cn(`py-20 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs6("div", { className: "max-w-4xl mx-auto", children: [
-    /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx9("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsx9("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }) }) }),
-    /* @__PURE__ */ jsx9(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: faqs.map((faq, index) => /* @__PURE__ */ jsx9(ScrollReveal, { direction: "up", delay: 0.15 + index * 0.05, children: /* @__PURE__ */ jsxs6(AccordionItem, { value: `item-${index}`, className: "rounded-xl px-4 sm:px-6 border border-border bg-card shadow-sm", children: [
-      /* @__PURE__ */ jsx9(AccordionTrigger, { className: "hover:no-underline py-5 text-base font-medium text-foreground", children: faq.question }),
-      /* @__PURE__ */ jsx9(AccordionContent, { className: "pb-5 text-sm text-muted-foreground leading-relaxed", children: faq.answer })
+  return /* @__PURE__ */ jsx10("section", { id: "faq", className: cn(`py-20 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs6("div", { className: "max-w-4xl mx-auto", children: [
+    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx10("div", { className: "text-center mb-12", children: /* @__PURE__ */ jsx10("h2", { className: "font-halant font-normal text-[clamp(32px,4vw,52px)] leading-tight text-foreground mb-4", children: heading }) }) }),
+    /* @__PURE__ */ jsx10(Accordion, { type: "single", collapsible: true, className: "space-y-4", children: faqs.map((faq, index) => /* @__PURE__ */ jsx10(ScrollReveal, { direction: "up", delay: 0.15 + index * 0.05, children: /* @__PURE__ */ jsxs6(AccordionItem, { value: `item-${index}`, className: "rounded-xl px-4 sm:px-6 border border-border bg-card shadow-sm", children: [
+      /* @__PURE__ */ jsx10(AccordionTrigger, { className: "hover:no-underline py-5 text-base font-medium text-foreground", children: faq.question }),
+      /* @__PURE__ */ jsx10(AccordionContent, { className: "pb-5 text-sm text-foreground/70 leading-relaxed", children: faq.answer })
     ] }) }, index)) })
   ] }) });
 }
 
-// src/components/problem/problem.tsx
-import { FaInbox, FaCalendarAlt, FaListUl, FaFileAlt, FaRocket, FaProjectDiagram, FaBug, FaLightbulb } from "react-icons/fa";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var defaultWorkflows = [
-  { icon: FaInbox, label: "Issue triage" },
-  { icon: FaCalendarAlt, label: "Sprint planning" },
-  { icon: FaListUl, label: "Backlog grooming" },
-  { icon: FaFileAlt, label: "Status updates" },
-  { icon: FaRocket, label: "Release planning" },
-  { icon: FaProjectDiagram, label: "Dependency tracking" },
-  { icon: FaBug, label: "Bug prioritization" },
-  { icon: FaLightbulb, label: "Feature requests" }
-];
-function Problem({
-  heading = "Product managers <strong>spend 15+ hours</strong> per week on busywork",
-  workflows = defaultWorkflows,
-  subheading = "What if all of that just... ",
-  subheadingHighlight = "happened automatically?",
-  highlightColor = "bg-primary/20",
-  marqueeDuration = "30s",
-  marqueeGap = "0.5rem",
-  backgroundColor = "bg-background",
-  className
+// src/templates/studio/components/navigation/navigation.tsx
+import { useState as useState2, useEffect as useEffect2 } from "react";
+import Link from "next/link";
+import { Menu, X } from "lucide-react";
+import { motion as motion2, AnimatePresence } from "motion/react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function Navigation({
+  logo = "Priya",
+  logoHref = "/",
+  links = [
+    { label: "Features", href: "#features" },
+    { label: "Pricing", href: "#pricing" },
+    { label: "FAQ", href: "#faq" }
+  ],
+  ctaText = "Hire me",
+  ctaHref = "#pricing",
+  ctaVariant = "secondary",
+  className,
+  maxWidth = "7xl",
+  sticky = true,
+  showScrollEffect = true
 }) {
-  return /* @__PURE__ */ jsx10("section", { id: "problem", className: cn(`py-20 md:pb-32 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsx10("div", { className: "max-w-4xl mx-auto", children: /* @__PURE__ */ jsxs7("div", { className: "text-center space-y-8", children: [
-    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx10(
-      "h2",
-      {
-        className: "font-normal text-[clamp(36px,4vw,40px)] leading-tight text-foreground",
-        dangerouslySetInnerHTML: { __html: heading }
-      }
-    ) }),
-    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "none", delay: 0.2, children: /* @__PURE__ */ jsxs7("div", { className: "relative py-6", children: [
-      /* @__PURE__ */ jsx10("div", { className: "absolute left-0 top-0 bottom-0 w-32 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none" }),
-      /* @__PURE__ */ jsx10("div", { className: "absolute right-0 top-0 bottom-0 w-32 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none" }),
-      /* @__PURE__ */ jsx10(
-        Marquee,
-        {
-          className: "[--duration:30s] [--gap:0.5rem]",
-          style: {
-            "--duration": marqueeDuration,
-            "--gap": marqueeGap
-          },
-          children: workflows.map((workflow, index) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2.5 pl-1.5 pr-3.5 py-1.5 bg-card border border-border rounded-full", children: [
-            /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center w-7 h-7 rounded-full bg-background", children: /* @__PURE__ */ jsx10(workflow.icon, { className: "w-3.5 h-3.5 text-foreground" }) }),
-            /* @__PURE__ */ jsx10("span", { className: "text-sm text-foreground whitespace-nowrap", children: workflow.label })
-          ] }, index))
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx10("div", { className: "pt-2 md:pt-4", children: /* @__PURE__ */ jsxs7("h3", { className: "font-normal text-[clamp(26px,3.5vw,32px)] leading-tight text-foreground", children: [
-      subheading,
-      /* @__PURE__ */ jsxs7("span", { className: "relative inline-block", children: [
-        /* @__PURE__ */ jsx10("span", { className: "relative z-10", children: subheadingHighlight }),
-        /* @__PURE__ */ jsx10("span", { className: `absolute bottom-1 left-0 w-full h-3 ${highlightColor} opacity-30 -rotate-1` })
+  const [mobileMenuOpen, setMobileMenuOpen] = useState2(false);
+  const [isScrolled, setIsScrolled] = useState2(false);
+  useEffect2(() => {
+    if (!showScrollEffect) return;
+    const handleScroll = () => {
+      setIsScrolled(window.scrollY > 10);
+    };
+    window.addEventListener("scroll", handleScroll);
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, [showScrollEffect]);
+  const maxWidthClass = {
+    sm: "max-w-sm",
+    md: "max-w-md",
+    lg: "max-w-lg",
+    xl: "max-w-xl",
+    "2xl": "max-w-2xl",
+    "3xl": "max-w-3xl",
+    "4xl": "max-w-4xl",
+    "5xl": "max-w-5xl",
+    "6xl": "max-w-6xl",
+    "7xl": "max-w-7xl",
+    full: "max-w-full"
+  }[maxWidth];
+  return /* @__PURE__ */ jsx11(
+    "nav",
+    {
+      className: cn(
+        "z-50 w-full transition-all duration-300",
+        sticky && "sticky top-0",
+        showScrollEffect && isScrolled ? "bg-background/95 backdrop-blur-md" : "bg-background",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs7("div", { className: cn(maxWidthClass, "mx-auto px-6 lg:px-12 py-4"), children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx11("div", { className: "flex items-center", children: /* @__PURE__ */ jsx11(Link, { href: logoHref, className: "flex items-center", children: typeof logo === "string" ? /* @__PURE__ */ jsx11("span", { className: "text-3xl font-base text-foreground font-halant", children: logo }) : logo }) }),
+          links && links.length > 0 && /* @__PURE__ */ jsx11("div", { className: "hidden lg:flex items-center gap-8", children: links.map((link) => /* @__PURE__ */ jsx11("a", { href: link.href, className: "text-sm text-foreground hover:opacity-60 transition-opacity", children: link.label }, link.href)) }),
+          ctaText && ctaHref && /* @__PURE__ */ jsx11("div", { className: "hidden lg:flex items-center", children: /* @__PURE__ */ jsx11(Button, { asChild: true, variant: ctaVariant, children: /* @__PURE__ */ jsx11("a", { href: ctaHref, children: ctaText }) }) }),
+          /* @__PURE__ */ jsx11("button", { className: "lg:hidden p-2 text-foreground", onClick: () => setMobileMenuOpen(!mobileMenuOpen), "aria-label": "Toggle menu", children: mobileMenuOpen ? /* @__PURE__ */ jsx11(X, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx11(Menu, { className: "w-6 h-6" }) })
+        ] }),
+        /* @__PURE__ */ jsx11(AnimatePresence, { children: mobileMenuOpen && /* @__PURE__ */ jsx11(
+          motion2.div,
+          {
+            initial: { opacity: 0, height: 0 },
+            animate: { opacity: 1, height: "auto" },
+            exit: { opacity: 0, height: 0 },
+            transition: { duration: 0.3, ease: "easeInOut" },
+            className: "lg:hidden overflow-hidden",
+            children: /* @__PURE__ */ jsx11("div", { className: "mt-4 py-4 rounded-xl bg-card", children: /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-4 px-6", children: [
+              links.map((link) => /* @__PURE__ */ jsx11("a", { href: link.href, className: "py-2 text-foreground hover:opacity-70 transition-colors", onClick: () => setMobileMenuOpen(false), children: link.label }, link.href)),
+              ctaText && ctaHref && /* @__PURE__ */ jsx11(Button, { asChild: true, variant: ctaVariant, className: "mt-2", onClick: () => setMobileMenuOpen(false), children: /* @__PURE__ */ jsx11("a", { href: ctaHref, children: ctaText }) })
+            ] }) })
+          }
+        ) })
       ] })
-    ] }) }) })
-  ] }) }) });
+    }
+  );
 }
 
-// src/components/contact/contact.tsx
-import { useState } from "react";
-import { Button as Button5, Input, Label, Textarea } from "@mdxui/primitives";
-import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
-var defaultFields = [
-  {
-    id: "name",
-    label: "Name",
-    type: "text",
-    required: true
-  },
-  {
-    id: "email",
-    label: "Company Email",
-    type: "email",
-    required: true
-  },
-  {
-    id: "message",
-    label: "Message",
-    type: "textarea",
-    placeholder: "Tell us about your use case, team size, or any other questions you may have.",
-    required: true
+// src/templates/studio/components/footer/footer.tsx
+import Link2 from "next/link";
+import { FaGithub, FaXTwitter } from "react-icons/fa6";
+import { SiNpm } from "react-icons/si";
+import { FaArrowRight } from "react-icons/fa6";
+
+// src/templates/studio/ui/input/input.tsx
+import * as React2 from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var Input = React2.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx12(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-11 w-full rounded-md border border-(--color-border) bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-(--color-fg) placeholder:text-(--color-fg-muted) focus-visible:outline-none focus-visible:border-(--color-border-strong) focus-visible:ring-1 focus-visible:ring-(--color-ring) disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
   }
-];
-function Contact({
-  heading = "Get in touch",
-  subheading = "Have questions about use cases, pricing, or anything else? Let's chat!",
-  fields = defaultFields,
-  submitButtonText = "Submit",
-  successMessage = "Thanks for reaching out! I'll get back to you within 24 hours.",
-  errorMessage = "Hmm, something went wrong. Mind trying again?",
-  onSubmit,
-  backgroundColor = "bg-background",
+);
+Input.displayName = "Input";
+
+// src/templates/studio/components/footer/footer.tsx
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+function Footer({
+  logo = "Priya",
+  description = "Your AI Product Manager for GitHub. Automate issue triage, sprint planning, and backlog grooming.",
+  socialLinks = [
+    { href: "https://github.com", icon: FaGithub, label: "GitHub" },
+    { href: "https://npmjs.com", icon: SiNpm, label: "npm" },
+    // X always points at the .do brand account (do-design-agency HARD rule);
+    // GitHub/npm stay product-specific overrides.
+    { href: "https://x.com/dotdo_ai", icon: FaXTwitter, label: "X (Twitter)" }
+  ],
+  quickLinks = [
+    { href: "/#pricing", label: "Pricing" },
+    { href: "/#features", label: "How it works" },
+    { href: "/contact", label: "Contact" }
+  ],
+  contactTitle = "Stay in touch",
+  emailPlaceholder = "Enter your email",
+  onEmailSubmit,
+  copyrightText = "Priya.do \xA9 2025. All rights reserved.",
   className
 }) {
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [formData, setFormData] = useState({});
-  const [submitStatus, setSubmitStatus] = useState("idle");
-  const handleSubmit = async (e) => {
+  const handleEmailSubmit = (e) => {
     e.preventDefault();
-    setIsSubmitting(true);
-    setSubmitStatus("idle");
-    try {
-      if (onSubmit) {
-        await onSubmit(formData);
-      }
-      setSubmitStatus("success");
-      setFormData({});
-      e.target.reset();
-    } catch {
-      setSubmitStatus("error");
-    } finally {
-      setIsSubmitting(false);
+    const form = e.currentTarget;
+    const formData = new FormData(form);
+    const email = formData.get("email");
+    if (onEmailSubmit) {
+      onEmailSubmit(email);
     }
+    form.reset();
   };
-  const handleChange = (e) => {
-    setFormData((prev) => ({
-      ...prev,
-      [e.target.id]: e.target.value
-    }));
-  };
-  return /* @__PURE__ */ jsx11("section", { className: cn(`relative py-12 md:py-32 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs8("div", { className: "max-w-3xl mx-auto", children: [
-    /* @__PURE__ */ jsx11(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs8("div", { className: "mb-14 text-center", children: [
-      /* @__PURE__ */ jsx11("h1", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground mb-4", children: heading }),
-      /* @__PURE__ */ jsx11("p", { className: "text-base text-muted-foreground max-w-2xl mx-auto", children: subheading })
-    ] }) }),
-    /* @__PURE__ */ jsx11(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsxs8(
-      "form",
+  return /* @__PURE__ */ jsx13("footer", { className: cn("py-16 px-6 lg:px-12 bg-[#111011] text-white", className), children: /* @__PURE__ */ jsxs8("div", { className: "max-w-7xl mx-auto", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "grid md:grid-cols-5 gap-12 mb-12", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "md:col-span-2", children: [
+        /* @__PURE__ */ jsx13(Link2, { href: "/", className: "inline-block mb-4", children: /* @__PURE__ */ jsx13("div", { className: "text-3xl font-base text-white font-halant", children: logo }) }),
+        /* @__PURE__ */ jsx13("p", { className: "max-w-md text-sm leading-relaxed text-white/70 mb-6", children: description }),
+        /* @__PURE__ */ jsx13("div", { className: "flex items-center gap-4", children: socialLinks.map((link) => {
+          const Icon = link.icon;
+          return /* @__PURE__ */ jsx13(
+            Link2,
+            {
+              href: link.href,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-white/70 transition-colors hover:text-white",
+              "aria-label": link.label,
+              children: /* @__PURE__ */ jsx13(Icon, { className: "w-5 h-5" })
+            },
+            link.label
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs8("div", { children: [
+        /* @__PURE__ */ jsx13("h3", { className: "font-semibold text-base mb-4 text-white", children: "Quick Links" }),
+        /* @__PURE__ */ jsx13("ul", { className: "space-y-2", children: quickLinks.map((link) => /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsx13(Link2, { href: link.href, className: "text-sm text-white/70 transition-colors hover:text-white", children: link.label }) }, link.label)) })
+      ] }),
+      /* @__PURE__ */ jsx13("div", { className: "w-full md:col-span-2 md:flex md:flex-col md:items-end", children: /* @__PURE__ */ jsxs8("div", { className: "w-full md:max-w-sm", children: [
+        /* @__PURE__ */ jsx13("h3", { className: "font-semibold text-base mb-4 text-white", children: contactTitle }),
+        /* @__PURE__ */ jsxs8("form", { onSubmit: handleEmailSubmit, className: "relative", children: [
+          /* @__PURE__ */ jsx13(
+            Input,
+            {
+              type: "email",
+              name: "email",
+              placeholder: emailPlaceholder,
+              required: true,
+              className: "w-full bg-white/10 border-white/20 text-white placeholder:text-white/50 pr-12"
+            }
+          ),
+          /* @__PURE__ */ jsx13(
+            "button",
+            {
+              type: "submit",
+              className: "absolute right-1 top-1/2 -translate-y-1/2 bg-white text-gray-900 hover:bg-white/90 active:bg-[#111011] active:text-white px-3 py-3 rounded-md transition-colors",
+              "aria-label": "Submit email",
+              children: /* @__PURE__ */ jsx13(FaArrowRight, { className: "w-3 h-3" })
+            }
+          )
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx13("div", { className: "border-t border-white/10 pt-8", children: /* @__PURE__ */ jsx13("div", { className: "flex flex-col md:flex-row justify-between items-center gap-4", children: /* @__PURE__ */ jsx13("p", { className: "text-sm text-white/60", children: copyrightText }) }) })
+  ] }) });
+}
+
+// src/templates/studio/view.tsx
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+function StudioView({ content, brandName, hostname }) {
+  const { hero, features, pricing, faq, cta } = content;
+  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
+    /* @__PURE__ */ jsx14(Navigation, { logo: brandName }),
+    /* @__PURE__ */ jsxs9("main", { children: [
+      /* @__PURE__ */ jsx14(
+        Hero,
+        {
+          badgeEmoji: hero.badgeEmoji,
+          badgeText: hero.badgeText,
+          badgeHref: hero.badgeHref,
+          heading: hero.heading,
+          description: hero.description,
+          ctaText: hero.ctaText,
+          ctaHref: hero.ctaHref,
+          rightImageSrc: hero.rightImageSrc,
+          rightImageAlt: hero.rightImageAlt,
+          showIconOverlay: hero.showIconOverlay,
+          marqueeTitle: hero.marqueeTitle,
+          marqueeImages: hero.marqueeImages
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        Features,
+        {
+          heading: features.heading,
+          description: features.description,
+          features: features.features
+        }
+      ),
+      pricing.variant === "single" ? /* @__PURE__ */ jsx14(
+        Pricing,
+        {
+          heading: pricing.heading,
+          subheading: pricing.subheading,
+          price: pricing.price,
+          priceUnit: pricing.priceUnit,
+          trialText: pricing.trialText,
+          ctaText: pricing.ctaText,
+          ctaHref: pricing.ctaHref,
+          featuresHeading: pricing.featuresHeading,
+          features: pricing.features,
+          securityNote: pricing.securityNote
+        }
+      ) : /* @__PURE__ */ jsx14(
+        PricingTiers,
+        {
+          heading: pricing.heading,
+          subheading: pricing.subheading,
+          tiers: pricing.tiers,
+          securityNote: pricing.securityNote
+        }
+      ),
+      /* @__PURE__ */ jsx14(FAQ, { heading: faq.heading, faqs: faq.faqs }),
+      /* @__PURE__ */ jsx14(CTA, { heading: cta.heading, subheading: cta.subheading, buttons: cta.buttons })
+    ] }),
+    /* @__PURE__ */ jsx14(
+      Footer,
       {
-        onSubmit: handleSubmit,
-        className: "mx-auto flex max-w-lg flex-col gap-6 bg-card p-6 md:p-8 rounded-3xl border border-border feature-card-shadow",
-        children: [
-          fields.map((field) => /* @__PURE__ */ jsxs8("div", { className: "grid w-full items-center gap-2", children: [
-            /* @__PURE__ */ jsxs8(Label, { htmlFor: field.id, className: "text-foreground", children: [
-              field.label,
-              field.required && /* @__PURE__ */ jsx11("span", { className: "text-destructive ml-1", children: "*" })
-            ] }),
-            field.type === "textarea" ? /* @__PURE__ */ jsx11(Textarea, { id: field.id, placeholder: field.placeholder, required: field.required, onChange: handleChange, className: "min-h-[120px]" }) : /* @__PURE__ */ jsx11(Input, { type: field.type, id: field.id, placeholder: field.placeholder, required: field.required, onChange: handleChange })
-          ] }, field.id)),
-          /* @__PURE__ */ jsx11(Button5, { type: "submit", className: "w-full", disabled: isSubmitting, children: isSubmitting ? "Submitting..." : submitButtonText }),
-          submitStatus === "success" && /* @__PURE__ */ jsx11("p", { className: "text-primary text-sm text-center", children: successMessage }),
-          submitStatus === "error" && /* @__PURE__ */ jsx11("p", { className: "text-destructive text-sm text-center", children: errorMessage })
-        ]
+        logo: brandName,
+        description: hero.description,
+        copyrightText: `${hostname} \xA9 ${(/* @__PURE__ */ new Date()).getFullYear()}. All rights reserved.`
       }
-    ) })
-  ] }) });
+    )
+  ] });
 }
 
-// src/components/integration/integration.tsx
-import { forwardRef, useRef, useEffect as useEffect2, useState as useState3 } from "react";
+// src/templates/executive/components/navigation.tsx
+import { useState as useState3, useEffect as useEffect3 } from "react";
+import Link3 from "next/link";
+import { Menu as Menu2, X as X2 } from "lucide-react";
 
-// src/shared/animated-beam/animated-beam.tsx
-import { useEffect, useId, useState as useState2 } from "react";
-import { motion as motion2 } from "motion/react";
-import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
-function AnimatedBeam({
-  className,
-  containerRef,
-  fromRef,
-  toRef,
-  curvature = 0,
-  reverse = false,
-  duration = Math.random() * 3 + 4,
-  delay = 0,
-  pathColor = "gray",
-  pathWidth = 2,
-  pathOpacity = 0.2,
-  gradientStartColor = "#ffaa40",
-  gradientStopColor = "#9c40ff",
-  startXOffset = 0,
-  startYOffset = 0,
-  endXOffset = 0,
-  endYOffset = 0
-}) {
-  const id = useId();
-  const [pathD, setPathD] = useState2("");
-  const [svgDimensions, setSvgDimensions] = useState2({ width: 0, height: 0 });
-  const gradientCoordinates = reverse ? {
-    x1: ["90%", "-10%"],
-    x2: ["100%", "0%"],
-    y1: ["0%", "0%"],
-    y2: ["0%", "0%"]
-  } : {
-    x1: ["10%", "110%"],
-    x2: ["0%", "100%"],
-    y1: ["0%", "0%"],
-    y2: ["0%", "0%"]
-  };
-  useEffect(() => {
-    const updatePath = () => {
-      if (containerRef.current && fromRef.current && toRef.current) {
-        const containerRect = containerRef.current.getBoundingClientRect();
-        const rectA = fromRef.current.getBoundingClientRect();
-        const rectB = toRef.current.getBoundingClientRect();
-        const svgWidth = containerRect.width;
-        const svgHeight = containerRect.height;
-        setSvgDimensions({ width: svgWidth, height: svgHeight });
-        const startX = rectA.left - containerRect.left + rectA.width / 2 + startXOffset;
-        const startY = rectA.top - containerRect.top + rectA.height / 2 + startYOffset;
-        const endX = rectB.left - containerRect.left + rectB.width / 2 + endXOffset;
-        const endY = rectB.top - containerRect.top + rectB.height / 2 + endYOffset;
-        const controlY = startY - curvature;
-        const d = `M ${startX},${startY} Q ${(startX + endX) / 2},${controlY} ${endX},${endY}`;
-        setPathD(d);
-      }
-    };
-    const resizeObserver = new ResizeObserver(() => {
-      updatePath();
-    });
-    if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
+// src/templates/executive/ui/button.tsx
+import * as React3 from "react";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var baseClasses2 = "inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-ring) disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer rounded-[2px]";
+var variantClasses2 = {
+  default: "bg-(--color-btn-primary-to) text-(--color-btn-primary-fg) hover:bg-(--color-accent)",
+  secondary: "bg-transparent text-(--color-fg) border border-(--color-border-strong) hover:bg-(--color-hover)",
+  ghost: "text-(--color-fg) hover:bg-(--color-hover)",
+  link: "text-(--color-fg) underline-offset-4 hover:underline"
+};
+var sizeClasses2 = {
+  default: "h-11 px-6 text-sm tracking-[0.01em]",
+  sm: "h-9 px-4 text-sm"
+};
+var ExecButton = React3.forwardRef(
+  ({ className, variant = "default", size = "default", asChild = false, children, ...props }, ref) => {
+    const classes = cn(baseClasses2, variantClasses2[variant], sizeClasses2[size], className);
+    if (asChild && React3.isValidElement(children)) {
+      const child = children;
+      return React3.cloneElement(child, {
+        ...props,
+        className: cn(classes, child.props.className)
+      });
     }
-    updatePath();
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [containerRef, fromRef, toRef, curvature, startXOffset, startYOffset, endXOffset, endYOffset]);
-  return /* @__PURE__ */ jsxs9(
-    "svg",
+    return /* @__PURE__ */ jsx15("button", { ref, className: classes, ...props, children });
+  }
+);
+ExecButton.displayName = "ExecButton";
+
+// src/templates/executive/components/navigation.tsx
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+function ExecNavigation({
+  logo = "Priya",
+  logoHref = "/",
+  links = [
+    { label: "Features", href: "#features" },
+    { label: "Pricing", href: "#pricing" },
+    { label: "FAQ", href: "#faq" }
+  ],
+  ctaText = "Hire me",
+  ctaHref = "#pricing",
+  className
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = useState3(false);
+  const [isScrolled, setIsScrolled] = useState3(false);
+  useEffect3(() => {
+    const handleScroll = () => setIsScrolled(window.scrollY > 10);
+    window.addEventListener("scroll", handleScroll);
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+  return /* @__PURE__ */ jsx16(
+    "nav",
     {
-      fill: "none",
-      width: svgDimensions.width,
-      height: svgDimensions.height,
-      xmlns: "http://www.w3.org/2000/svg",
-      className: cn("pointer-events-none absolute top-0 left-0 transform-gpu stroke-2", className),
-      viewBox: `0 0 ${svgDimensions.width} ${svgDimensions.height}`,
-      children: [
-        /* @__PURE__ */ jsx12("path", { d: pathD, stroke: pathColor, strokeWidth: pathWidth, strokeOpacity: pathOpacity, strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx12("path", { d: pathD, strokeWidth: pathWidth, stroke: `url(#${id})`, strokeOpacity: "1", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx12("defs", { children: /* @__PURE__ */ jsxs9(
-          motion2.linearGradient,
-          {
-            className: "transform-gpu",
-            id,
-            gradientUnits: "userSpaceOnUse",
-            initial: {
-              x1: "0%",
-              x2: "0%",
-              y1: "0%",
-              y2: "0%"
-            },
-            animate: {
-              x1: gradientCoordinates.x1,
-              x2: gradientCoordinates.x2,
-              y1: gradientCoordinates.y1,
-              y2: gradientCoordinates.y2
+      className: cn(
+        "sticky top-0 z-50 w-full bg-(--color-surface) transition-[border-color] duration-200 border-b",
+        isScrolled ? "border-(--color-border-strong)" : "border-(--color-border)",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs10("div", { className: "max-w-6xl mx-auto px-6 lg:px-10 py-4", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx16(Link3, { href: logoHref, className: "flex items-baseline gap-2", children: /* @__PURE__ */ jsx16("span", { className: "exec-serif italic text-2xl text-(--color-fg)", children: logo }) }),
+          /* @__PURE__ */ jsx16("div", { className: "hidden lg:flex items-center gap-10", children: links.map((link) => /* @__PURE__ */ jsx16(
+            "a",
+            {
+              href: link.href,
+              className: "text-sm text-(--color-fg-muted) hover:text-(--color-fg) transition-colors",
+              children: link.label
             },
-            transition: {
-              delay,
-              duration,
-              ease: [0.16, 1, 0.3, 1],
-              repeat: Infinity,
-              repeatDelay: 0
+            link.href
+          )) }),
+          ctaText && ctaHref && /* @__PURE__ */ jsx16("div", { className: "hidden lg:flex items-center", children: /* @__PURE__ */ jsx16(ExecButton, { asChild: true, variant: "secondary", size: "sm", children: /* @__PURE__ */ jsx16("a", { href: ctaHref, children: ctaText }) }) }),
+          /* @__PURE__ */ jsx16(
+            "button",
+            {
+              className: "lg:hidden p-2 text-(--color-fg)",
+              onClick: () => setMobileMenuOpen(!mobileMenuOpen),
+              "aria-label": "Toggle menu",
+              children: mobileMenuOpen ? /* @__PURE__ */ jsx16(X2, { className: "w-5 h-5" }) : /* @__PURE__ */ jsx16(Menu2, { className: "w-5 h-5" })
+            }
+          )
+        ] }),
+        mobileMenuOpen && /* @__PURE__ */ jsx16("div", { className: "lg:hidden border-t border-(--color-border) mt-4", children: /* @__PURE__ */ jsxs10("div", { className: "flex flex-col py-2", children: [
+          links.map((link) => /* @__PURE__ */ jsx16(
+            "a",
+            {
+              href: link.href,
+              className: "py-3 text-sm text-(--color-fg) border-b border-(--color-border) last:border-b-0",
+              onClick: () => setMobileMenuOpen(false),
+              children: link.label
             },
-            children: [
-              /* @__PURE__ */ jsx12("stop", { stopColor: gradientStartColor, stopOpacity: "0" }),
-              /* @__PURE__ */ jsx12("stop", { stopColor: gradientStartColor }),
-              /* @__PURE__ */ jsx12("stop", { offset: "32.5%", stopColor: gradientStopColor }),
-              /* @__PURE__ */ jsx12("stop", { offset: "100%", stopColor: gradientStopColor, stopOpacity: "0" })
-            ]
-          }
-        ) })
-      ]
+            link.href
+          )),
+          ctaText && ctaHref && /* @__PURE__ */ jsx16(ExecButton, { asChild: true, variant: "secondary", size: "sm", className: "mt-3 self-start", onClick: () => setMobileMenuOpen(false), children: /* @__PURE__ */ jsx16("a", { href: ctaHref, children: ctaText }) })
+        ] }) })
+      ] })
     }
   );
 }
 
-// src/shared/grid-pattern/grid-pattern.tsx
-import { useId as useId2 } from "react";
-import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
-function GridPattern({
-  width = 40,
-  height = 40,
-  x = -1,
-  y = -1,
-  strokeDasharray = "0",
-  squares,
-  className,
-  ...props
+// src/templates/executive/components/hero.tsx
+import { HiArrowRight as HiArrowRight2 } from "react-icons/hi";
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+function ExecHero({
+  heading = "Your AI Product Manager for GitHub",
+  description = "Priya triages issues, plans sprints, and grooms your backlog automatically. You focus on building.",
+  ctaText = "Get Started",
+  ctaHref = "#pricing",
+  secondaryCtaText,
+  secondaryCtaHref,
+  marqueeTitle = "Tools I work with",
+  marqueeImages = [],
+  className
 }) {
-  const id = useId2();
-  return /* @__PURE__ */ jsxs10(
-    "svg",
-    {
-      "aria-hidden": "true",
-      className: cn("pointer-events-none absolute inset-0 h-full w-full fill-muted-foreground/20 stroke-muted-foreground/20", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx13("defs", { children: /* @__PURE__ */ jsx13("pattern", { id, width, height, patternUnits: "userSpaceOnUse", x, y, children: /* @__PURE__ */ jsx13("path", { d: `M.5 ${height}V.5H${width}`, fill: "none", strokeDasharray }) }) }),
-        /* @__PURE__ */ jsx13("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
-        squares && /* @__PURE__ */ jsx13("svg", { x, y, className: "overflow-visible", children: squares.map(([sx, sy]) => /* @__PURE__ */ jsx13("rect", { strokeWidth: "0", width: width - 1, height: height - 1, x: sx * width + 1, y: sy * height + 1 }, `${sx}-${sy}`)) })
-      ]
-    }
-  );
+  const tools = marqueeImages.filter((s) => !/^(https?:)?\/\//i.test(s.trim()) && !s.trim().startsWith("data:"));
+  return /* @__PURE__ */ jsxs11("section", { className: cn("bg-(--color-accent-field) text-(--color-accent-fg)", className), children: [
+    /* @__PURE__ */ jsxs11("div", { className: "max-w-6xl mx-auto px-6 lg:px-10", children: [
+      /* @__PURE__ */ jsx17(ScrollReveal, { direction: "up", trigger: "mount", children: /* @__PURE__ */ jsx17("h1", { className: "pt-16 md:pt-24 font-halant text-[clamp(48px,7.5vw,118px)] text-(--color-accent-fg) max-w-[14ch] -ml-0.5", children: heading }) }),
+      /* @__PURE__ */ jsxs11("div", { className: "grid md:grid-cols-12 gap-x-6 gap-y-8 pt-10 md:pt-12 pb-14 md:pb-20", children: [
+        /* @__PURE__ */ jsx17("div", { className: "md:col-span-7", children: /* @__PURE__ */ jsx17(ScrollReveal, { direction: "up", delay: 0.12, trigger: "mount", children: /* @__PURE__ */ jsx17("p", { className: "exec-serif italic text-xl md:text-2xl leading-relaxed text-(--color-accent-fg)/90 max-w-[44ch]", children: description }) }) }),
+        /* @__PURE__ */ jsx17("div", { className: "md:col-span-4 md:col-start-9 flex md:justify-end md:items-end", children: /* @__PURE__ */ jsx17(ScrollReveal, { direction: "up", delay: 0.22, trigger: "mount", children: /* @__PURE__ */ jsxs11("div", { className: "flex flex-col sm:flex-row gap-3", children: [
+          /* @__PURE__ */ jsx17(ExecButton, { asChild: true, className: "bg-(--color-accent-fg) text-(--color-accent-field) hover:bg-(--color-surface-raised)", children: /* @__PURE__ */ jsxs11("a", { href: ctaHref, children: [
+            ctaText,
+            /* @__PURE__ */ jsx17(HiArrowRight2, { className: "w-4 h-4" })
+          ] }) }),
+          secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ jsx17(ExecButton, { asChild: true, variant: "secondary", className: "border-(--color-accent-fg)/40 text-(--color-accent-fg) hover:bg-(--color-accent-fg)/10", children: /* @__PURE__ */ jsx17("a", { href: secondaryCtaHref, children: secondaryCtaText }) })
+        ] }) }) })
+      ] })
+    ] }),
+    tools.length > 0 && /* @__PURE__ */ jsx17("div", { className: "border-t border-(--color-accent-fg)/25 bg-(--color-accent-field)", "aria-label": marqueeTitle, children: /* @__PURE__ */ jsx17(Marquee, { className: "py-4 [--duration:32s] [--gap:2.5rem]", children: tools.map((tool, i) => /* @__PURE__ */ jsxs11(
+      "span",
+      {
+        className: "flex items-center gap-x-10 font-halant uppercase text-base tracking-[0.08em] text-(--color-accent-fg)/85 whitespace-nowrap",
+        children: [
+          brandLabel(tool),
+          /* @__PURE__ */ jsx17("span", { className: "inline-block size-[6px] bg-(--color-accent-fg)/50", "aria-hidden": "true" })
+        ]
+      },
+      `${tool}-${i}`
+    )) }) })
+  ] });
 }
 
-// src/components/integration/integration.tsx
-import Image3 from "next/image";
-import { Button as Button6 } from "@mdxui/primitives";
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
-var Square = forwardRef(({ className, children }, ref) => {
-  return /* @__PURE__ */ jsx14(
-    "div",
-    {
-      ref,
-      className: cn("z-10 flex size-16 items-center justify-center rounded-lg bg-card border border-border p-3 integration-square-shadow", className),
-      children
-    }
-  );
-});
-Square.displayName = "Square";
-function Integration({
-  title = "Connect in Seconds",
-  description = "Just connect your account and get started immediately \u2013 no configuration, no setup, no hassle.",
-  buttonText = "Get Started",
-  buttonHref = "#pricing",
-  leftNode,
-  rightNode,
-  beamAnimations = [
-    { startYOffset: 10, endYOffset: 10, curvature: -20, duration: 3 },
-    { startYOffset: -10, endYOffset: -10, curvature: 20, duration: 3, reverse: true }
-  ],
-  gridPatternWidth = 30,
-  gridPatternHeight = 30,
-  maxWidth = "5xl",
-  className,
-  contentOrder = "left"
+// src/templates/executive/components/features.tsx
+import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+function ExecFeatures({
+  heading = "How It Works",
+  description,
+  features = [],
+  className
 }) {
-  const containerRef = useRef(null);
-  const leftRef = useRef(null);
-  const rightRef = useRef(null);
-  const [isDark, setIsDark] = useState3(false);
-  useEffect2(() => {
-    const checkDarkMode = () => {
-      const isDarkMode = document.documentElement.classList.contains("dark") || window.matchMedia("(prefers-color-scheme: dark)").matches;
-      setIsDark(isDarkMode);
-    };
-    checkDarkMode();
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-    const observer = new MutationObserver(checkDarkMode);
-    mediaQuery.addEventListener("change", checkDarkMode);
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class"]
-    });
-    return () => {
-      mediaQuery.removeEventListener("change", checkDarkMode);
-      observer.disconnect();
-    };
-  }, []);
-  const renderNode = (node, ref) => {
-    const squareContent = (() => {
-      if (node.type === "image" && typeof node.content === "string") {
-        return /* @__PURE__ */ jsx14("div", { className: "relative w-full h-full", children: /* @__PURE__ */ jsx14(Image3, { src: node.content, alt: node.alt || "Integration", fill: true, className: "object-cover rounded-lg" }) });
-      }
-      if (node.type === "icon" && typeof node.content === "string") {
-        return /* @__PURE__ */ jsx14("div", { className: cn("text-foreground", node.className), children: node.content });
-      }
-      return node.content;
-    })();
-    return /* @__PURE__ */ jsx14(Square, { ref, className: cn("size-20", node.type === "image" ? "p-0" : "", node.className), children: squareContent });
-  };
-  const maxWidthClasses = {
-    sm: "max-w-sm",
-    md: "max-w-md",
-    lg: "max-w-lg",
-    xl: "max-w-xl",
-    "2xl": "max-w-2xl",
-    "3xl": "max-w-3xl",
-    "4xl": "max-w-4xl",
-    "5xl": "max-w-5xl",
-    "6xl": "max-w-6xl",
-    "7xl": "max-w-7xl"
-  };
-  const content = /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsx14(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx14("h2", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-foreground", children: title }) }),
-    /* @__PURE__ */ jsx14(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx14("p", { className: "text-base text-muted-foreground max-w-lg", children: description }) }),
-    buttonText && buttonHref && /* @__PURE__ */ jsx14(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx14(Button6, { asChild: true, variant: "default", children: /* @__PURE__ */ jsx14("a", { href: buttonHref, children: buttonText }) }) })
-  ] });
-  const animation = /* @__PURE__ */ jsx14(ScrollReveal, { direction: contentOrder === "left" ? "right" : "left", delay: 0.2, children: /* @__PURE__ */ jsxs11("div", { className: "relative flex aspect-square max-w-md mx-auto w-full items-center justify-center overflow-hidden rounded-lg", ref: containerRef, children: [
-    /* @__PURE__ */ jsx14(
-      GridPattern,
-      {
-        width: gridPatternWidth,
-        height: gridPatternHeight,
-        className: "opacity-30 mask-[radial-gradient(ellipse_at_center,black_40%,transparent_85%)] dark:mask-[radial-gradient(ellipse_at_center,white_40%,transparent_85%)]"
-      }
-    ),
-    /* @__PURE__ */ jsxs11("div", { className: "flex size-full flex-row items-center justify-center gap-20 relative z-10", children: [
-      /* @__PURE__ */ jsx14("div", { className: "flex flex-col justify-center", children: renderNode(leftNode, leftRef) }),
-      /* @__PURE__ */ jsx14("div", { className: "flex flex-col justify-center", children: renderNode(rightNode, rightRef) })
+  return /* @__PURE__ */ jsx18("section", { id: "features", className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsxs12("div", { className: "max-w-6xl mx-auto px-6 lg:px-10 py-16 md:py-24", children: [
+    /* @__PURE__ */ jsx18(ScrollReveal, { direction: "up", children: /* @__PURE__ */ jsxs12("div", { className: "grid md:grid-cols-12 gap-6 pb-8 border-b-[3px] border-(--color-fg)", children: [
+      /* @__PURE__ */ jsx18("h2", { className: "md:col-span-7 font-halant text-[clamp(44px,6vw,84px)] text-(--color-fg)", children: heading }),
+      description && /* @__PURE__ */ jsx18("p", { className: "md:col-span-4 md:col-start-9 text-base leading-relaxed text-(--color-fg-soft) max-w-[58ch] self-end", children: description })
+    ] }) }),
+    /* @__PURE__ */ jsx18("ol", { className: "list-none m-0 p-0", children: features.map((feature, index) => /* @__PURE__ */ jsx18("li", { className: "border-b border-(--color-border)", children: /* @__PURE__ */ jsx18(ScrollReveal, { direction: "up", delay: 0.05, children: /* @__PURE__ */ jsxs12("div", { className: "grid md:grid-cols-12 gap-x-6 gap-y-6 py-10 md:py-14", children: [
+      /* @__PURE__ */ jsx18("div", { className: "md:col-span-2", children: /* @__PURE__ */ jsx18("span", { className: "exec-figure font-halant block text-[clamp(64px,8vw,124px)] leading-[0.8] text-(--color-accent-strong) md:-mt-2", children: feature.badge }) }),
+      /* @__PURE__ */ jsxs12("div", { className: "md:col-span-4", children: [
+        /* @__PURE__ */ jsx18("h3", { className: "text-xl font-semibold text-(--color-fg)", children: feature.title }),
+        /* @__PURE__ */ jsx18("p", { className: "mt-3 text-base leading-relaxed text-(--color-fg-soft)", children: feature.description }),
+        /* @__PURE__ */ jsx18("ul", { className: "mt-6 space-y-2.5", children: feature.items.map((item, itemIndex) => /* @__PURE__ */ jsxs12("li", { className: "flex items-baseline gap-3 text-sm text-(--color-fg)", children: [
+          /* @__PURE__ */ jsx18("span", { className: "inline-block size-[5px] shrink-0 translate-y-[-1px] bg-(--color-accent-strong)", "aria-hidden": "true" }),
+          item.text
+        ] }, itemIndex)) })
+      ] }),
+      feature.code && /* @__PURE__ */ jsx18("div", { className: "md:col-span-6 md:col-start-7", children: /* @__PURE__ */ jsx18(
+        CodeWindow,
+        {
+          code: feature.code,
+          language: feature.language,
+          className: "rounded-[2px] border border-(--color-border) bg-[#0d1117] p-5 text-left text-xs leading-relaxed text-[#e6edf3]"
+        }
+      ) })
+    ] }) }) }, index)) })
+  ] }) });
+}
+
+// src/templates/executive/components/pricing.tsx
+import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+function ExecPricing({
+  heading = "Simple, transparent pricing",
+  subheading,
+  price = "$16",
+  priceUnit = "/ month",
+  trialText,
+  ctaText = "Get Started",
+  ctaHref = "#contact",
+  featuresHeading = "What's included",
+  features = [],
+  securityNote,
+  className
+}) {
+  return /* @__PURE__ */ jsx19("section", { id: "pricing", className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsxs13("div", { className: "max-w-6xl mx-auto px-6 lg:px-10 py-16 md:py-24", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "grid md:grid-cols-12 gap-6 pb-8 border-b-[3px] border-(--color-fg)", children: [
+      /* @__PURE__ */ jsx19("h2", { className: "md:col-span-7 font-halant text-[clamp(44px,6vw,84px)] text-(--color-fg)", children: heading }),
+      subheading && /* @__PURE__ */ jsx19("p", { className: "md:col-span-6 md:col-start-7 text-base leading-relaxed text-(--color-fg-soft) max-w-[58ch] self-end", children: subheading })
     ] }),
-    beamAnimations.map((config, index) => /* @__PURE__ */ jsx14(
-      AnimatedBeam,
+    /* @__PURE__ */ jsxs13("div", { className: "grid md:grid-cols-12 gap-x-6 gap-y-10 py-12", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "md:col-span-5", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "flex items-baseline gap-2", children: [
+          /* @__PURE__ */ jsx19("span", { className: "exec-figure font-halant text-6xl text-(--color-accent-strong)", children: price }),
+          /* @__PURE__ */ jsx19("span", { className: "text-sm text-(--color-fg-muted)", children: priceUnit })
+        ] }),
+        trialText && /* @__PURE__ */ jsx19("p", { className: "mt-3 text-sm text-(--color-fg-soft)", children: trialText }),
+        /* @__PURE__ */ jsx19("div", { className: "mt-8", children: /* @__PURE__ */ jsx19(ExecButton, { asChild: true, children: /* @__PURE__ */ jsx19("a", { href: ctaHref, children: ctaText }) }) })
+      ] }),
+      /* @__PURE__ */ jsxs13("div", { className: "md:col-span-6 md:col-start-7", children: [
+        /* @__PURE__ */ jsx19("p", { className: "text-xs font-medium tracking-[0.18em] uppercase text-(--color-fg-muted)", children: featuresHeading }),
+        /* @__PURE__ */ jsx19("ul", { className: "mt-4 columns-1 sm:columns-2 gap-x-10", children: features.map((feature, index) => /* @__PURE__ */ jsx19(
+          "li",
+          {
+            className: "break-inside-avoid py-2.5 text-sm text-(--color-fg) border-t border-(--color-border) first:border-t-0",
+            children: feature.text
+          },
+          index
+        )) })
+      ] })
+    ] }),
+    securityNote && /* @__PURE__ */ jsx19("div", { className: "border-t border-(--color-border-strong) pt-5", children: /* @__PURE__ */ jsxs13("p", { className: "text-xs leading-relaxed text-(--color-fg-muted) max-w-[70ch]", children: [
+      /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", children: "\u2020 " }),
+      securityNote
+    ] }) })
+  ] }) });
+}
+
+// src/templates/executive/components/pricing-tiers.tsx
+import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+function ExecPricingTiers({
+  heading = "Simple, transparent pricing",
+  subheading,
+  tiers = [],
+  securityNote,
+  className
+}) {
+  return /* @__PURE__ */ jsx20("section", { id: "pricing", className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsxs14("div", { className: "max-w-6xl mx-auto px-6 lg:px-10 py-16 md:py-24", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "grid md:grid-cols-12 gap-6 pb-8 border-b-[3px] border-(--color-fg)", children: [
+      /* @__PURE__ */ jsx20("h2", { className: "md:col-span-7 font-halant text-[clamp(44px,6vw,84px)] text-(--color-fg)", children: heading }),
+      subheading && /* @__PURE__ */ jsx20("p", { className: "md:col-span-4 md:col-start-9 text-base leading-relaxed text-(--color-fg-soft) max-w-[58ch] self-end", children: subheading })
+    ] }),
+    /* @__PURE__ */ jsx20("div", { className: "grid md:grid-cols-2 gap-y-8 md:gap-y-0 pt-10 md:pt-12", children: tiers.map((tier, index) => {
+      const featured = !!tier.featured;
+      return /* @__PURE__ */ jsxs14(
+        "div",
+        {
+          className: cn(
+            "flex flex-col p-7 md:p-10",
+            featured ? "bg-(--color-accent-field) text-(--color-accent-fg) rounded-[2px]" : "border border-(--color-border)"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs14("div", { className: "flex items-baseline justify-between", children: [
+              /* @__PURE__ */ jsx20("h3", { className: cn("text-lg font-semibold", featured ? "text-(--color-accent-fg)" : "text-(--color-fg)"), children: tier.title }),
+              /* @__PURE__ */ jsx20(
+                "span",
+                {
+                  className: cn(
+                    "exec-figure text-xs tracking-[0.18em] uppercase",
+                    featured ? "text-(--color-accent-fg)/60" : "text-(--color-fg-muted)"
+                  ),
+                  "aria-hidden": "true",
+                  children: String(index + 1).padStart(2, "0")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx20(
+              "p",
+              {
+                className: cn(
+                  "mt-3 text-sm leading-relaxed max-w-[44ch]",
+                  featured ? "text-(--color-accent-fg)/75" : "text-(--color-fg-soft)"
+                ),
+                children: tier.description
+              }
+            ),
+            /* @__PURE__ */ jsxs14("div", { className: "mt-9 flex items-baseline gap-2", children: [
+              /* @__PURE__ */ jsx20(
+                "span",
+                {
+                  className: cn(
+                    "exec-figure font-halant text-7xl md:text-8xl leading-[0.85]",
+                    featured ? "text-(--color-accent-fg)" : "text-(--color-fg)"
+                  ),
+                  children: tier.price
+                }
+              ),
+              /* @__PURE__ */ jsx20("span", { className: cn("text-sm", featured ? "text-(--color-accent-fg)/60" : "text-(--color-fg-muted)"), children: tier.priceUnit })
+            ] }),
+            /* @__PURE__ */ jsx20("div", { className: "mt-9", children: featured ? /* @__PURE__ */ jsx20(ExecButton, { asChild: true, className: "bg-(--color-accent-fg) text-(--color-accent-field) hover:bg-(--color-surface-raised) w-full sm:w-auto", children: /* @__PURE__ */ jsx20("a", { href: tier.ctaHref || "#", children: tier.ctaText }) }) : /* @__PURE__ */ jsx20(ExecButton, { asChild: true, variant: "secondary", className: "w-full sm:w-auto", children: /* @__PURE__ */ jsx20("a", { href: tier.ctaHref || "#", children: tier.ctaText }) }) }),
+            /* @__PURE__ */ jsx20("ul", { className: "mt-10 flex-1", children: tier.features.map((feature, featureIndex) => /* @__PURE__ */ jsx20(
+              "li",
+              {
+                className: cn(
+                  "py-2.5 text-sm border-t first:border-t-0",
+                  featured ? "text-(--color-accent-fg)/90 border-(--color-accent-fg)/20" : "text-(--color-fg) border-(--color-border)"
+                ),
+                children: feature.text
+              },
+              featureIndex
+            )) })
+          ]
+        },
+        index
+      );
+    }) }),
+    securityNote && /* @__PURE__ */ jsx20("div", { className: "mt-10 border-t border-(--color-border-strong) pt-5", children: /* @__PURE__ */ jsxs14("p", { className: "text-xs leading-relaxed text-(--color-fg-muted) max-w-[70ch]", children: [
+      /* @__PURE__ */ jsx20("span", { "aria-hidden": "true", children: "\u2020 " }),
+      securityNote
+    ] }) })
+  ] }) });
+}
+
+// src/templates/executive/components/faq.tsx
+import { Accordion as Accordion2, AccordionContent as AccordionContent2, AccordionItem as AccordionItem2, AccordionTrigger as AccordionTrigger2 } from "@mdxui/primitives";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+function ExecFAQ({ heading = "FAQs", faqs = [], className }) {
+  return /* @__PURE__ */ jsx21("section", { id: "faq", className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsxs15("div", { className: "max-w-6xl mx-auto px-6 lg:px-10 py-16 md:py-24", children: [
+    /* @__PURE__ */ jsx21("div", { className: "pb-8 border-b-[3px] border-(--color-fg)", children: /* @__PURE__ */ jsx21("h2", { className: "font-halant text-[clamp(44px,6vw,84px)] text-(--color-fg)", children: heading }) }),
+    /* @__PURE__ */ jsx21(Accordion2, { type: "single", collapsible: true, children: faqs.map((faq, index) => /* @__PURE__ */ jsxs15(
+      AccordionItem2,
       {
-        containerRef,
-        fromRef: leftRef,
-        toRef: rightRef,
-        startYOffset: config.startYOffset,
-        endYOffset: config.endYOffset,
-        curvature: config.curvature,
-        duration: config.duration,
-        reverse: config.reverse,
-        pathColor: isDark ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.2)"
+        value: `item-${index}`,
+        className: "border-b border-(--color-border) rounded-none",
+        children: [
+          /* @__PURE__ */ jsx21(AccordionTrigger2, { className: "hover:no-underline py-6 text-base font-medium text-(--color-fg) gap-6", children: /* @__PURE__ */ jsxs15("span", { className: "flex items-baseline gap-5 text-left", children: [
+            /* @__PURE__ */ jsx21("span", { className: "exec-figure text-xs text-(--color-fg-muted) shrink-0", "aria-hidden": "true", children: String(index + 1).padStart(2, "0") }),
+            faq.question
+          ] }) }),
+          /* @__PURE__ */ jsx21(AccordionContent2, { className: "pb-6 pl-10 text-sm leading-relaxed text-(--color-fg-soft) max-w-[65ch]", children: faq.answer })
+        ]
       },
       index
-    ))
+    )) })
   ] }) });
-  return /* @__PURE__ */ jsx14("section", { className: cn("pt-10 sm:pt-0 px-8 lg:px-24 bg-background", className), children: /* @__PURE__ */ jsx14("div", { className: cn(maxWidthClasses[maxWidth], "mx-auto"), children: /* @__PURE__ */ jsx14("div", { className: "grid lg:grid-cols-2 gap-1 items-center", children: contentOrder === "left" ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
-    content,
-    animation
-  ] }) : /* @__PURE__ */ jsxs11(Fragment2, { children: [
-    animation,
-    content
-  ] }) }) }) });
 }
 
-// src/view/mapper.ts
-import {
-  FaInbox as FaInbox2,
-  FaCalendarAlt as FaCalendarAlt2,
-  FaListUl as FaListUl2,
-  FaFileAlt as FaFileAlt2,
-  FaRocket as FaRocket2,
-  FaProjectDiagram as FaProjectDiagram2,
-  FaBug as FaBug2,
-  FaLightbulb as FaLightbulb2,
-  FaRegDotCircle
-} from "react-icons/fa";
-var WORKFLOW_ICONS = {
-  inbox: FaInbox2,
-  calendar: FaCalendarAlt2,
-  list: FaListUl2,
-  file: FaFileAlt2,
-  rocket: FaRocket2,
-  project: FaProjectDiagram2,
-  bug: FaBug2,
-  lightbulb: FaLightbulb2
-};
-function resolveWorkflowIcon(hint) {
-  return WORKFLOW_ICONS[hint] ?? FaRegDotCircle;
-}
-function mapWorkflows(workflows) {
-  return workflows.map((w) => ({ icon: resolveWorkflowIcon(w.icon), label: w.label }));
+// src/templates/executive/components/cta.tsx
+import { HiArrowRight as HiArrowRight3 } from "react-icons/hi";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+function ExecCTA({
+  heading = "Ready to Save 15 Hours Per Week?",
+  subheading,
+  buttons = [{ text: "Get Started", href: "#pricing", variant: "primary", showArrow: true }],
+  className
+}) {
+  return /* @__PURE__ */ jsx22("section", { className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsx22("div", { className: "max-w-6xl mx-auto px-6 lg:px-10 pb-16 md:pb-24", children: /* @__PURE__ */ jsx22("div", { className: "exec-double-rule pt-10 md:pt-12", children: /* @__PURE__ */ jsx22(ScrollReveal, { direction: "up", children: /* @__PURE__ */ jsx22("div", { className: "rounded-[2px] bg-(--color-fg) px-8 py-14 md:px-14 md:py-20", children: /* @__PURE__ */ jsxs16("div", { className: "grid md:grid-cols-12 gap-x-6 gap-y-10 items-end", children: [
+    /* @__PURE__ */ jsxs16("div", { className: "md:col-span-8", children: [
+      /* @__PURE__ */ jsx22("h2", { className: "font-halant text-[clamp(44px,6vw,92px)] text-(--color-surface) max-w-[16ch]", children: heading }),
+      subheading && /* @__PURE__ */ jsx22("p", { className: "exec-serif italic mt-5 text-lg md:text-xl text-(--color-surface)/70", children: subheading })
+    ] }),
+    /* @__PURE__ */ jsx22("div", { className: "md:col-span-4 flex md:justify-end", children: /* @__PURE__ */ jsx22("div", { className: "flex flex-col sm:flex-row gap-3", children: buttons.map(
+      (button, index) => button.variant === "primary" || !button.variant ? /* @__PURE__ */ jsx22(ExecButton, { asChild: true, className: "bg-(--color-accent-field) text-(--color-accent-fg) hover:bg-(--color-accent)", children: /* @__PURE__ */ jsxs16("a", { href: button.href, children: [
+        button.text,
+        button.showArrow && /* @__PURE__ */ jsx22(HiArrowRight3, { className: "w-4 h-4" })
+      ] }) }, index) : /* @__PURE__ */ jsx22(
+        ExecButton,
+        {
+          asChild: true,
+          variant: "secondary",
+          className: "border-(--color-surface)/40 text-(--color-surface) hover:bg-(--color-surface)/10",
+          children: /* @__PURE__ */ jsxs16("a", { href: button.href, children: [
+            button.text,
+            button.showArrow && /* @__PURE__ */ jsx22(HiArrowRight3, { className: "w-4 h-4" })
+          ] })
+        },
+        index
+      )
+    ) }) })
+  ] }) }) }) }) }) });
 }
 
-// src/view/view.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
-function NamedAgentView({ content, theme, mode, brandName, hostname }) {
-  const { hero, problem, features, integration, pricing, faq, cta, contact } = content;
-  return /* @__PURE__ */ jsx15(DialectShell, { theme, mode, children: /* @__PURE__ */ jsx15("div", { "data-dialect": "named", children: /* @__PURE__ */ jsxs12(
-    NeoChrome,
-    {
-      brandName,
-      hostname,
-      primaryCta: { text: hero.ctaText, url: hero.ctaHref },
-      openInAIPrompt: `Help me decide whether ${brandName} fits my team's workflow`,
-      children: [
-        /* @__PURE__ */ jsx15(
-          Hero,
-          {
-            badgeEmoji: hero.badgeEmoji,
-            badgeText: hero.badgeText,
-            badgeHref: hero.badgeHref,
-            heading: hero.heading,
-            description: hero.description,
-            ctaText: hero.ctaText,
-            ctaHref: hero.ctaHref,
-            rightImageSrc: hero.rightImageSrc,
-            rightImageAlt: hero.rightImageAlt,
-            showIconOverlay: hero.showIconOverlay,
-            marqueeTitle: hero.marqueeTitle,
-            marqueeImages: hero.marqueeImages
-          }
-        ),
-        /* @__PURE__ */ jsx15(
-          Problem,
-          {
-            heading: problem.heading,
-            workflows: mapWorkflows(problem.workflows),
-            subheading: problem.subheading,
-            subheadingHighlight: problem.subheadingHighlight
-          }
-        ),
-        /* @__PURE__ */ jsx15(
-          Features,
-          {
-            heading: features.heading,
-            description: features.description,
-            features: features.features
-          }
-        ),
-        integration && /* @__PURE__ */ jsx15(
-          Integration,
-          {
-            title: integration.title,
-            description: integration.description,
-            buttonText: integration.buttonText,
-            buttonHref: integration.buttonHref,
-            leftNode: integration.leftNode,
-            rightNode: integration.rightNode
-          }
-        ),
-        pricing.variant === "single" ? /* @__PURE__ */ jsx15(
-          Pricing,
-          {
-            heading: pricing.heading,
-            subheading: pricing.subheading,
-            price: pricing.price,
-            priceUnit: pricing.priceUnit,
-            trialText: pricing.trialText,
-            ctaText: pricing.ctaText,
-            ctaHref: pricing.ctaHref,
-            featuresHeading: pricing.featuresHeading,
-            features: pricing.features,
-            securityNote: pricing.securityNote
-          }
-        ) : /* @__PURE__ */ jsx15(
-          PricingTiers,
-          {
-            heading: pricing.heading,
-            subheading: pricing.subheading,
-            tiers: pricing.tiers,
-            securityNote: pricing.securityNote
-          }
-        ),
-        /* @__PURE__ */ jsx15(FAQ, { heading: faq.heading, faqs: faq.faqs }),
-        /* @__PURE__ */ jsx15(CTA, { heading: cta.heading, subheading: cta.subheading, buttons: cta.buttons }),
-        contact && /* @__PURE__ */ jsx15(
-          Contact,
+// src/templates/executive/components/footer.tsx
+import Link4 from "next/link";
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+function ExecFooter({
+  logo = "Priya",
+  description = "Your AI Product Manager for GitHub. Automate issue triage, sprint planning, and backlog grooming.",
+  quickLinks = [
+    { label: "Pricing", href: "/#pricing" },
+    { label: "How it works", href: "/#features" },
+    { label: "Contact", href: "/contact" }
+  ],
+  socialLinks = [
+    { label: "GitHub", href: "https://github.com" },
+    { label: "npm", href: "https://npmjs.com" },
+    { label: "X", href: "https://x.com/dotdo_ai" }
+  ],
+  copyrightText = "Priya.do \xA9 2025. All rights reserved.",
+  className
+}) {
+  return /* @__PURE__ */ jsx23("footer", { className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsx23("div", { className: "max-w-6xl mx-auto px-6 lg:px-10 pb-12", children: /* @__PURE__ */ jsxs17("div", { className: "exec-double-rule pt-10", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "grid md:grid-cols-12 gap-x-6 gap-y-10", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "md:col-span-6", children: [
+        /* @__PURE__ */ jsx23(Link4, { href: "/", className: "inline-block", children: /* @__PURE__ */ jsx23("span", { className: "exec-serif italic text-4xl md:text-5xl text-(--color-fg)", children: logo }) }),
+        /* @__PURE__ */ jsxs17("div", { className: "mt-4 flex items-baseline gap-3 border-t border-(--color-border) pt-3 max-w-[44ch]", children: [
+          /* @__PURE__ */ jsx23("span", { className: "inline-block size-[7px] shrink-0 translate-y-[-1px] bg-(--color-accent-strong)", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx23("p", { className: "text-sm leading-relaxed text-(--color-fg-muted)", children: description })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs17("div", { className: "md:col-span-3", children: [
+        /* @__PURE__ */ jsx23("p", { className: "text-xs font-medium tracking-[0.18em] uppercase text-(--color-fg-muted)", children: "Index" }),
+        /* @__PURE__ */ jsx23("ul", { className: "mt-4 space-y-2", children: quickLinks.map((link) => /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsx23(Link4, { href: link.href, className: "text-sm text-(--color-fg-soft) hover:text-(--color-fg) transition-colors", children: link.label }) }, link.label)) })
+      ] }),
+      /* @__PURE__ */ jsxs17("div", { className: "md:col-span-3", children: [
+        /* @__PURE__ */ jsx23("p", { className: "text-xs font-medium tracking-[0.18em] uppercase text-(--color-fg-muted)", children: "Elsewhere" }),
+        /* @__PURE__ */ jsx23("ul", { className: "mt-4 space-y-2", children: socialLinks.map((link) => /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsx23(
+          Link4,
           {
-            heading: contact.heading,
-            subheading: contact.subheading,
-            fields: contact.fields,
-            submitButtonText: contact.submitButtonText
+            href: link.href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-sm text-(--color-fg-soft) hover:text-(--color-fg) transition-colors",
+            children: link.label
           }
-        )
-      ]
-    }
-  ) }) });
+        ) }, link.label)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx23("div", { className: "mt-12 pt-5 border-t border-(--color-border)", children: /* @__PURE__ */ jsx23("p", { className: "text-xs text-(--color-fg-muted)", children: copyrightText }) })
+  ] }) }) });
+}
+
+// src/templates/executive/view.tsx
+import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+function ExecutiveView({ content, brandName, hostname }) {
+  const { hero, features, pricing, faq, cta } = content;
+  return /* @__PURE__ */ jsxs18(Fragment3, { children: [
+    /* @__PURE__ */ jsx24(ExecNavigation, { logo: brandName }),
+    /* @__PURE__ */ jsxs18("main", { children: [
+      /* @__PURE__ */ jsx24(
+        ExecHero,
+        {
+          heading: hero.heading,
+          description: hero.description,
+          ctaText: hero.ctaText,
+          ctaHref: hero.ctaHref,
+          secondaryCtaText: hero.secondaryCtaText,
+          secondaryCtaHref: hero.secondaryCtaHref,
+          marqueeTitle: hero.marqueeTitle,
+          marqueeImages: hero.marqueeImages
+        }
+      ),
+      /* @__PURE__ */ jsx24(
+        ExecFeatures,
+        {
+          heading: features.heading,
+          description: features.description,
+          features: features.features
+        }
+      ),
+      pricing.variant === "single" ? /* @__PURE__ */ jsx24(
+        ExecPricing,
+        {
+          heading: pricing.heading,
+          subheading: pricing.subheading,
+          price: pricing.price,
+          priceUnit: pricing.priceUnit,
+          trialText: pricing.trialText,
+          ctaText: pricing.ctaText,
+          ctaHref: pricing.ctaHref,
+          featuresHeading: pricing.featuresHeading,
+          features: pricing.features,
+          securityNote: pricing.securityNote
+        }
+      ) : /* @__PURE__ */ jsx24(
+        ExecPricingTiers,
+        {
+          heading: pricing.heading,
+          subheading: pricing.subheading,
+          tiers: pricing.tiers,
+          securityNote: pricing.securityNote
+        }
+      ),
+      /* @__PURE__ */ jsx24(ExecFAQ, { heading: faq.heading, faqs: faq.faqs }),
+      /* @__PURE__ */ jsx24(ExecCTA, { heading: cta.heading, subheading: cta.subheading, buttons: cta.buttons })
+    ] }),
+    /* @__PURE__ */ jsx24(
+      ExecFooter,
+      {
+        logo: brandName,
+        description: hero.description,
+        copyrightText: `${hostname} \xA9 ${(/* @__PURE__ */ new Date()).getFullYear()}. All rights reserved.`
+      }
+    )
+  ] });
+}
+
+// src/view/view.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+function NamedAgentView({ content, theme, mode, brandName, hostname, template = "studio" }) {
+  return (
+    // texture={false}: DialectShell's NoiseTexture grain defaults on for the
+    // agent dialects, but the named baseline renders NO overlay — the fixed
+    // full-viewport speckle layer sits over every pixel and subtly shifts the
+    // whole palette off the baseline values.
+    /* @__PURE__ */ jsx25(DialectShell, { theme, mode, texture: false, children: /* @__PURE__ */ jsx25("div", { "data-dialect": "named", "data-template": template, children: template === "executive" ? /* @__PURE__ */ jsx25(ExecutiveView, { content, brandName, hostname }) : /* @__PURE__ */ jsx25(StudioView, { content, brandName, hostname }) }) })
+  );
 }
 var view_default = NamedAgentView;
 export {
   NamedAgentView,
-  view_default as default,
-  mapWorkflows,
-  resolveWorkflowIcon
+  view_default as default
 };
 //# sourceMappingURL=index.js.map