@mdxui/named 6.0.0

package/dist/components/index.js

@@ -0,0 +1,1167 @@
+// src/components/hero/hero.tsx
+import Image from "next/image";
+import { HiChevronRight } from "react-icons/hi";
+
+// src/shared/scroll-reveal/scroll-reveal.tsx
+import { motion } from "motion/react";
+import { jsx } from "react/jsx-runtime";
+var directionVariants = {
+  up: {
+    hidden: { opacity: 0, y: 50 },
+    visible: { opacity: 1, y: 0 }
+  },
+  down: {
+    hidden: { opacity: 0, y: -50 },
+    visible: { opacity: 1, y: 0 }
+  },
+  left: {
+    hidden: { opacity: 0, x: -50 },
+    visible: { opacity: 1, x: 0 }
+  },
+  right: {
+    hidden: { opacity: 0, x: 50 },
+    visible: { opacity: 1, x: 0 }
+  },
+  none: {
+    hidden: { opacity: 0 },
+    visible: { opacity: 1 }
+  }
+};
+function ScrollReveal({
+  children,
+  className,
+  delay = 0,
+  direction = "up",
+  duration = 0.5,
+  trigger = "inView",
+  once = true,
+  margin = "-100px"
+}) {
+  if (trigger === "mount") {
+    return /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: "hidden",
+        animate: "visible",
+        transition: { duration, delay, ease: "easeOut" },
+        variants: directionVariants[direction],
+        className,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: "hidden",
+      whileInView: "visible",
+      viewport: { once, margin },
+      transition: { duration, delay, ease: "easeOut" },
+      variants: directionVariants[direction],
+      className,
+      children
+    }
+  );
+}
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/shared/marquee/marquee.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Marquee({
+  className,
+  reverse = false,
+  pauseOnHover = false,
+  children,
+  vertical = false,
+  repeat = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ...props,
+      className: cn(
+        "group flex [gap:var(--gap)] overflow-hidden p-2 [--duration:40s] [--gap:1rem]",
+        {
+          "flex-row": !vertical,
+          "flex-col": vertical
+        },
+        className
+      ),
+      children: Array(repeat).fill(0).map((_, i) => /* @__PURE__ */ jsx2(
+        "div",
+        {
+          className: cn("flex shrink-0 justify-around [gap:var(--gap)]", {
+            "animate-marquee flex-row": !vertical,
+            "animate-marquee-vertical flex-col": vertical,
+            "group-hover:[animation-play-state:paused]": pauseOnHover,
+            "[animation-direction:reverse]": reverse
+          }),
+          children
+        },
+        i
+      ))
+    }
+  );
+}
+
+// src/components/hero/hero.tsx
+import { Button } from "@mdxui/primitives";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function Hero({
+  badgeEmoji = "",
+  badgeText = "Meet Priya",
+  badgeHref = "#",
+  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",
+  ctaVariant = "default",
+  rightImageSrc = "/images/hero/hero-main.png",
+  rightImageAlt = "Portfolio showcase",
+  rightImageSizes = "(max-width: 768px) 100vw, 500px",
+  showIconOverlay: _showIconOverlay = true,
+  marqueeTitle = "Tools I work with",
+  marqueeImages = Array.from({ length: 12 }).map(
+    () => "https://zapier-images.imgix.net/storage/services/c63f7c57dc0afb733535a5adccce4d01.png?auto=format&fit=crop&ixlib=react-9.10.0&q=50&w=60&h=60&dpr=2"
+  ),
+  className
+}) {
+  return /* @__PURE__ */ jsx3("section", { className: cn("relative py-12 md:py-16 px-6 lg:px-12 bg-(--color-bg-light)", 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(--color-bg-secondary,#f9f7f6)_0%,rgba(247,244,242,0)_83.55%)]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid lg:grid-cols-2 gap-8 lg:gap-16 items-start mb-16 lg:mb-20", 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(
+          "a",
+          {
+            href: badgeHref,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "inline-flex items-center gap-2.5 px-4 py-2 rounded-full transition-colors border border-black/10 bg-(--color-btn-white)",
+            children: [
+              /* @__PURE__ */ jsx3("span", { className: "text-base", children: badgeEmoji }),
+              /* @__PURE__ */ jsx3("p", { className: "font-normal text-sm tracking-wide leading-snug text-(--color-text-dark) uppercase", children: badgeText })
+            ]
+          }
+        ) }) }),
+        /* @__PURE__ */ jsx3(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx3("h1", { className: "font-normal text-[clamp(56px,6vw,72px)] leading-tight tracking-tight text-(--color-text-dark) font-halant", 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: [
+          ctaText,
+          /* @__PURE__ */ jsx3(HiChevronRight, { className: "w-4 h-4" })
+        ] }) }) }) })
+      ] }),
+      /* @__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(
+        Image,
+        {
+          src: rightImageSrc,
+          alt: rightImageAlt,
+          fill: true,
+          className: "object-cover object-left-center",
+          style: { borderRadius: "var(--radius-image)" },
+          priority: true,
+          sizes: rightImageSizes
+        }
+      ) }) }) }) })
+    ] }),
+    /* @__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-(--color-text-muted) text-center", children: marqueeTitle }) }),
+      /* @__PURE__ */ jsxs("div", { className: "relative mt-4 sm:mt-6", children: [
+        /* @__PURE__ */ jsx3(
+          "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(--color-bg-light), transparent)" }
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "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(--color-bg-light), transparent)" }
+          }
+        ),
+        /* @__PURE__ */ jsx3(Marquee, { className: "relative z-0 py-2 [--gap:1.25rem] sm:[--gap:3rem]", children: marqueeImages.map((src, i) => /* @__PURE__ */ jsx3("img", { src, alt: "Placeholder", className: "h-16 w-16 rounded-xl bg-white/50 p-2" }, `${src}-${i}`)) })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/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) }) }) });
+}
+
+// src/components/features/features.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var defaultFeatures = [
+  {
+    title: "Automatic Issue Triage",
+    description: "Every new issue gets analyzed, labeled, prioritized, and assigned to the right person\u2014automatically in seconds.",
+    items: [{ text: "Smart labels based on content" }, { text: "Priority using impact + urgency" }, { text: "Auto-assigned to right person" }],
+    code: `// New issue arrives
+$.Priya.triage({
+  issue: '#347'
+})
+
+// Priya handles everything:
+// \u2192 Reads issue content
+// \u2192 Applies correct labels
+// \u2192 Sets priority level
+// \u2192 Assigns to team member
+// \u2192 Adds to project board`,
+    badge: "01"
+  },
+  {
+    title: "Sprint Planning",
+    description: "Priya reviews your backlog, calculates what your team can handle, and builds the sprint for you.",
+    items: [{ text: "Capacity based on team velocity" }, { text: "Best issues selected automatically" }, { text: "Sprint board ready to go" }],
+    code: `// Sprint planning day
+$.Priya.planSprint({
+  capacity: 40,
+  startDate: 'Monday'
+})
+
+// Priya prepares:
+// \u2192 Reviews all backlog items
+// \u2192 Calculates team velocity
+// \u2192 Selects optimal issues
+// \u2192 Organizes sprint board
+// \u2192 Notifies team`,
+    badge: "02"
+  },
+  {
+    title: "Backlog Grooming",
+    description: "Your backlog stays healthy automatically\u2014prioritized, organized, and actionable.",
+    items: [{ text: "Always prioritized correctly" }, { text: "No more zombie issues" }, { text: "Epics become user stories" }],
+    code: `// Runs continuously
+$.Priya.groomBacklog({
+  framework: 'RICE'
+})
+
+// Priya maintains:
+// \u2192 Applies RICE scoring
+// \u2192 Closes stale issues
+// \u2192 Breaks down epics
+// \u2192 Updates priorities
+// \u2192 Tracks dependencies`,
+    badge: "03"
+  },
+  {
+    title: "Status Reports",
+    description: "Weekly progress reports generated and shared automatically. No more manual updates.",
+    items: [{ text: "Automatic progress tracking" }, { text: "Blockers surfaced early" }, { text: "Team stays informed" }],
+    code: `// Every Friday
+$.Priya.statusReport({
+  period: 'week'
+})
+
+// Priya reports:
+// \u2192 Issues closed
+// \u2192 PRs merged
+// \u2192 Sprint progress
+// \u2192 Blockers identified
+// \u2192 Shares with team`,
+    badge: "04"
+  }
+];
+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-(--color-bg-light)", className), children: /* @__PURE__ */ jsxs2("div", { className: "features-gradient flex flex-col items-center w-full relative overflow-visible rounded-[36px] gap-16 h-min max-w-[1400px] py-10 sm:py-20", 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-normal text-[clamp(32px,4vw,40px)] leading-tight text-(--color-text-dark) font-halant", children: heading }),
+      /* @__PURE__ */ jsx5("p", { className: "text-base md:text-lg text-(--color-text-muted) 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-(--color-bg-cream) w-full rounded-3xl feature-card-shadow opacity-100 border border-black/5", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "flex flex-col px-6 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-white dark:bg-white/10 border border-black/10 dark:border-white/20 text-(--color-text-dark)", children: feature.badge }) }),
+        /* @__PURE__ */ jsx5("h3", { className: "mb-3 text-2xl font-medium sm:mb-5 md:text-3xl text-(--color-text-dark)", children: feature.title }),
+        /* @__PURE__ */ jsx5("div", { className: "mb-8 text-sm sm:mb-10 md:text-base text-(--color-text-muted)", 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-(--color-teal-dark)" }),
+          /* @__PURE__ */ jsx5("p", { className: "text-sm md:text-base text-(--color-text-dark)", 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 }) })
+    ] }) }, index)) })
+  ] }) });
+}
+
+// src/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";
+var defaultFeatures2 = [
+  { text: "Automated backups" },
+  { text: "24/7 support" },
+  { text: "Unlimited projects" },
+  { text: "Unlimited users" },
+  { text: "Custom domain" },
+  { text: "Custom branding" },
+  { text: "Advanced analytics" },
+  { text: "Custom permissions" },
+  { text: "Advanced reports" }
+];
+function Pricing({
+  heading = "Simple, transparent pricing",
+  subheading = "Start automating your product workflow in minutes. No credit card required to get started.",
+  price = "$16",
+  priceUnit = "/ month",
+  trialText = "With a 7-day free trial",
+  ctaText = "Get Started",
+  ctaHref = "#contact",
+  featuresHeading = "What's included",
+  features = defaultFeatures2,
+  backgroundColor = "bg-(--color-bg-light)",
+  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-normal text-[clamp(32px,4vw,40px)] leading-tight text-(--color-text-dark) mb-4 font-halant", children: heading }),
+      /* @__PURE__ */ jsx6("p", { className: "text-base text-(--color-text-muted) max-w-2xl mx-auto", children: subheading })
+    ] }) }),
+    /* @__PURE__ */ jsx6(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsxs3("div", { className: "bg-(--color-bg-cream) mx-auto flex w-full md:max-w-md lg:max-w-3xl flex-col rounded-3xl border border-(--color-text-dark)/10 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-(--color-text-dark)", children: price }),
+          /* @__PURE__ */ jsx6("span", { className: "text-(--color-text-muted) ml-2 text-sm", children: priceUnit })
+        ] }),
+        trialText && /* @__PURE__ */ jsx6("p", { className: "text-left sm:text-center text-(--color-text-muted) 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 }) })
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "mt-8", children: [
+        /* @__PURE__ */ jsx6("p", { className: "text-left sm:text-center text-lg font-semibold text-(--color-text-dark) 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-(--color-teal-dark) mr-2 size-4 shrink-0" }),
+          /* @__PURE__ */ jsx6("span", { className: "text-(--color-text-dark) 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-(--color-text-muted)", children: [
+      /* @__PURE__ */ jsx6("strong", { children: "Your code stays private." }),
+      " ",
+      securityNote
+    ] }) }) })
+  ] }) });
+}
+
+// src/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";
+var defaultTiers = [
+  {
+    title: "Business",
+    description: "For growing teams that need more power and priority support.",
+    price: "$299",
+    priceUnit: "/ month",
+    ctaText: "Get Started",
+    ctaVariant: "primary",
+    ctaHref: "#contact",
+    features: [
+      { text: "Unlimited repositories" },
+      { text: "Unlimited issues & projects" },
+      { text: "Unlimited team members" },
+      { text: "Priority support" },
+      { text: "Custom workflows" },
+      { text: "Advanced analytics" }
+    ],
+    image: "/images/hero/hero-main.png",
+    imageAlt: "Business Plan",
+    featured: true
+  },
+  {
+    title: "Team",
+    description: "Perfect for small teams getting started with AI product management.",
+    price: "$99",
+    priceUnit: "/ month",
+    ctaText: "Get Started",
+    ctaVariant: "secondary",
+    ctaHref: "#contact",
+    features: [{ text: "Up to 10 repositories" }, { text: "Unlimited issues & projects" }, { text: "Unlimited team members" }, { text: "Email support" }],
+    featured: false
+  }
+];
+function PricingTiers({
+  heading = "Simple, transparent pricing",
+  subheading = "Start automating your product workflow in minutes. No credit card required to get started.",
+  tiers = defaultTiers,
+  backgroundColor = "bg-(--color-bg-light)",
+  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-normal text-[clamp(32px,4vw,52px)] leading-tight text-(--color-text-dark) mb-4 font-halant", children: heading }),
+      /* @__PURE__ */ jsx7("p", { className: "text-base text-(--color-text-muted) 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(
+      "div",
+      {
+        className: tier.featured ? "bg-(--color-bg-cream) flex w-full h-full flex-col-reverse rounded-3xl border border-(--color-text-dark)/10 feature-card-shadow md:flex-row" : "bg-(--color-bg-cream) w-full h-full rounded-3xl border border-(--color-text-dark)/10 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: [
+            /* @__PURE__ */ jsxs4("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx7("p", { className: "text-lg font-semibold text-(--color-text-dark)", children: tier.title }),
+              /* @__PURE__ */ jsx7("p", { className: "text-(--color-text-muted) mt-3", children: tier.description }),
+              /* @__PURE__ */ jsxs4("div", { className: "mt-6 flex items-baseline", children: [
+                /* @__PURE__ */ jsx7("span", { className: "text-3xl font-semibold text-(--color-text-dark)", children: tier.price }),
+                /* @__PURE__ */ jsx7("span", { className: "text-(--color-text-muted) 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-(--color-teal-dark) mr-2 size-4 shrink-0" }),
+              /* @__PURE__ */ jsx7("span", { className: "text-(--color-text-dark) 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-(--color-text-dark)", children: tier.title }),
+          /* @__PURE__ */ jsx7("p", { className: "text-(--color-text-muted) mt-3", children: tier.description }),
+          /* @__PURE__ */ jsxs4("div", { className: "mt-6 flex items-baseline", children: [
+            /* @__PURE__ */ jsx7("span", { className: "text-3xl font-semibold text-(--color-text-dark)", children: tier.price }),
+            /* @__PURE__ */ jsx7("span", { className: "text-(--color-text-muted) 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-(--color-teal-dark) mr-2 size-4 shrink-0" }),
+            /* @__PURE__ */ jsx7("span", { className: "text-(--color-text-dark) 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-(--color-text-muted)", children: [
+      /* @__PURE__ */ jsx7("strong", { children: "Your code stays private." }),
+      " ",
+      securityNote
+    ] }) }) })
+  ] }) });
+}
+
+// src/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";
+var defaultButtons = [
+  {
+    text: "Get Started",
+    href: "#pricing",
+    variant: "primary",
+    showArrow: true
+  }
+];
+var backgroundColorMap = {
+  light: "bg-(--color-btn-white)",
+  blue: "bg-(--color-blue-light)",
+  green: "bg-(--color-green-light)",
+  purple: "bg-(--color-purple-light)",
+  orange: "bg-(--color-orange-light)"
+};
+function CTA({ heading = "Ready to Save 15 Hours Per Week?", subheading = "Setup with Github \u2013 takes 5 minutes.", buttons = defaultButtons, backgroundColor = "blue", className }) {
+  const bgClass = backgroundColorMap[backgroundColor];
+  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-normal text-(--color-text-dark) text-[clamp(32px,5vw,52px)] leading-tight tracking-tight font-halant", children: heading }),
+    /* @__PURE__ */ jsx8("p", { className: "max-w-2xl mx-auto text-[clamp(16px,2vw,18px)] leading-relaxed text-(--color-text-muted)", 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: [
+      button.text,
+      button.showArrow && /* @__PURE__ */ jsx8(HiArrowRight, { className: "w-4 h-4" })
+    ] }) }, index)) })
+  ] }) }) }) });
+}
+
+// src/components/faq/faq.tsx
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@mdxui/primitives";
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var defaultFaqs = [
+  {
+    question: "How do I get started?",
+    answer: "Choose your plan, connect your GitHub account, and Priya starts working. Setup takes 5 minutes."
+  },
+  {
+    question: "Does it work with private repos?",
+    answer: "Yes, both plans work with private and public repositories."
+  },
+  {
+    question: "What if it makes a mistake?",
+    answer: "You can override any decision. Priya learns from your corrections."
+  },
+  {
+    question: "Can I switch plans later?",
+    answer: "Yes, upgrade or downgrade anytime. Changes take effect immediately."
+  },
+  {
+    question: "What about Enterprise?",
+    answer: "Contact us for custom solutions tailored to your organization's needs, including dedicated support, custom workflows, and enterprise-grade SLAs."
+  },
+  {
+    question: "Is Priya SOC 2 and HIPAA compliant?",
+    answer: "Yes, Priya is SOC 2 Type II certified and HIPAA compliant, ensuring your data is handled with the highest security and privacy standards."
+  }
+];
+function FAQ({ heading = "FAQs", faqs = defaultFaqs, backgroundColor = "bg-(--color-bg-light)", 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-normal text-[clamp(32px,4vw,52px)] leading-tight text-(--color-text-dark) mb-4 font-halant", 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-6 border border-black/5 bg-(--color-btn-white) card-shadow/50", children: [
+      /* @__PURE__ */ jsx9(AccordionTrigger, { className: "hover:no-underline py-5 text-base font-medium text-(--color-text-dark)", children: faq.question }),
+      /* @__PURE__ */ jsx9(AccordionContent, { className: "pb-5 text-sm text-(--color-text-dark)/70 leading-relaxed", children: faq.answer })
+    ] }) }, index)) })
+  ] }) });
+}
+
+// src/components/problem/problem.tsx
+import { FaInbox, FaCalendarAlt, FaListUl, FaFileAlt, FaRocket, FaProjectDiagram, FaBug, FaLightbulb } from "react-icons/fa";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var defaultWorkflows = [
+  { icon: FaInbox, label: "Issue triage" },
+  { icon: FaCalendarAlt, label: "Sprint planning" },
+  { icon: FaListUl, label: "Backlog grooming" },
+  { icon: FaFileAlt, label: "Status updates" },
+  { icon: FaRocket, label: "Release planning" },
+  { icon: FaProjectDiagram, label: "Dependency tracking" },
+  { icon: FaBug, label: "Bug prioritization" },
+  { icon: FaLightbulb, label: "Feature requests" }
+];
+function Problem({
+  heading: _heading = "Product managers <strong>spend 15+ hours</strong> per week on busywork",
+  workflows = defaultWorkflows,
+  subheading = "What if all of that just... ",
+  subheadingHighlight = "happened automatically?",
+  highlightColor = "bg-(--color-green-light)",
+  marqueeDuration = "30s",
+  marqueeGap = "0.5rem",
+  backgroundColor = "bg-(--color-bg-light)",
+  className
+}) {
+  return /* @__PURE__ */ jsx10("section", { id: "problem", className: cn(`py-20 md:pb-32 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsx10("div", { className: "max-w-4xl mx-auto", children: /* @__PURE__ */ jsxs7("div", { className: "text-center space-y-8", children: [
+    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs7("h2", { className: "font-normal text-[clamp(36px,4vw,40px)] leading-tight text-(--color-text-dark)", children: [
+      /* @__PURE__ */ jsx10("span", { className: "block md:inline", children: "Product managers" }),
+      " ",
+      /* @__PURE__ */ jsx10("span", { className: "block md:inline", children: /* @__PURE__ */ jsx10("strong", { children: "spend 15+ hours" }) }),
+      " ",
+      /* @__PURE__ */ jsx10("span", { className: "block md:inline", children: "per week on busywork" })
+    ] }) }),
+    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "none", delay: 0.2, children: /* @__PURE__ */ jsxs7("div", { className: "relative py-6", children: [
+      /* @__PURE__ */ jsx10("div", { className: "absolute left-0 top-0 bottom-0 w-32 bg-gradient-to-r from-(--color-bg-light) to-transparent z-10 pointer-events-none" }),
+      /* @__PURE__ */ jsx10("div", { className: "absolute right-0 top-0 bottom-0 w-32 bg-gradient-to-l from-(--color-bg-light) to-transparent z-10 pointer-events-none" }),
+      /* @__PURE__ */ jsx10(
+        Marquee,
+        {
+          className: "[--duration:30s] [--gap:0.5rem]",
+          style: {
+            "--duration": marqueeDuration,
+            "--gap": marqueeGap
+          },
+          children: workflows.map((workflow, index) => /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2.5 pl-1.5 pr-3.5 py-1.5 bg-(--color-bg-cream) border border-(--color-text-dark)/10 rounded-full", children: [
+            /* @__PURE__ */ jsx10("div", { className: "flex items-center justify-center w-7 h-7 rounded-full bg-(--color-bg-light)", children: /* @__PURE__ */ jsx10(workflow.icon, { className: "w-3.5 h-3.5 text-(--color-text-dark)" }) }),
+            /* @__PURE__ */ jsx10("span", { className: "text-sm text-(--color-text-dark) whitespace-nowrap", children: workflow.label })
+          ] }, index))
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx10(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx10("div", { className: "pt-2 md:pt-4", children: /* @__PURE__ */ jsxs7("h3", { className: "font-normal text-[clamp(26px,3.5vw,32px)] leading-tight text-(--color-text-dark)", children: [
+      subheading,
+      /* @__PURE__ */ jsxs7("span", { className: "relative inline-block", children: [
+        /* @__PURE__ */ jsx10("span", { className: "relative z-10", children: subheadingHighlight }),
+        /* @__PURE__ */ jsx10("span", { className: `absolute bottom-1 left-0 w-full h-3 ${highlightColor} opacity-30 -rotate-1` })
+      ] })
+    ] }) }) })
+  ] }) }) });
+}
+
+// src/components/navigation/navigation.tsx
+import { useState, useEffect } from "react";
+import Link from "next/link";
+import { Menu, X } from "lucide-react";
+import { motion as motion2, AnimatePresence } from "motion/react";
+import { Button as Button5 } from "@mdxui/primitives";
+import { jsx as jsx11, jsxs as jsxs8 } 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] = useState(false);
+  const [isScrolled, setIsScrolled] = useState(false);
+  useEffect(() => {
+    if (!showScrollEffect) return;
+    const handleScroll = () => {
+      setIsScrolled(window.scrollY > 10);
+    };
+    window.addEventListener("scroll", handleScroll);
+    return () => window.removeEventListener("scroll", handleScroll);
+  }, [showScrollEffect]);
+  const maxWidthClass = {
+    sm: "max-w-sm",
+    md: "max-w-md",
+    lg: "max-w-lg",
+    xl: "max-w-xl",
+    "2xl": "max-w-2xl",
+    "3xl": "max-w-3xl",
+    "4xl": "max-w-4xl",
+    "5xl": "max-w-5xl",
+    "6xl": "max-w-6xl",
+    "7xl": "max-w-7xl",
+    full: "max-w-full"
+  }[maxWidth];
+  return /* @__PURE__ */ jsx11(
+    "nav",
+    {
+      className: cn(
+        "z-50 w-full transition-all duration-300",
+        sticky && "sticky top-0",
+        showScrollEffect && isScrolled ? "bg-(--color-bg-light)/95 backdrop-blur-md" : "bg-(--color-bg-light)",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs8("div", { className: cn(maxWidthClass, "mx-auto px-6 lg:px-12 py-4"), children: [
+        /* @__PURE__ */ jsxs8("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-(--color-text-dark) 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-(--color-text-dark) hover:opacity-60 transition-opacity", children: link.label }, link.href)) }),
+          ctaText && ctaHref && /* @__PURE__ */ jsx11("div", { className: "hidden lg:flex items-center", children: /* @__PURE__ */ jsx11(Button5, { asChild: true, variant: ctaVariant, children: /* @__PURE__ */ jsx11("a", { href: ctaHref, children: ctaText }) }) }),
+          /* @__PURE__ */ jsx11("button", { className: "lg:hidden p-2 text-(--color-text-dark)", onClick: () => setMobileMenuOpen(!mobileMenuOpen), "aria-label": "Toggle menu", children: mobileMenuOpen ? /* @__PURE__ */ jsx11(X, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx11(Menu, { className: "w-6 h-6" }) })
+        ] }),
+        /* @__PURE__ */ jsx11(AnimatePresence, { children: mobileMenuOpen && /* @__PURE__ */ jsx11(
+          motion2.div,
+          {
+            initial: { opacity: 0, height: 0 },
+            animate: { opacity: 1, height: "auto" },
+            exit: { opacity: 0, height: 0 },
+            transition: { duration: 0.3, ease: "easeInOut" },
+            className: "lg:hidden overflow-hidden",
+            children: /* @__PURE__ */ jsx11("div", { className: "mt-4 py-4 rounded-xl bg-(--color-btn-white)", children: /* @__PURE__ */ jsxs8("div", { className: "flex flex-col gap-4 px-6", children: [
+              links.map((link) => /* @__PURE__ */ jsx11("a", { href: link.href, className: "py-2 text-(--color-text-dark) hover:opacity-70 transition-colors", onClick: () => setMobileMenuOpen(false), children: link.label }, link.href)),
+              ctaText && ctaHref && /* @__PURE__ */ jsx11(Button5, { asChild: true, variant: ctaVariant, className: "mt-2", onClick: () => setMobileMenuOpen(false), children: /* @__PURE__ */ jsx11("a", { href: ctaHref, children: ctaText }) })
+            ] }) })
+          }
+        ) })
+      ] })
+    }
+  );
+}
+
+// src/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";
+import { Input } from "@mdxui/primitives";
+import { jsx as jsx12, jsxs as jsxs9 } 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" },
+    { href: "https://twitter.com", 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__ */ jsx12("footer", { className: cn("py-16 px-6 lg:px-12 bg-[#111011] text-white", className), children: /* @__PURE__ */ jsxs9("div", { className: "max-w-7xl mx-auto", children: [
+    /* @__PURE__ */ jsxs9("div", { className: "grid md:grid-cols-5 gap-12 mb-12", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "md:col-span-2", children: [
+        /* @__PURE__ */ jsx12(Link2, { href: "/", className: "inline-block mb-4", children: /* @__PURE__ */ jsx12("div", { className: "text-3xl font-base text-white font-halant", children: logo }) }),
+        /* @__PURE__ */ jsx12("p", { className: "max-w-md text-sm leading-relaxed text-white/70 mb-6", children: description }),
+        /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-4", children: socialLinks.map((link) => {
+          const Icon = link.icon;
+          return /* @__PURE__ */ jsx12(
+            Link2,
+            {
+              href: link.href,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "text-white/70 transition-colors hover:text-white",
+              "aria-label": link.label,
+              children: /* @__PURE__ */ jsx12(Icon, { className: "w-5 h-5" })
+            },
+            link.label
+          );
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { children: [
+        /* @__PURE__ */ jsx12("h3", { className: "font-semibold text-base mb-4 text-white", children: "Quick Links" }),
+        /* @__PURE__ */ jsx12("ul", { className: "space-y-2", children: quickLinks.map((link) => /* @__PURE__ */ jsx12("li", { children: /* @__PURE__ */ jsx12(Link2, { href: link.href, className: "text-sm text-white/70 transition-colors hover:text-white", children: link.label }) }, link.label)) })
+      ] }),
+      /* @__PURE__ */ jsx12("div", { className: "w-full md:col-span-2 md:flex md:flex-col md:items-end", children: /* @__PURE__ */ jsxs9("div", { className: "w-full md:max-w-sm", children: [
+        /* @__PURE__ */ jsx12("h3", { className: "font-semibold text-base mb-4 text-white", children: contactTitle }),
+        /* @__PURE__ */ jsxs9("form", { onSubmit: handleEmailSubmit, className: "relative", children: [
+          /* @__PURE__ */ jsx12(
+            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__ */ jsx12(
+            "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__ */ jsx12(FaArrowRight, { className: "w-3 h-3" })
+            }
+          )
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx12("div", { className: "border-t border-white/10 pt-8", children: /* @__PURE__ */ jsx12("div", { className: "flex flex-col md:flex-row justify-between items-center gap-4", children: /* @__PURE__ */ jsx12("p", { className: "text-sm text-white/60", children: copyrightText }) }) })
+  ] }) });
+}
+
+// src/components/contact/contact.tsx
+import { useState as useState2 } from "react";
+import { Button as Button6, Input as Input2, Label, Textarea } from "@mdxui/primitives";
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var defaultFields = [
+  {
+    id: "name",
+    label: "Name",
+    type: "text",
+    required: true
+  },
+  {
+    id: "email",
+    label: "Company Email",
+    type: "email",
+    required: true
+  },
+  {
+    id: "message",
+    label: "Message",
+    type: "textarea",
+    placeholder: "Tell us about your use case, team size, or any other questions you may have.",
+    required: true
+  }
+];
+function Contact({
+  heading = "Get in touch",
+  subheading = "Have questions about use cases, pricing, or anything else? Let's chat!",
+  fields = defaultFields,
+  submitButtonText = "Submit",
+  successMessage = "Thanks for reaching out! I'll get back to you within 24 hours.",
+  errorMessage = "Hmm, something went wrong. Mind trying again?",
+  onSubmit,
+  backgroundColor = "bg-(--color-bg-light)",
+  className
+}) {
+  const [isSubmitting, setIsSubmitting] = useState2(false);
+  const [formData, setFormData] = useState2({});
+  const [submitStatus, setSubmitStatus] = useState2("idle");
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    setIsSubmitting(true);
+    setSubmitStatus("idle");
+    try {
+      if (onSubmit) {
+        await onSubmit(formData);
+      }
+      setSubmitStatus("success");
+      setFormData({});
+      e.target.reset();
+    } catch {
+      setSubmitStatus("error");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const handleChange = (e) => {
+    setFormData((prev) => ({
+      ...prev,
+      [e.target.id]: e.target.value
+    }));
+  };
+  return /* @__PURE__ */ jsx13("section", { className: cn(`relative py-12 md:py-32 px-6 lg:px-12 ${backgroundColor}`, className), children: /* @__PURE__ */ jsxs10("div", { className: "max-w-3xl mx-auto", children: [
+    /* @__PURE__ */ jsx13(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsxs10("div", { className: "mb-14 text-center", children: [
+      /* @__PURE__ */ jsx13("h1", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-(--color-text-dark) mb-4", children: heading }),
+      /* @__PURE__ */ jsx13("p", { className: "text-base text-(--color-text-muted) max-w-2xl mx-auto", children: subheading })
+    ] }) }),
+    /* @__PURE__ */ jsx13(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsxs10(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        className: "mx-auto flex max-w-lg flex-col gap-6 bg-(--color-bg-cream) p-6 md:p-8 rounded-3xl border border-(--color-text-dark)/10 feature-card-shadow",
+        children: [
+          fields.map((field) => /* @__PURE__ */ jsxs10("div", { className: "grid w-full items-center gap-2", children: [
+            /* @__PURE__ */ jsxs10(Label, { htmlFor: field.id, className: "text-(--color-text-dark)", children: [
+              field.label,
+              field.required && /* @__PURE__ */ jsx13("span", { className: "text-red-500 ml-1", children: "*" })
+            ] }),
+            field.type === "textarea" ? /* @__PURE__ */ jsx13(Textarea, { id: field.id, placeholder: field.placeholder, required: field.required, onChange: handleChange, className: "min-h-[120px]" }) : /* @__PURE__ */ jsx13(Input2, { type: field.type, id: field.id, placeholder: field.placeholder, required: field.required, onChange: handleChange })
+          ] }, field.id)),
+          /* @__PURE__ */ jsx13(Button6, { type: "submit", className: "w-full", disabled: isSubmitting, children: isSubmitting ? "Submitting..." : submitButtonText }),
+          submitStatus === "success" && /* @__PURE__ */ jsx13("p", { className: "text-green-600 text-sm text-center", children: successMessage }),
+          submitStatus === "error" && /* @__PURE__ */ jsx13("p", { className: "text-red-600 text-sm text-center", children: errorMessage })
+        ]
+      }
+    ) })
+  ] }) });
+}
+
+// src/components/integration/integration.tsx
+import { forwardRef, useRef, useEffect as useEffect3, useState as useState4 } from "react";
+
+// src/shared/animated-beam/animated-beam.tsx
+import { useEffect as useEffect2, useId, useState as useState3 } from "react";
+import { motion as motion3 } from "motion/react";
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+function AnimatedBeam({
+  className,
+  containerRef,
+  fromRef,
+  toRef,
+  curvature = 0,
+  reverse = false,
+  duration = Math.random() * 3 + 4,
+  delay = 0,
+  pathColor = "gray",
+  pathWidth = 2,
+  pathOpacity = 0.2,
+  gradientStartColor = "#ffaa40",
+  gradientStopColor = "#9c40ff",
+  startXOffset = 0,
+  startYOffset = 0,
+  endXOffset = 0,
+  endYOffset = 0
+}) {
+  const id = useId();
+  const [pathD, setPathD] = useState3("");
+  const [svgDimensions, setSvgDimensions] = useState3({ width: 0, height: 0 });
+  const gradientCoordinates = reverse ? {
+    x1: ["90%", "-10%"],
+    x2: ["100%", "0%"],
+    y1: ["0%", "0%"],
+    y2: ["0%", "0%"]
+  } : {
+    x1: ["10%", "110%"],
+    x2: ["0%", "100%"],
+    y1: ["0%", "0%"],
+    y2: ["0%", "0%"]
+  };
+  useEffect2(() => {
+    const updatePath = () => {
+      if (containerRef.current && fromRef.current && toRef.current) {
+        const containerRect = containerRef.current.getBoundingClientRect();
+        const rectA = fromRef.current.getBoundingClientRect();
+        const rectB = toRef.current.getBoundingClientRect();
+        const svgWidth = containerRect.width;
+        const svgHeight = containerRect.height;
+        setSvgDimensions({ width: svgWidth, height: svgHeight });
+        const startX = rectA.left - containerRect.left + rectA.width / 2 + startXOffset;
+        const startY = rectA.top - containerRect.top + rectA.height / 2 + startYOffset;
+        const endX = rectB.left - containerRect.left + rectB.width / 2 + endXOffset;
+        const endY = rectB.top - containerRect.top + rectB.height / 2 + endYOffset;
+        const controlY = startY - curvature;
+        const d = `M ${startX},${startY} Q ${(startX + endX) / 2},${controlY} ${endX},${endY}`;
+        setPathD(d);
+      }
+    };
+    const resizeObserver = new ResizeObserver(() => {
+      updatePath();
+    });
+    if (containerRef.current) {
+      resizeObserver.observe(containerRef.current);
+    }
+    updatePath();
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [containerRef, fromRef, toRef, curvature, startXOffset, startYOffset, endXOffset, endYOffset]);
+  return /* @__PURE__ */ jsxs11(
+    "svg",
+    {
+      fill: "none",
+      width: svgDimensions.width,
+      height: svgDimensions.height,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn("pointer-events-none absolute top-0 left-0 transform-gpu stroke-2", className),
+      viewBox: `0 0 ${svgDimensions.width} ${svgDimensions.height}`,
+      children: [
+        /* @__PURE__ */ jsx14("path", { d: pathD, stroke: pathColor, strokeWidth: pathWidth, strokeOpacity: pathOpacity, strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx14("path", { d: pathD, strokeWidth: pathWidth, stroke: `url(#${id})`, strokeOpacity: "1", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx14("defs", { children: /* @__PURE__ */ jsxs11(
+          motion3.linearGradient,
+          {
+            className: "transform-gpu",
+            id,
+            gradientUnits: "userSpaceOnUse",
+            initial: {
+              x1: "0%",
+              x2: "0%",
+              y1: "0%",
+              y2: "0%"
+            },
+            animate: {
+              x1: gradientCoordinates.x1,
+              x2: gradientCoordinates.x2,
+              y1: gradientCoordinates.y1,
+              y2: gradientCoordinates.y2
+            },
+            transition: {
+              delay,
+              duration,
+              ease: [0.16, 1, 0.3, 1],
+              repeat: Infinity,
+              repeatDelay: 0
+            },
+            children: [
+              /* @__PURE__ */ jsx14("stop", { stopColor: gradientStartColor, stopOpacity: "0" }),
+              /* @__PURE__ */ jsx14("stop", { stopColor: gradientStartColor }),
+              /* @__PURE__ */ jsx14("stop", { offset: "32.5%", stopColor: gradientStopColor }),
+              /* @__PURE__ */ jsx14("stop", { offset: "100%", stopColor: gradientStopColor, stopOpacity: "0" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+// src/shared/grid-pattern/grid-pattern.tsx
+import { useId as useId2 } from "react";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function GridPattern({
+  width = 40,
+  height = 40,
+  x = -1,
+  y = -1,
+  strokeDasharray = "0",
+  squares,
+  className,
+  ...props
+}) {
+  const id = useId2();
+  return /* @__PURE__ */ jsxs12(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn("pointer-events-none absolute inset-0 h-full w-full fill-gray-400/30 stroke-gray-400/30", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx15("defs", { children: /* @__PURE__ */ jsx15("pattern", { id, width, height, patternUnits: "userSpaceOnUse", x, y, children: /* @__PURE__ */ jsx15("path", { d: `M.5 ${height}V.5H${width}`, fill: "none", strokeDasharray }) }) }),
+        /* @__PURE__ */ jsx15("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
+        squares && /* @__PURE__ */ jsx15("svg", { x, y, className: "overflow-visible", children: squares.map(([sx, sy]) => /* @__PURE__ */ jsx15("rect", { strokeWidth: "0", width: width - 1, height: height - 1, x: sx * width + 1, y: sy * height + 1 }, `${sx}-${sy}`)) })
+      ]
+    }
+  );
+}
+
+// src/components/integration/integration.tsx
+import Image3 from "next/image";
+import { Button as Button7 } from "@mdxui/primitives";
+import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
+var Square = forwardRef(({ className, children }, ref) => {
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      ref,
+      className: cn("z-10 flex size-16 items-center justify-center rounded-lg bg-(--color-btn-white) border border-(--color-btn-border) p-3 integration-square-shadow", className),
+      children
+    }
+  );
+});
+Square.displayName = "Square";
+function Integration({
+  title = "Connect in Seconds",
+  description = "Just connect your account and get started immediately \u2013 no configuration, no setup, no hassle.",
+  buttonText = "Get Started",
+  buttonHref = "#pricing",
+  leftNode,
+  rightNode,
+  beamAnimations = [
+    { startYOffset: 10, endYOffset: 10, curvature: -20, duration: 3 },
+    { startYOffset: -10, endYOffset: -10, curvature: 20, duration: 3, reverse: true }
+  ],
+  gridPatternWidth = 30,
+  gridPatternHeight = 30,
+  maxWidth = "5xl",
+  className,
+  contentOrder = "left"
+}) {
+  const containerRef = useRef(null);
+  const leftRef = useRef(null);
+  const rightRef = useRef(null);
+  const [isDark, setIsDark] = useState4(false);
+  useEffect3(() => {
+    const checkDarkMode = () => {
+      const isDarkMode = document.documentElement.classList.contains("dark") || window.matchMedia("(prefers-color-scheme: dark)").matches;
+      setIsDark(isDarkMode);
+    };
+    checkDarkMode();
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const observer = new MutationObserver(checkDarkMode);
+    mediaQuery.addEventListener("change", checkDarkMode);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    return () => {
+      mediaQuery.removeEventListener("change", checkDarkMode);
+      observer.disconnect();
+    };
+  }, []);
+  const renderNode = (node, ref) => {
+    const squareContent = (() => {
+      if (node.type === "image" && typeof node.content === "string") {
+        return /* @__PURE__ */ jsx16("div", { className: "relative w-full h-full", children: /* @__PURE__ */ jsx16(Image3, { src: node.content, alt: node.alt || "Integration", fill: true, className: "object-cover rounded-lg" }) });
+      }
+      if (node.type === "icon" && typeof node.content === "string") {
+        return /* @__PURE__ */ jsx16("div", { className: cn("text-gray-900 dark:text-white", node.className), children: node.content });
+      }
+      return node.content;
+    })();
+    return /* @__PURE__ */ jsx16(Square, { ref, className: cn("size-20", node.type === "image" ? "p-0" : "", node.className), children: squareContent });
+  };
+  const maxWidthClasses = {
+    sm: "max-w-sm",
+    md: "max-w-md",
+    lg: "max-w-lg",
+    xl: "max-w-xl",
+    "2xl": "max-w-2xl",
+    "3xl": "max-w-3xl",
+    "4xl": "max-w-4xl",
+    "5xl": "max-w-5xl",
+    "6xl": "max-w-6xl",
+    "7xl": "max-w-7xl"
+  };
+  const content = /* @__PURE__ */ jsxs13("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx16(ScrollReveal, { direction: "up", delay: 0.1, children: /* @__PURE__ */ jsx16("h2", { className: "font-normal text-[clamp(32px,4vw,40px)] leading-tight text-(--color-text-dark)", children: title }) }),
+    /* @__PURE__ */ jsx16(ScrollReveal, { direction: "up", delay: 0.2, children: /* @__PURE__ */ jsx16("p", { className: "text-base text-(--color-text-muted) max-w-lg", children: description }) }),
+    buttonText && buttonHref && /* @__PURE__ */ jsx16(ScrollReveal, { direction: "up", delay: 0.3, children: /* @__PURE__ */ jsx16(Button7, { asChild: true, variant: "default", children: /* @__PURE__ */ jsx16("a", { href: buttonHref, children: buttonText }) }) })
+  ] });
+  const animation = /* @__PURE__ */ jsx16(ScrollReveal, { direction: contentOrder === "left" ? "right" : "left", delay: 0.2, children: /* @__PURE__ */ jsxs13("div", { className: "relative flex aspect-square max-w-md mx-auto w-full items-center justify-center overflow-hidden rounded-lg", ref: containerRef, children: [
+    /* @__PURE__ */ jsx16(
+      GridPattern,
+      {
+        width: gridPatternWidth,
+        height: gridPatternHeight,
+        className: "opacity-30 mask-[radial-gradient(ellipse_at_center,black_40%,transparent_85%)] dark:mask-[radial-gradient(ellipse_at_center,white_40%,transparent_85%)]"
+      }
+    ),
+    /* @__PURE__ */ jsxs13("div", { className: "flex size-full flex-row items-center justify-center gap-20 relative z-10", children: [
+      /* @__PURE__ */ jsx16("div", { className: "flex flex-col justify-center", children: renderNode(leftNode, leftRef) }),
+      /* @__PURE__ */ jsx16("div", { className: "flex flex-col justify-center", children: renderNode(rightNode, rightRef) })
+    ] }),
+    beamAnimations.map((config, index) => /* @__PURE__ */ jsx16(
+      AnimatedBeam,
+      {
+        containerRef,
+        fromRef: leftRef,
+        toRef: rightRef,
+        startYOffset: config.startYOffset,
+        endYOffset: config.endYOffset,
+        curvature: config.curvature,
+        duration: config.duration,
+        reverse: config.reverse,
+        pathColor: isDark ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.2)"
+      },
+      index
+    ))
+  ] }) });
+  return /* @__PURE__ */ jsx16("section", { className: cn("pt-10 sm:pt-0 px-8 lg:px-24 bg-(--color-bg-light)", className), children: /* @__PURE__ */ jsx16("div", { className: cn(maxWidthClasses[maxWidth], "mx-auto"), children: /* @__PURE__ */ jsx16("div", { className: "grid lg:grid-cols-2 gap-1 items-center", children: contentOrder === "left" ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
+    content,
+    animation
+  ] }) : /* @__PURE__ */ jsxs13(Fragment2, { children: [
+    animation,
+    content
+  ] }) }) }) });
+}
+export {
+  CTA,
+  Contact,
+  FAQ,
+  Features,
+  Footer,
+  Hero,
+  Integration,
+  Navigation,
+  Pricing,
+  PricingTiers,
+  Problem
+};
+//# sourceMappingURL=index.js.map