@mdxui/named 7.0.0 → 8.1.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,80 +612,1372 @@ 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/view/view.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-function NamedAgentView({ content, theme, mode, brandName, hostname }) {
-  const { hero, features, pricing, faq, cta } = content;
-  return /* @__PURE__ */ jsx10(DialectShell, { theme, mode, children: /* @__PURE__ */ jsx10("div", { "data-dialect": "named", children: /* @__PURE__ */ jsxs7(
-    NeoChrome,
+// 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
+}) {
+  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",
     {
-      brandName,
-      hostname,
-      primaryCta: { text: hero.ctaText, url: hero.ctaHref },
-      openInAIPrompt: `Help me decide whether ${brandName} fits my team's workflow`,
-      children: [
-        /* @__PURE__ */ jsx10(
-          Hero,
+      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,
           {
-            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
+            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/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
         ),
-        /* @__PURE__ */ jsx10(
-          Features,
+        ref,
+        ...props
+      }
+    );
+  }
+);
+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 handleEmailSubmit = (e) => {
+    e.preventDefault();
+    const form = e.currentTarget;
+    const formData = new FormData(form);
+    const email = formData.get("email");
+    if (onEmailSubmit) {
+      onEmailSubmit(email);
+    }
+    form.reset();
+  };
+  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,
+      {
+        logo: brandName,
+        description: hero.description,
+        copyrightText: `${hostname} \xA9 ${(/* @__PURE__ */ new Date()).getFullYear()}. All rights reserved.`
+      }
+    )
+  ] });
+}
+
+// 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/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)
+      });
+    }
+    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",
+    {
+      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
+            },
+            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
+            },
+            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/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 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/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
+}) {
+  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 })
+    ] }),
+    /* @__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,
+      {
+        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
+    )) })
+  ] }) });
+}
+
+// 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/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: features.heading,
-            description: features.description,
-            features: features.features
+            href: link.href,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "text-sm text-(--color-fg-soft) hover:text-(--color-fg) transition-colors",
+            children: link.label
           }
-        ),
-        pricing.variant === "single" ? /* @__PURE__ */ jsx10(
-          Pricing,
+        ) }, 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/templates/gallery/components/navigation.tsx
+import { useState as useState4, useEffect as useEffect4 } from "react";
+import Link5 from "next/link";
+import { Menu as Menu3, X as X3 } from "lucide-react";
+
+// src/templates/gallery/ui/button.tsx
+import * as React4 from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var baseClasses3 = "inline-flex items-center justify-center gap-2 whitespace-nowrap uppercase tracking-[0.14em] 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-3.5 [&_svg]:shrink-0 cursor-pointer rounded-[4px]";
+var variantClasses3 = {
+  default: "bg-(--color-btn-primary-to) text-(--color-btn-primary-fg) hover:bg-(--color-accent)",
+  bone: "bg-(--color-placard) text-(--color-accent-field) hover:bg-(--color-accent-fg)",
+  secondary: "bg-transparent text-(--color-fg) border border-(--color-border-strong) hover:bg-(--color-hover)"
+};
+var sizeClasses3 = {
+  default: "h-11 px-6 text-xs",
+  sm: "h-9 px-4 text-[11px]"
+};
+var GalButton = React4.forwardRef(
+  ({ className, variant = "default", size = "default", asChild = false, children, ...props }, ref) => {
+    const classes = cn(baseClasses3, variantClasses3[variant], sizeClasses3[size], className);
+    if (asChild && React4.isValidElement(children)) {
+      const child = children;
+      return React4.cloneElement(child, {
+        ...props,
+        className: cn(classes, child.props.className)
+      });
+    }
+    return /* @__PURE__ */ jsx25("button", { ref, className: classes, ...props, children });
+  }
+);
+GalButton.displayName = "GalButton";
+
+// src/templates/gallery/ui/placard.tsx
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
+function GalLabel({ children, className }) {
+  return /* @__PURE__ */ jsx26("span", { className: cn("gal-label block text-(--color-fg-muted)", className), children });
+}
+function GalDiamond({ className }) {
+  return /* @__PURE__ */ jsx26(
+    "span",
+    {
+      className: cn("inline-block size-[5px] rotate-45 bg-(--color-accent-strong)", className),
+      "aria-hidden": "true"
+    }
+  );
+}
+function GalSectionHead({ heading, statement, className }) {
+  return /* @__PURE__ */ jsxs19("div", { className: cn("grid gap-y-8 md:grid-cols-12 md:gap-x-6", className), children: [
+    /* @__PURE__ */ jsx26("div", { className: "md:col-span-7", children: /* @__PURE__ */ jsx26("h2", { className: "text-[clamp(40px,5.5vw,76px)] text-(--color-fg)", children: heading }) }),
+    statement && /* @__PURE__ */ jsx26("div", { className: "md:col-span-4 md:col-start-9 md:self-end", children: /* @__PURE__ */ jsx26("p", { className: "max-w-[40ch] text-base leading-relaxed text-(--color-fg-soft)", children: statement }) })
+  ] });
+}
+
+// src/templates/gallery/components/navigation.tsx
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+function GalNavigation({
+  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] = useState4(false);
+  const [isScrolled, setIsScrolled] = useState4(false);
+  useEffect4(() => {
+    const handleScroll = () => setIsScrolled(window.scrollY > 10);
+    window.addEventListener("scroll", handleScroll);
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, []);
+  return /* @__PURE__ */ jsx27(
+    "nav",
+    {
+      className: cn(
+        "sticky top-0 z-50 w-full border-b bg-(--color-surface) transition-[border-color] duration-200",
+        isScrolled ? "border-(--color-border-strong)" : "border-(--color-border)",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs20("div", { className: "mx-auto max-w-6xl px-6 py-5 lg:px-10", children: [
+        /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs20(Link5, { href: logoHref, className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ jsx27("span", { className: "gal-display text-xl font-[560] tracking-[-0.01em] text-(--color-fg)", children: logo }),
+            /* @__PURE__ */ jsx27(GalDiamond, {})
+          ] }),
+          /* @__PURE__ */ jsx27("div", { className: "hidden items-center gap-10 lg:flex", children: links.map((link) => /* @__PURE__ */ jsx27(
+            "a",
+            {
+              href: link.href,
+              className: "gal-label text-(--color-fg-muted) transition-colors hover:text-(--color-fg)",
+              children: link.label
+            },
+            link.href
+          )) }),
+          ctaText && ctaHref && /* @__PURE__ */ jsx27("div", { className: "hidden items-center lg:flex", children: /* @__PURE__ */ jsx27(GalButton, { asChild: true, variant: "secondary", size: "sm", children: /* @__PURE__ */ jsx27("a", { href: ctaHref, children: ctaText }) }) }),
+          /* @__PURE__ */ jsx27(
+            "button",
+            {
+              className: "p-2 text-(--color-fg) lg:hidden",
+              onClick: () => setMobileMenuOpen(!mobileMenuOpen),
+              "aria-label": "Toggle menu",
+              children: mobileMenuOpen ? /* @__PURE__ */ jsx27(X3, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx27(Menu3, { className: "h-5 w-5" })
+            }
+          )
+        ] }),
+        mobileMenuOpen && /* @__PURE__ */ jsx27("div", { className: "mt-5 border-t border-(--color-border) lg:hidden", children: /* @__PURE__ */ jsxs20("div", { className: "flex flex-col py-2", children: [
+          links.map((link) => /* @__PURE__ */ jsx27(
+            "a",
+            {
+              href: link.href,
+              className: "gal-label border-b border-(--color-border) py-4 text-(--color-fg) last:border-b-0",
+              onClick: () => setMobileMenuOpen(false),
+              children: link.label
+            },
+            link.href
+          )),
+          ctaText && ctaHref && /* @__PURE__ */ jsx27(
+            GalButton,
+            {
+              asChild: true,
+              variant: "secondary",
+              size: "sm",
+              className: "mt-4 self-start",
+              onClick: () => setMobileMenuOpen(false),
+              children: /* @__PURE__ */ jsx27("a", { href: ctaHref, children: ctaText })
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
+}
+
+// src/templates/gallery/components/hero.tsx
+import { HiArrowRight as HiArrowRight4 } from "react-icons/hi";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+function GalHero({
+  presenter = "Priya",
+  badgeText,
+  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 tools = marqueeImages.filter(
+    (s) => !/^(https?:)?\/\//i.test(s.trim()) && !s.trim().startsWith("data:")
+  );
+  return /* @__PURE__ */ jsxs21("section", { className: cn("gal-wash bg-(--color-surface)", className), children: [
+    /* @__PURE__ */ jsxs21("div", { className: "mx-auto max-w-6xl px-6 lg:px-10", children: [
+      /* @__PURE__ */ jsx28(ScrollReveal, { direction: "none", trigger: "mount", children: /* @__PURE__ */ jsx28("div", { className: "pt-8 md:pt-16 md:text-center", children: /* @__PURE__ */ jsx28(GalLabel, { className: "text-(--color-fg)", children: badgeText ?? presenter }) }) }),
+      /* @__PURE__ */ jsx28(ScrollReveal, { direction: "up", trigger: "mount", children: /* @__PURE__ */ jsx28("h1", { className: "max-w-[16ch] pt-8 text-[clamp(46px,6.5vw,96px)] text-(--color-fg) md:mx-auto md:pt-14 md:text-center", children: heading }) }),
+      /* @__PURE__ */ jsx28("div", { className: "pt-7 pb-16 md:pt-12 md:pb-32", children: /* @__PURE__ */ jsxs21(ScrollReveal, { direction: "up", delay: 0.12, trigger: "mount", children: [
+        /* @__PURE__ */ jsx28("p", { className: "max-w-[52ch] text-lg leading-relaxed text-(--color-fg-soft) md:mx-auto md:text-center md:text-xl", children: description }),
+        /* @__PURE__ */ jsxs21("div", { className: "mt-9 flex flex-col gap-3 sm:flex-row md:justify-center", children: [
+          /* @__PURE__ */ jsx28(GalButton, { asChild: true, children: /* @__PURE__ */ jsxs21("a", { href: ctaHref, children: [
+            ctaText,
+            /* @__PURE__ */ jsx28(HiArrowRight4, { className: "h-3.5 w-3.5" })
+          ] }) }),
+          secondaryCtaText && secondaryCtaHref && /* @__PURE__ */ jsx28(GalButton, { asChild: true, variant: "secondary", children: /* @__PURE__ */ jsx28("a", { href: secondaryCtaHref, children: secondaryCtaText }) })
+        ] })
+      ] }) })
+    ] }),
+    tools.length > 0 && /* @__PURE__ */ jsx28("div", { className: "border-t border-b border-(--color-border)", "aria-label": marqueeTitle, children: /* @__PURE__ */ jsx28(Marquee, { className: "py-3.5 [--duration:48s] [--gap:3rem]", children: tools.map((tool, i) => /* @__PURE__ */ jsxs21(
+      "span",
+      {
+        className: "gal-label flex items-center gap-x-12 whitespace-nowrap text-(--color-fg-muted)",
+        children: [
+          brandLabel(tool),
+          /* @__PURE__ */ jsx28(GalDiamond, { className: "size-1" })
+        ]
+      },
+      `${tool}-${i}`
+    )) }) })
+  ] });
+}
+
+// src/templates/gallery/components/features.tsx
+import { jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
+var catalogueNo = (badge) => {
+  const n = parseInt(badge, 10);
+  return Number.isNaN(n) ? badge : String(n);
+};
+function GalFeatures({
+  heading = "How It Works",
+  description,
+  features = [],
+  className
+}) {
+  return /* @__PURE__ */ jsx29("section", { id: "features", className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsxs22("div", { className: "mx-auto max-w-6xl px-6 py-28 md:py-40 lg:px-10", children: [
+    /* @__PURE__ */ jsx29(ScrollReveal, { direction: "up", children: /* @__PURE__ */ jsx29(
+      GalSectionHead,
+      {
+        heading,
+        statement: description
+      }
+    ) }),
+    /* @__PURE__ */ jsx29("div", { className: "mt-24 space-y-28 md:mt-36 md:space-y-44", children: features.map((feature, index) => {
+      const reversed = index % 2 === 1;
+      const language = feature.language ?? "typescript";
+      return /* @__PURE__ */ jsx29(ScrollReveal, { direction: "up", children: /* @__PURE__ */ jsxs22("article", { className: "grid items-center gap-y-10 md:grid-cols-12 md:gap-x-10", children: [
+        feature.code && /* @__PURE__ */ jsx29("div", { className: cn("md:col-span-7", reversed && "md:order-2"), children: /* @__PURE__ */ jsx29("div", { className: "rounded-[2px] md:border md:border-(--color-vitrine-border) md:bg-(--color-placard) md:p-1.5 md:shadow-(--shadow-lg)", children: /* @__PURE__ */ jsx29(
+          CodeWindow,
           {
-            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
+            code: feature.code,
+            language,
+            className: "rounded-[2px] bg-(--color-vitrine) p-6 text-left text-xs leading-relaxed text-(--color-vitrine-fg) md:p-8"
           }
-        ) : /* @__PURE__ */ jsx10(
-          PricingTiers,
+        ) }) }),
+        /* @__PURE__ */ jsx29(
+          "div",
           {
-            heading: pricing.heading,
-            subheading: pricing.subheading,
-            tiers: pricing.tiers,
-            securityNote: pricing.securityNote
+            className: cn(
+              feature.code ? "md:col-span-5" : "md:col-span-7",
+              reversed && "md:order-1"
+            ),
+            children: /* @__PURE__ */ jsxs22("div", { className: "rounded-[4px] border border-(--color-placard-border) bg-(--color-placard) p-7 text-(--color-placard-fg) shadow-(--shadow-md) md:p-9", children: [
+              /* @__PURE__ */ jsx29("div", { className: "border-b border-(--color-placard-border) pb-4", children: /* @__PURE__ */ jsxs22("span", { className: "gal-no text-2xl text-(--color-accent-strong)", children: [
+                "No. ",
+                catalogueNo(feature.badge)
+              ] }) }),
+              /* @__PURE__ */ jsx29("h3", { className: "mt-6 text-2xl font-semibold tracking-[-0.01em] text-(--color-placard-fg)", children: feature.title }),
+              /* @__PURE__ */ jsx29("p", { className: "mt-5 text-sm leading-relaxed text-(--color-placard-soft)", children: feature.description }),
+              feature.items.length > 0 && /* @__PURE__ */ jsx29("ul", { className: "mt-7 space-y-3 border-t border-(--color-placard-border) pt-5", children: feature.items.map((item, itemIndex) => /* @__PURE__ */ jsxs22(
+                "li",
+                {
+                  className: "flex items-baseline gap-3 text-sm text-(--color-placard-fg)",
+                  children: [
+                    /* @__PURE__ */ jsx29(GalDiamond, { className: "shrink-0 -translate-y-px" }),
+                    item.text
+                  ]
+                },
+                itemIndex
+              )) })
+            ] })
           }
-        ),
-        /* @__PURE__ */ jsx10(FAQ, { heading: faq.heading, faqs: faq.faqs }),
-        /* @__PURE__ */ jsx10(CTA, { heading: cta.heading, subheading: cta.subheading, buttons: cta.buttons })
-      ]
-    }
-  ) }) });
+        )
+      ] }) }, index);
+    }) })
+  ] }) });
+}
+
+// src/templates/gallery/components/pricing.tsx
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+function GalPricing({
+  heading = "Simple, transparent pricing",
+  subheading,
+  price = "$16",
+  priceUnit = "/ month",
+  trialText,
+  ctaText = "Get Started",
+  ctaHref = "#contact",
+  featuresHeading = "What's included",
+  features = [],
+  securityNote,
+  className
+}) {
+  return /* @__PURE__ */ jsx30("section", { id: "pricing", className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsxs23("div", { className: "mx-auto max-w-6xl px-6 py-28 md:py-40 lg:px-10", children: [
+    /* @__PURE__ */ jsx30(ScrollReveal, { direction: "up", children: /* @__PURE__ */ jsx30(GalSectionHead, { heading, statement: subheading }) }),
+    /* @__PURE__ */ jsx30(ScrollReveal, { direction: "up", children: /* @__PURE__ */ jsx30("div", { className: "mt-20 rounded-[4px] border border-(--color-placard-border) bg-(--color-placard) p-8 text-(--color-placard-fg) shadow-(--shadow-md) md:mt-28 md:p-12", children: /* @__PURE__ */ jsxs23("div", { className: "grid gap-y-10 md:grid-cols-12 md:gap-x-10", children: [
+      /* @__PURE__ */ jsxs23("div", { className: "md:col-span-5", children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-baseline gap-2.5", children: [
+          /* @__PURE__ */ jsx30("span", { className: "gal-display text-7xl font-[560] tracking-[-0.02em] text-(--color-placard-fg) md:text-8xl", children: price }),
+          /* @__PURE__ */ jsx30("span", { className: "text-sm text-(--color-placard-muted)", children: priceUnit })
+        ] }),
+        trialText && /* @__PURE__ */ jsx30("p", { className: "mt-4 text-sm text-(--color-placard-soft)", children: trialText }),
+        /* @__PURE__ */ jsx30("div", { className: "mt-9", children: /* @__PURE__ */ jsx30(GalButton, { asChild: true, children: /* @__PURE__ */ jsx30("a", { href: ctaHref, children: ctaText }) }) })
+      ] }),
+      /* @__PURE__ */ jsxs23("div", { className: "md:col-span-6 md:col-start-7", children: [
+        /* @__PURE__ */ jsx30(GalLabel, { className: "text-(--color-placard-muted)", children: featuresHeading }),
+        /* @__PURE__ */ jsx30("ul", { className: "mt-5 columns-1 gap-x-10 sm:columns-2", children: features.map((feature, index) => /* @__PURE__ */ jsx30(
+          "li",
+          {
+            className: "break-inside-avoid border-t border-(--color-placard-border) py-3 text-sm text-(--color-placard-fg)",
+            children: feature.text
+          },
+          index
+        )) })
+      ] })
+    ] }) }) }),
+    securityNote && /* @__PURE__ */ jsx30("div", { className: "mt-14 border-t border-(--color-border) pt-6", children: /* @__PURE__ */ jsx30("p", { className: "max-w-[70ch] text-xs leading-relaxed text-(--color-fg-muted)", children: securityNote }) })
+  ] }) });
+}
+
+// src/templates/gallery/components/pricing-tiers.tsx
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+function GalPricingTiers({
+  heading = "Simple, transparent pricing",
+  subheading,
+  tiers = [],
+  securityNote,
+  className
+}) {
+  return /* @__PURE__ */ jsx31("section", { id: "pricing", className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsxs24("div", { className: "mx-auto max-w-6xl px-6 py-28 md:py-40 lg:px-10", children: [
+    /* @__PURE__ */ jsx31(ScrollReveal, { direction: "up", children: /* @__PURE__ */ jsx31(
+      GalSectionHead,
+      {
+        heading,
+        statement: subheading
+      }
+    ) }),
+    /* @__PURE__ */ jsx31("div", { className: "mt-20 grid gap-8 md:mt-28 md:grid-cols-2", children: tiers.map((tier, index) => {
+      const featured = !!tier.featured;
+      return /* @__PURE__ */ jsx31(ScrollReveal, { direction: "up", delay: index * 0.06, children: /* @__PURE__ */ jsxs24(
+        "div",
+        {
+          className: cn(
+            "flex h-full flex-col rounded-[4px] p-8 md:p-10",
+            featured ? "bg-(--color-accent-field) text-(--color-accent-fg) shadow-(--shadow-xl)" : "border border-(--color-placard-border) bg-(--color-placard) text-(--color-placard-fg) shadow-(--shadow-md)"
+          ),
+          children: [
+            /* @__PURE__ */ jsx31(
+              "h3",
+              {
+                className: cn(
+                  "text-2xl font-semibold tracking-[-0.01em]",
+                  featured ? "text-(--color-accent-fg)" : "text-(--color-placard-fg)"
+                ),
+                children: tier.title
+              }
+            ),
+            /* @__PURE__ */ jsx31(
+              "p",
+              {
+                className: cn(
+                  "mt-3 max-w-[44ch] text-sm leading-relaxed",
+                  featured ? "text-(--color-accent-fg)/80" : "text-(--color-placard-soft)"
+                ),
+                children: tier.description
+              }
+            ),
+            /* @__PURE__ */ jsxs24("div", { className: "mt-10 flex items-baseline gap-2.5", children: [
+              /* @__PURE__ */ jsx31(
+                "span",
+                {
+                  className: cn(
+                    "gal-display text-7xl font-[560] tracking-[-0.02em] md:text-8xl",
+                    featured ? "text-(--color-accent-fg)" : "text-(--color-placard-fg)"
+                  ),
+                  children: tier.price
+                }
+              ),
+              /* @__PURE__ */ jsx31(
+                "span",
+                {
+                  className: cn(
+                    "text-sm",
+                    featured ? "text-(--color-accent-fg)/70" : "text-(--color-placard-muted)"
+                  ),
+                  children: tier.priceUnit
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx31("div", { className: "mt-9", children: tier.ctaVariant === "secondary" ? /* @__PURE__ */ jsx31(
+              GalButton,
+              {
+                asChild: true,
+                variant: "secondary",
+                className: cn(
+                  "w-full sm:w-auto",
+                  featured ? "border-(--color-accent-fg)/40 text-(--color-accent-fg) hover:bg-(--color-accent-fg)/10" : "border-(--color-placard-fg)/35 text-(--color-placard-fg) hover:bg-(--color-placard-fg)/5"
+                ),
+                children: /* @__PURE__ */ jsx31("a", { href: tier.ctaHref || "#", children: tier.ctaText })
+              }
+            ) : featured ? /* @__PURE__ */ jsx31(GalButton, { asChild: true, variant: "bone", className: "w-full sm:w-auto", children: /* @__PURE__ */ jsx31("a", { href: tier.ctaHref || "#", children: tier.ctaText }) }) : /* @__PURE__ */ jsx31(GalButton, { asChild: true, className: "w-full sm:w-auto", children: /* @__PURE__ */ jsx31("a", { href: tier.ctaHref || "#", children: tier.ctaText }) }) }),
+            /* @__PURE__ */ jsx31("ul", { className: "mt-10 flex-1", children: tier.features.map((feature, featureIndex) => /* @__PURE__ */ jsx31(
+              "li",
+              {
+                className: cn(
+                  "border-t py-3 text-sm first:border-t-0",
+                  featured ? "border-(--color-accent-fg)/20 text-(--color-accent-fg)/90" : "border-(--color-placard-border) text-(--color-placard-fg)"
+                ),
+                children: feature.text
+              },
+              featureIndex
+            )) })
+          ]
+        }
+      ) }, index);
+    }) }),
+    securityNote && /* @__PURE__ */ jsx31("div", { className: "mt-14 border-t border-(--color-border) pt-6", children: /* @__PURE__ */ jsx31("p", { className: "max-w-[70ch] text-xs leading-relaxed text-(--color-fg-muted)", children: securityNote }) })
+  ] }) });
+}
+
+// src/templates/gallery/components/faq.tsx
+import {
+  Accordion as Accordion3,
+  AccordionContent as AccordionContent3,
+  AccordionItem as AccordionItem3,
+  AccordionTrigger as AccordionTrigger3
+} from "@mdxui/primitives";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+function GalFAQ({ heading = "FAQs", faqs = [], className }) {
+  return /* @__PURE__ */ jsx32("section", { id: "faq", className: cn("bg-(--color-surface)", className), children: /* @__PURE__ */ jsxs25("div", { className: "mx-auto max-w-6xl px-6 py-28 md:py-40 lg:px-10", children: [
+    /* @__PURE__ */ jsx32(ScrollReveal, { direction: "up", children: /* @__PURE__ */ jsx32(
+      GalSectionHead,
+      {
+        heading
+      }
+    ) }),
+    /* @__PURE__ */ jsx32(Accordion3, { type: "single", collapsible: true, className: "mt-16 border-t border-(--color-border) md:mt-24", children: faqs.map((faq, index) => /* @__PURE__ */ jsxs25(
+      AccordionItem3,
+      {
+        value: `item-${index}`,
+        className: "rounded-none border-b border-(--color-border)",
+        children: [
+          /* @__PURE__ */ jsx32(AccordionTrigger3, { className: "gap-6 py-7 text-base font-medium text-(--color-fg) hover:no-underline", children: /* @__PURE__ */ jsxs25("span", { className: "flex items-baseline gap-6 text-left", children: [
+            /* @__PURE__ */ jsxs25("span", { className: "gal-no shrink-0 text-sm text-(--color-accent-strong)", "aria-hidden": "true", children: [
+              "No. ",
+              index + 1
+            ] }),
+            faq.question
+          ] }) }),
+          /* @__PURE__ */ jsx32(AccordionContent3, { className: "max-w-[62ch] pb-8 pl-18 text-sm leading-relaxed text-(--color-fg-soft)", children: faq.answer })
+        ]
+      },
+      index
+    )) })
+  ] }) });
+}
+
+// src/templates/gallery/components/cta.tsx
+import { HiArrowRight as HiArrowRight5 } from "react-icons/hi";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+function GalCTA({
+  heading = "Ready to Save 15 Hours Per Week?",
+  subheading,
+  buttons = [{ text: "Get Started", href: "#pricing", variant: "primary", showArrow: true }],
+  hostname,
+  className
+}) {
+  return /* @__PURE__ */ jsx33("section", { className: cn("bg-(--color-accent-field) text-(--color-accent-fg)", className), children: /* @__PURE__ */ jsx33("div", { className: "mx-auto max-w-6xl px-6 py-24 md:py-36 lg:px-10", children: /* @__PURE__ */ jsxs26(ScrollReveal, { direction: "up", children: [
+    hostname && /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx33(GalDiamond, { className: "bg-(--color-accent-fg)" }),
+      /* @__PURE__ */ jsx33("span", { className: "gal-label text-(--color-accent-fg)/70", children: hostname })
+    ] }),
+    /* @__PURE__ */ jsxs26("div", { className: "grid items-end gap-y-12 pt-10 md:grid-cols-12 md:gap-x-6 md:pt-14", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "md:col-span-8", children: [
+        /* @__PURE__ */ jsx33("h2", { className: "max-w-[15ch] text-[clamp(44px,6.5vw,96px)] text-(--color-accent-fg)", children: heading }),
+        subheading && /* @__PURE__ */ jsx33("p", { className: "mt-6 max-w-[44ch] text-lg leading-relaxed text-(--color-accent-fg)/80 md:text-xl", children: subheading })
+      ] }),
+      /* @__PURE__ */ jsx33("div", { className: "md:col-span-4 md:flex md:justify-end", children: /* @__PURE__ */ jsx33("div", { className: "flex flex-col gap-3 sm:flex-row", children: buttons.map(
+        (button, index) => button.variant === "primary" || !button.variant ? /* @__PURE__ */ jsx33(GalButton, { asChild: true, variant: "bone", children: /* @__PURE__ */ jsxs26("a", { href: button.href, children: [
+          button.text,
+          button.showArrow && /* @__PURE__ */ jsx33(HiArrowRight5, { className: "h-3.5 w-3.5" })
+        ] }) }, index) : /* @__PURE__ */ jsx33(
+          GalButton,
+          {
+            asChild: true,
+            variant: "secondary",
+            className: "border-(--color-accent-fg)/40 text-(--color-accent-fg) hover:bg-(--color-accent-fg)/10",
+            children: /* @__PURE__ */ jsxs26("a", { href: button.href, children: [
+              button.text,
+              button.showArrow && /* @__PURE__ */ jsx33(HiArrowRight5, { className: "h-3.5 w-3.5" })
+            ] })
+          },
+          index
+        )
+      ) }) })
+    ] })
+  ] }) }) });
+}
+
+// src/templates/gallery/components/footer.tsx
+import Link6 from "next/link";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+function GalFooter({
+  logo = "Priya",
+  description = "Your AI Product Manager for GitHub. Automate issue triage, sprint planning, and backlog grooming.",
+  quickLinks = [
+    { label: "Features", href: "/#features" },
+    { label: "Pricing", href: "/#pricing" },
+    { label: "FAQ", href: "/#faq" }
+  ],
+  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__ */ jsx34("footer", { className: cn("border-t border-(--color-border) bg-(--color-surface)", className), children: /* @__PURE__ */ jsx34("div", { className: "mx-auto max-w-6xl px-6 py-20 md:py-28 lg:px-10", children: /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center text-center", children: [
+    /* @__PURE__ */ jsx34(GalDiamond, { className: "size-2" }),
+    /* @__PURE__ */ jsx34(Link6, { href: "/", className: "mt-6 inline-block", children: /* @__PURE__ */ jsx34("span", { className: "gal-display text-4xl font-[560] tracking-[-0.015em] text-(--color-fg) md:text-5xl", children: logo }) }),
+    /* @__PURE__ */ jsx34("p", { className: "mt-5 max-w-[52ch] text-sm leading-relaxed text-(--color-fg-muted)", children: description }),
+    /* @__PURE__ */ jsx34(
+      "nav",
+      {
+        className: "mt-12 flex flex-wrap items-center justify-center gap-x-5 gap-y-4",
+        "aria-label": "Footer",
+        children: [...quickLinks, ...socialLinks].map((link, index, all) => {
+          const external = /^https?:\/\//.test(link.href);
+          return /* @__PURE__ */ jsxs27("span", { className: "flex items-center gap-x-5", children: [
+            /* @__PURE__ */ jsx34(
+              Link6,
+              {
+                href: link.href,
+                ...external ? { target: "_blank", rel: "noopener noreferrer" } : {},
+                className: "gal-label text-(--color-fg-soft) transition-colors hover:text-(--color-fg)",
+                children: link.label
+              }
+            ),
+            index < all.length - 1 && /* @__PURE__ */ jsx34(GalDiamond, { className: "size-1" })
+          ] }, `${link.label}-${index}`);
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx34("div", { className: "mt-14 w-full max-w-md border-t border-(--color-border) pt-6", children: /* @__PURE__ */ jsx34("p", { className: "text-xs leading-relaxed text-(--color-fg-muted)", children: copyrightText }) })
+  ] }) }) });
+}
+
+// src/templates/gallery/view.tsx
+import { Fragment as Fragment4, jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
+function GalleryView({ content, brandName, hostname }) {
+  const { hero, features, pricing, faq, cta } = content;
+  return /* @__PURE__ */ jsxs28(Fragment4, { children: [
+    /* @__PURE__ */ jsx35(GalNavigation, { logo: brandName }),
+    /* @__PURE__ */ jsxs28("main", { children: [
+      /* @__PURE__ */ jsx35(
+        GalHero,
+        {
+          presenter: brandName,
+          badgeText: hero.badgeText,
+          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__ */ jsx35(
+        GalFeatures,
+        {
+          heading: features.heading,
+          description: features.description,
+          features: features.features
+        }
+      ),
+      pricing.variant === "single" ? /* @__PURE__ */ jsx35(
+        GalPricing,
+        {
+          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__ */ jsx35(
+        GalPricingTiers,
+        {
+          heading: pricing.heading,
+          subheading: pricing.subheading,
+          tiers: pricing.tiers,
+          securityNote: pricing.securityNote
+        }
+      ),
+      /* @__PURE__ */ jsx35(GalFAQ, { heading: faq.heading, faqs: faq.faqs }),
+      /* @__PURE__ */ jsx35(
+        GalCTA,
+        {
+          heading: cta.heading,
+          subheading: cta.subheading,
+          buttons: cta.buttons,
+          hostname
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx35(
+      GalFooter,
+      {
+        logo: brandName,
+        description: hero.description,
+        copyrightText: `${hostname} \xA9 ${(/* @__PURE__ */ new Date()).getFullYear()}. All rights reserved.`
+      }
+    )
+  ] });
+}
+
+// src/view/view.tsx
+import { jsx as jsx36 } 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__ */ jsx36(DialectShell, { theme, mode, texture: false, children: /* @__PURE__ */ jsx36("div", { "data-dialect": "named", "data-template": template, children: template === "executive" ? /* @__PURE__ */ jsx36(ExecutiveView, { content, brandName, hostname }) : template === "gallery" ? /* @__PURE__ */ jsx36(GalleryView, { content, brandName, hostname }) : /* @__PURE__ */ jsx36(StudioView, { content, brandName, hostname }) }) })
+  );
 }
 var view_default = NamedAgentView;
 export {