@web-my-money/blocks 1.0.0

package/dist/chunk-X6SF4TT2.mjs

@@ -0,0 +1,2205 @@
+import {
+  cn
+} from "./chunk-PJO7WJ4G.mjs";
+
+// src/fade-up/index.tsx
+import { motion } from "framer-motion";
+import { jsx } from "react/jsx-runtime";
+var SPRING_EASE = [0.22, 1, 0.36, 1];
+function FadeUp({
+  children,
+  className,
+  delay = 0
+}) {
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className,
+      initial: { opacity: 0, y: 30 },
+      whileInView: { opacity: 1, y: 0 },
+      viewport: { once: true, amount: 0.2 },
+      transition: { duration: 0.7, delay, ease: SPRING_EASE },
+      style: { willChange: "transform, opacity" },
+      children
+    }
+  );
+}
+
+// src/scroll-reveal/index.tsx
+import * as React from "react";
+import { motion as motion2, useInView } from "framer-motion";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var offset = { up: { y: 24 }, down: { y: -24 }, left: { x: 24 }, right: { x: -24 }, none: {} };
+function ScrollReveal({
+  children,
+  className,
+  direction = "up",
+  delay = 0,
+  once = true,
+  amount = 0.3
+}) {
+  const ref = React.useRef(null);
+  const inView = useInView(ref, { once, amount });
+  return /* @__PURE__ */ jsx2(
+    motion2.div,
+    {
+      ref,
+      "data-wmm-fx": true,
+      className: cn(className),
+      initial: { opacity: 0, ...offset[direction] },
+      animate: inView ? { opacity: 1, x: 0, y: 0 } : {},
+      transition: { duration: 0.5, delay, ease: [0.22, 1, 0.36, 1] },
+      children
+    }
+  );
+}
+
+// src/section-label/index.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function SectionLabel({
+  children,
+  variant = "pill",
+  index,
+  dotColor = "var(--primary)",
+  className
+}) {
+  if (variant === "rule") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-3", className), children: [
+      /* @__PURE__ */ jsx3("div", { className: "h-px flex-1 bg-border" }),
+      /* @__PURE__ */ jsx3("span", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground", children }),
+      /* @__PURE__ */ jsx3("div", { className: "h-px flex-1 bg-border" })
+    ] });
+  }
+  if (variant === "indexed") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("inline-flex items-center gap-2.5", className), children: [
+      /* @__PURE__ */ jsx3(
+        "span",
+        {
+          className: "flex h-5 w-5 items-center justify-center rounded-full text-[10px] font-bold",
+          style: { background: "var(--primary)", color: "var(--primary-foreground)" },
+          children: index ?? "\xB7"
+        }
+      ),
+      /* @__PURE__ */ jsx3("span", { className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground", children })
+    ] });
+  }
+  if (variant === "flanked") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("inline-flex items-center gap-2 text-muted-foreground", className), children: [
+      /* @__PURE__ */ jsx3("span", { className: "text-primary select-none", children: "\u2014" }),
+      /* @__PURE__ */ jsx3("span", { className: "text-xs font-semibold uppercase tracking-widest", children }),
+      /* @__PURE__ */ jsx3("span", { className: "text-primary select-none", children: "\u2014" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "inline-flex items-center gap-2 rounded-full border border-border bg-foreground/[0.06] px-4 py-1.5 backdrop-blur-md",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: "h-1.5 w-1.5 rounded-full shrink-0",
+            style: { backgroundColor: dotColor }
+          }
+        ),
+        /* @__PURE__ */ jsx3("span", { className: "text-xs font-medium uppercase tracking-[0.15em] text-muted-foreground", children })
+      ]
+    }
+  );
+}
+
+// src/section-glow/index.tsx
+import { motion as motion3, useReducedMotion } from "framer-motion";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function SectionGlow({ variant = "primary", className }) {
+  const reduce = useReducedMotion();
+  const color = variant === "secondary" ? "color-mix(in srgb, var(--secondary, #1f2d56) 18%, transparent)" : "color-mix(in srgb, var(--primary, #8fccb6) 16%, transparent)";
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      "aria-hidden": true,
+      className: cn(
+        "pointer-events-none absolute left-1/2 -top-40 -translate-x-1/2",
+        className
+      ),
+      children: /* @__PURE__ */ jsx4(
+        motion3.div,
+        {
+          className: "h-[460px] w-[min(820px,94vw)] rounded-full blur-[60px]",
+          style: {
+            background: `radial-gradient(circle at 50% 50%, ${color}, transparent 70%)`
+          },
+          initial: reduce ? false : { opacity: 0, scale: 0.92 },
+          whileInView: { opacity: 1, scale: 1 },
+          viewport: { once: true, margin: "-8% 0px -8% 0px" },
+          transition: { duration: 1, ease: [0.22, 0.61, 0.36, 1] }
+        }
+      )
+    }
+  );
+}
+
+// src/section-intro/index.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+function SectionIntro({
+  label,
+  title,
+  body,
+  centered = false
+}) {
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      className: cn(
+        "relative z-10 max-w-3xl",
+        centered && "mx-auto text-center"
+      ),
+      children: [
+        /* @__PURE__ */ jsx5(SectionLabel, { children: label }),
+        /* @__PURE__ */ jsx5(
+          "h2",
+          {
+            className: "mt-6 font-display text-4xl font-black tracking-[-0.04em] text-foreground sm:text-5xl md:text-6xl",
+            style: { textShadow: "0 18px 60px rgba(0,0,0,0.24)" },
+            children: title
+          }
+        ),
+        body ? /* @__PURE__ */ jsx5(
+          "p",
+          {
+            className: cn(
+              "mt-6 max-w-2xl text-base leading-8 text-muted-foreground md:text-lg",
+              centered && "mx-auto"
+            ),
+            children: body
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/text-rotator/index.tsx
+import * as React2 from "react";
+import { AnimatePresence, motion as motion4 } from "framer-motion";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var SPRING = [0.16, 1, 0.3, 1];
+function TextRotator({
+  phrases,
+  interval = 2800,
+  className,
+  phraseClassName
+}) {
+  const [index, setIndex] = React2.useState(0);
+  React2.useEffect(() => {
+    const id = setInterval(
+      () => setIndex((i) => (i + 1) % phrases.length),
+      interval
+    );
+    return () => clearInterval(id);
+  }, [phrases.length, interval]);
+  return (
+    /* clip container so exiting phrase doesn't overflow */
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        className: cn("relative inline-flex overflow-hidden align-bottom", className),
+        style: { minWidth: "1ch" },
+        children: /* @__PURE__ */ jsx6(AnimatePresence, { mode: "popLayout", initial: false, children: /* @__PURE__ */ jsx6(
+          motion4.span,
+          {
+            initial: { y: "100%", opacity: 0 },
+            animate: { y: 0, opacity: 1 },
+            exit: { y: "-100%", opacity: 0 },
+            transition: { duration: 0.55, ease: SPRING },
+            className: cn("inline-block", phraseClassName),
+            children: phrases[index]
+          },
+          phrases[index]
+        ) })
+      }
+    )
+  );
+}
+
+// src/avatar-group/index.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var sizePx = {
+  sm: "h-7 w-7 text-[10px]",
+  md: "h-9 w-9 text-xs",
+  lg: "h-11 w-11 text-sm"
+};
+var overlapPx = {
+  sm: "-ml-2",
+  md: "-ml-2.5",
+  lg: "-ml-3"
+};
+function AvatarGroup({
+  avatars,
+  max = 5,
+  label,
+  size = "md",
+  className
+}) {
+  const shown = avatars.slice(0, max);
+  const overflow = avatars.length - max;
+  return /* @__PURE__ */ jsxs3("div", { className: cn("flex items-center gap-3", className), children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex items-center", children: [
+      shown.map((av, i) => /* @__PURE__ */ jsx7(
+        "div",
+        {
+          title: av.name,
+          className: cn(
+            "relative rounded-full ring-2 ring-background overflow-hidden shrink-0",
+            sizePx[size],
+            i > 0 && overlapPx[size]
+          ),
+          children: av.src ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ jsx7(
+              "img",
+              {
+                src: av.src,
+                alt: av.name,
+                className: "h-full w-full object-cover"
+              }
+            )
+          ) : /* @__PURE__ */ jsx7(
+            "span",
+            {
+              className: "flex h-full w-full items-center justify-center font-semibold bg-primary/20 text-primary",
+              children: av.initials ?? av.name.slice(0, 2).toUpperCase()
+            }
+          )
+        },
+        i
+      )),
+      overflow > 0 && /* @__PURE__ */ jsxs3(
+        "div",
+        {
+          className: cn(
+            "relative rounded-full ring-2 ring-background shrink-0",
+            "flex items-center justify-center font-semibold",
+            "bg-muted text-muted-foreground",
+            sizePx[size],
+            overlapPx[size]
+          ),
+          children: [
+            "+",
+            overflow
+          ]
+        }
+      )
+    ] }),
+    label && /* @__PURE__ */ jsx7("p", { className: "text-sm text-muted-foreground", children: label })
+  ] });
+}
+
+// src/marquee/index.tsx
+import * as React3 from "react";
+import { motion as motion5 } from "framer-motion";
+import { Fragment, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+function Marquee({
+  children,
+  reverse = false,
+  speed = 30,
+  gap = "2rem",
+  pauseOnHover = true,
+  fadeWidth = "6rem",
+  className
+}) {
+  const [paused, setPaused] = React3.useState(false);
+  const doubled = [...children, ...children];
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className: cn("relative overflow-hidden", className),
+      onMouseEnter: () => pauseOnHover && setPaused(true),
+      onMouseLeave: () => pauseOnHover && setPaused(false),
+      children: [
+        fadeWidth !== "0" && /* @__PURE__ */ jsxs4(Fragment, { children: [
+          /* @__PURE__ */ jsx8(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "pointer-events-none absolute inset-y-0 left-0 z-10",
+              style: {
+                width: fadeWidth,
+                background: "linear-gradient(to right, var(--background), transparent)"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "pointer-events-none absolute inset-y-0 right-0 z-10",
+              style: {
+                width: fadeWidth,
+                background: "linear-gradient(to left, var(--background), transparent)"
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx8(
+          motion5.div,
+          {
+            className: "flex",
+            style: { gap },
+            animate: { x: reverse ? ["-50%", "0%"] : ["0%", "-50%"] },
+            transition: {
+              duration: speed,
+              ease: "linear",
+              repeat: Infinity
+            },
+            ...paused && { animate: { x: reverse ? "-50%" : "0%" } },
+            children: doubled.map((child, i) => /* @__PURE__ */ jsx8("div", { className: "shrink-0", children: child }, i))
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/layered-button/index.tsx
+import { motion as motion6 } from "framer-motion";
+import { ArrowRight } from "lucide-react";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+function LayeredButton({
+  href,
+  children,
+  variant = "solid",
+  className,
+  disabled = false,
+  icon,
+  onClick,
+  type = "button"
+}) {
+  const innerClassName = variant === "solid" ? "bg-cta-gradient text-white shadow-glow" : "bg-white/[0.06] text-white/88";
+  const iconNode = icon ?? /* @__PURE__ */ jsx9(ArrowRight, { className: "h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" });
+  const wrapperClassName = cn(
+    "group relative inline-flex translate-gpu disabled:pointer-events-none disabled:opacity-60",
+    disabled && "pointer-events-none opacity-60",
+    className
+  );
+  const buttonChrome = /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    variant === "solid" && /* @__PURE__ */ jsx9("div", { className: "absolute -inset-1 animate-pulse rounded-full bg-cta-gradient opacity-50 blur-xl transition duration-500 group-hover:opacity-80" }),
+    /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        className: cn(
+          "relative w-full rounded-full p-px",
+          variant === "solid" ? "border border-white/60" : "border border-white/20"
+        ),
+        children: [
+          /* @__PURE__ */ jsx9("div", { className: "absolute left-1/4 top-0 h-3 w-1/2 rounded-full bg-white/40 blur-md" }),
+          /* @__PURE__ */ jsxs5(
+            "div",
+            {
+              className: cn(
+                "relative flex w-full items-center justify-center gap-2 overflow-hidden rounded-full px-7 py-3 text-sm font-medium transition duration-300 group-hover:shadow-glow-strong",
+                innerClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsx9("span", { className: "pointer-events-none absolute inset-y-0 -left-1/3 w-1/3 -skew-x-12 bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.24),transparent)] opacity-0 transition-all duration-700 group-hover:left-[120%] group-hover:opacity-100" }),
+                /* @__PURE__ */ jsx9("span", { children }),
+                iconNode
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+  if (href) {
+    const handleClick = (event) => {
+      onClick?.(event);
+      if (event.defaultPrevented || disabled) return;
+    };
+    return /* @__PURE__ */ jsx9(
+      motion6.a,
+      {
+        href,
+        onClick: handleClick,
+        whileHover: disabled ? void 0 : { scale: 1.02, y: -2 },
+        whileTap: disabled ? void 0 : { scale: 0.99 },
+        className: wrapperClassName,
+        style: { willChange: "transform" },
+        "aria-disabled": disabled,
+        children: buttonChrome
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx9(
+    motion6.button,
+    {
+      type,
+      onClick,
+      whileHover: disabled ? void 0 : { scale: 1.02, y: -2 },
+      whileTap: disabled ? void 0 : { scale: 0.99 },
+      className: wrapperClassName,
+      style: { willChange: "transform" },
+      disabled,
+      children: buttonChrome
+    }
+  );
+}
+
+// src/nav-bar/index.tsx
+import * as React4 from "react";
+import { motion as motion7, AnimatePresence as AnimatePresence2 } from "framer-motion";
+import { Menu, X } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+function NavBar({ data, logo, className }) {
+  const [open, setOpen] = React4.useState(false);
+  const [scrolled, setScrolled] = React4.useState(false);
+  React4.useEffect(() => {
+    const update = () => setScrolled(window.scrollY > 12);
+    window.addEventListener("scroll", update, { passive: true });
+    update();
+    return () => window.removeEventListener("scroll", update);
+  }, []);
+  return /* @__PURE__ */ jsxs6(
+    "header",
+    {
+      className: cn(
+        "fixed inset-x-0 top-0 z-50 transition-all duration-300",
+        scrolled ? "border-b border-border/60 backdrop-blur-xl" : "border-b border-transparent",
+        className
+      ),
+      style: scrolled ? { background: "var(--glass-bg-strong, rgba(255,255,255,0.08))" } : void 0,
+      children: [
+        /* @__PURE__ */ jsxs6("nav", { className: "container mx-auto flex h-16 items-center justify-between px-4 md:px-6", children: [
+          logo && /* @__PURE__ */ jsx10("a", { href: "/", "aria-label": "Home", className: "inline-flex shrink-0 items-center", children: logo }),
+          /* @__PURE__ */ jsx10("ul", { className: "hidden md:flex items-center gap-7", children: data.links.map((link) => /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(
+            "a",
+            {
+              href: link.href,
+              className: "text-sm text-muted-foreground transition-colors hover:text-foreground",
+              children: link.label
+            }
+          ) }, link.href)) }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+            data.cta && /* @__PURE__ */ jsx10(
+              "a",
+              {
+                href: data.cta.href,
+                className: "hidden md:inline-flex items-center justify-center rounded-full px-5 py-2 text-sm font-semibold bg-primary text-primary-foreground transition-all hover:opacity-90 active:scale-[0.97]",
+                children: data.cta.label
+              }
+            ),
+            /* @__PURE__ */ jsx10(
+              "button",
+              {
+                "aria-label": open ? "Close menu" : "Open menu",
+                onClick: () => setOpen((v) => !v),
+                className: "md:hidden rounded-lg p-2 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+                children: open ? /* @__PURE__ */ jsx10(X, { size: 20 }) : /* @__PURE__ */ jsx10(Menu, { size: 20 })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx10(AnimatePresence2, { children: open && /* @__PURE__ */ jsx10(
+          motion7.div,
+          {
+            initial: { opacity: 0, height: 0 },
+            animate: { opacity: 1, height: "auto" },
+            exit: { opacity: 0, height: 0 },
+            transition: { duration: 0.22, ease: "easeInOut" },
+            className: "md:hidden overflow-hidden border-b border-border backdrop-blur-xl",
+            style: { background: "var(--glass-bg-strong, var(--background))" },
+            children: /* @__PURE__ */ jsxs6("ul", { className: "container mx-auto flex flex-col px-4 pb-5 pt-1 gap-0.5", children: [
+              data.links.map((link) => /* @__PURE__ */ jsx10("li", { children: /* @__PURE__ */ jsx10(
+                "a",
+                {
+                  href: link.href,
+                  onClick: () => setOpen(false),
+                  className: "block rounded-lg px-3 py-2.5 text-sm text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+                  children: link.label
+                }
+              ) }, link.href)),
+              data.cta && /* @__PURE__ */ jsx10("li", { className: "mt-3 pt-3 border-t border-border", children: /* @__PURE__ */ jsx10(
+                "a",
+                {
+                  href: data.cta.href,
+                  onClick: () => setOpen(false),
+                  className: "block rounded-full px-5 py-2.5 text-sm font-semibold text-center bg-primary text-primary-foreground hover:opacity-90 transition-opacity",
+                  children: data.cta.label
+                }
+              ) })
+            ] })
+          },
+          "mobile-menu"
+        ) })
+      ]
+    }
+  );
+}
+
+// src/cta-banner/index.tsx
+import { motion as motion8 } from "framer-motion";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function CTABanner({ data, className }) {
+  return /* @__PURE__ */ jsxs7(
+    "section",
+    {
+      className: cn("relative w-full py-24 lg:py-36 overflow-hidden", className),
+      children: [
+        /* @__PURE__ */ jsx11(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "absolute inset-0",
+            style: {
+              background: "var(--gradient-cta, linear-gradient(135deg, var(--primary) 0%, var(--ring) 100%))"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "absolute -top-32 left-1/3 w-96 h-96 rounded-full blur-3xl opacity-30 pointer-events-none",
+            style: { background: "var(--primary, #8fccb6)" }
+          }
+        ),
+        /* @__PURE__ */ jsx11(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "absolute -bottom-32 right-1/4 w-96 h-96 rounded-full blur-3xl opacity-20 pointer-events-none",
+            style: { background: "var(--wmm-violet, #869ce2)" }
+          }
+        ),
+        /* @__PURE__ */ jsxs7("div", { className: "relative container mx-auto px-4 md:px-6 text-center max-w-3xl", children: [
+          data.badge && /* @__PURE__ */ jsx11(
+            motion8.div,
+            {
+              initial: { opacity: 0, y: 12 },
+              whileInView: { opacity: 1, y: 0 },
+              viewport: { once: true },
+              transition: { duration: 0.5 },
+              className: "flex justify-center mb-5",
+              children: /* @__PURE__ */ jsx11(SectionLabel, { className: "border-white/20 text-white/90", children: data.badge })
+            }
+          ),
+          /* @__PURE__ */ jsx11(
+            motion8.h2,
+            {
+              initial: { opacity: 0, y: 24 },
+              whileInView: { opacity: 1, y: 0 },
+              viewport: { once: true },
+              transition: { duration: 0.6, delay: data.badge ? 0.08 : 0 },
+              className: "text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight text-white mb-5",
+              children: data.heading
+            }
+          ),
+          data.subheading && /* @__PURE__ */ jsx11(
+            motion8.p,
+            {
+              initial: { opacity: 0, y: 16 },
+              whileInView: { opacity: 1, y: 0 },
+              viewport: { once: true },
+              transition: { duration: 0.6, delay: 0.12 },
+              className: "text-lg md:text-xl text-white/75 max-w-xl mx-auto mb-10",
+              children: data.subheading
+            }
+          ),
+          /* @__PURE__ */ jsxs7(
+            motion8.div,
+            {
+              initial: { opacity: 0, y: 16 },
+              whileInView: { opacity: 1, y: 0 },
+              viewport: { once: true },
+              transition: { duration: 0.5, delay: 0.2 },
+              className: "flex flex-col sm:flex-row items-center justify-center gap-3",
+              children: [
+                /* @__PURE__ */ jsx11(
+                  "a",
+                  {
+                    href: data.primaryCta.href,
+                    className: "inline-flex items-center justify-center rounded-full px-8 py-3.5 text-sm font-semibold bg-white text-foreground shadow-lg hover:bg-white/92 transition-all active:scale-[0.97]",
+                    children: data.primaryCta.label
+                  }
+                ),
+                data.secondaryCta && /* @__PURE__ */ jsx11(
+                  "a",
+                  {
+                    href: data.secondaryCta.href,
+                    className: "inline-flex items-center justify-center rounded-full px-8 py-3.5 text-sm font-semibold text-white border border-white/30 hover:bg-white/10 transition-all",
+                    children: data.secondaryCta.label
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/process-steps/index.tsx
+import { motion as motion9 } from "framer-motion";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function ProcessSteps({
+  label,
+  heading,
+  subheading,
+  steps,
+  layout = "horizontal",
+  className
+}) {
+  return /* @__PURE__ */ jsx12("section", { className: cn("w-full py-16 lg:py-28", className), children: /* @__PURE__ */ jsxs8("div", { className: "container px-4 md:px-6 max-w-5xl mx-auto", children: [
+    (label || heading || subheading) && /* @__PURE__ */ jsxs8("div", { className: "text-center mb-14 space-y-4", children: [
+      label && /* @__PURE__ */ jsx12("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx12(SectionLabel, { children: label }) }),
+      heading && /* @__PURE__ */ jsx12("h2", { className: "text-3xl md:text-4xl font-bold tracking-tight text-foreground", children: heading }),
+      subheading && /* @__PURE__ */ jsx12("p", { className: "text-muted-foreground max-w-xl mx-auto", children: subheading })
+    ] }),
+    layout === "horizontal" ? /* @__PURE__ */ jsx12(
+      "div",
+      {
+        className: cn(
+          "grid gap-8",
+          steps.length <= 3 ? "md:grid-cols-3" : "md:grid-cols-2 lg:grid-cols-4"
+        ),
+        children: steps.map((step, i) => /* @__PURE__ */ jsxs8(
+          motion9.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            whileInView: { opacity: 1, y: 0 },
+            viewport: { once: true },
+            transition: { duration: 0.5, delay: i * 0.1 },
+            className: "relative flex flex-col gap-4",
+            children: [
+              i < steps.length - 1 && /* @__PURE__ */ jsx12(
+                "div",
+                {
+                  "aria-hidden": true,
+                  className: "hidden md:block absolute top-5 left-[calc(50%+24px)] right-0 h-px",
+                  style: { background: "var(--gradient-primary, var(--primary))", opacity: 0.25 }
+                }
+              ),
+              /* @__PURE__ */ jsx12(
+                "div",
+                {
+                  className: "flex h-10 w-10 items-center justify-center rounded-xl border border-primary/30 bg-primary/10 shrink-0",
+                  children: step.icon ?? /* @__PURE__ */ jsx12("span", { className: "text-sm font-bold text-primary", children: String(i + 1).padStart(2, "0") })
+                }
+              ),
+              /* @__PURE__ */ jsxs8("div", { children: [
+                /* @__PURE__ */ jsx12("p", { className: "text-sm font-semibold text-foreground mb-1", children: step.title }),
+                /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: step.description })
+              ] })
+            ]
+          },
+          i
+        ))
+      }
+    ) : (
+      /* Vertical layout */
+      /* @__PURE__ */ jsx12("div", { className: "max-w-2xl mx-auto space-y-0", children: steps.map((step, i) => /* @__PURE__ */ jsxs8(
+        motion9.div,
+        {
+          initial: { opacity: 0, x: -16 },
+          whileInView: { opacity: 1, x: 0 },
+          viewport: { once: true },
+          transition: { duration: 0.5, delay: i * 0.08 },
+          className: "relative flex gap-6 pb-10 last:pb-0",
+          children: [
+            i < steps.length - 1 && /* @__PURE__ */ jsx12(
+              "div",
+              {
+                "aria-hidden": true,
+                className: "absolute left-5 top-10 bottom-0 w-px",
+                style: { background: "var(--border)" }
+              }
+            ),
+            /* @__PURE__ */ jsx12("div", { className: "shrink-0 flex h-10 w-10 items-center justify-center rounded-xl border border-primary/30 bg-primary/10 z-10", children: step.icon ?? /* @__PURE__ */ jsx12("span", { className: "text-sm font-bold text-primary", children: String(i + 1).padStart(2, "0") }) }),
+            /* @__PURE__ */ jsxs8("div", { className: "pt-1.5", children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-sm font-semibold text-foreground mb-1", children: step.title }),
+              /* @__PURE__ */ jsx12("p", { className: "text-sm text-muted-foreground", children: step.description })
+            ] })
+          ]
+        },
+        i
+      )) })
+    )
+  ] }) });
+}
+
+// src/contact-form/index.tsx
+import * as React5 from "react";
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+function ContactForm({ data, onSubmit, className }) {
+  const [values, setValues] = React5.useState({});
+  const [loading, setLoading] = React5.useState(false);
+  const [sent, setSent] = React5.useState(false);
+  const set = (name, val) => setValues((prev) => ({ ...prev, [name]: val }));
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!onSubmit) {
+      setSent(true);
+      return;
+    }
+    setLoading(true);
+    try {
+      await onSubmit(values);
+      setSent(true);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const inputBase = "w-full rounded-lg border border-input bg-background px-3.5 py-2.5 text-sm text-foreground placeholder:text-muted-foreground/60 transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent disabled:opacity-50";
+  return /* @__PURE__ */ jsx13("section", { className: cn("w-full py-16 lg:py-28", className), children: /* @__PURE__ */ jsxs9("div", { className: "container px-4 md:px-6 max-w-5xl mx-auto", children: [
+    (data.label || data.heading || data.subheading) && /* @__PURE__ */ jsxs9("div", { className: "text-center mb-12 space-y-4", children: [
+      data.label && /* @__PURE__ */ jsx13("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx13(SectionLabel, { children: data.label }) }),
+      data.heading && /* @__PURE__ */ jsx13("h2", { className: "text-3xl md:text-4xl font-bold tracking-tight text-foreground", children: data.heading }),
+      data.subheading && /* @__PURE__ */ jsx13("p", { className: "text-muted-foreground max-w-xl mx-auto", children: data.subheading })
+    ] }),
+    /* @__PURE__ */ jsxs9("div", { className: cn("grid gap-12", data.aside ? "md:grid-cols-[1fr_2fr]" : "max-w-2xl mx-auto"), children: [
+      data.aside && /* @__PURE__ */ jsx13("div", { children: data.aside }),
+      sent ? /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center text-center gap-4 rounded-2xl border border-border bg-card p-12", children: [
+        /* @__PURE__ */ jsx13("div", { className: "flex h-14 w-14 items-center justify-center rounded-full bg-primary/10 text-primary", children: /* @__PURE__ */ jsx13("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx13("path", { d: "M20 6 9 17l-5-5" }) }) }),
+        /* @__PURE__ */ jsx13("p", { className: "text-lg font-semibold text-foreground", children: "Message sent!" }),
+        /* @__PURE__ */ jsx13("p", { className: "text-sm text-muted-foreground", children: "We'll be in touch shortly." })
+      ] }) : /* @__PURE__ */ jsxs9(
+        "form",
+        {
+          onSubmit: handleSubmit,
+          className: "grid grid-cols-2 gap-5 rounded-2xl border border-border bg-card p-6 md:p-8",
+          style: { boxShadow: "var(--shadow-card)" },
+          children: [
+            data.fields.map((field) => /* @__PURE__ */ jsxs9(
+              "div",
+              {
+                className: cn(
+                  "flex flex-col gap-1.5",
+                  field.colSpan === 2 || field.type === "textarea" ? "col-span-2" : "col-span-2 sm:col-span-1"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxs9(
+                    "label",
+                    {
+                      htmlFor: field.name,
+                      className: "text-xs font-medium text-foreground",
+                      children: [
+                        field.label,
+                        field.required && /* @__PURE__ */ jsx13("span", { className: "text-primary ml-0.5", children: "*" })
+                      ]
+                    }
+                  ),
+                  field.type === "textarea" ? /* @__PURE__ */ jsx13(
+                    "textarea",
+                    {
+                      id: field.name,
+                      name: field.name,
+                      rows: 5,
+                      required: field.required,
+                      placeholder: field.placeholder,
+                      value: values[field.name] ?? "",
+                      onChange: (e) => set(field.name, e.target.value),
+                      className: cn(inputBase, "resize-none")
+                    }
+                  ) : field.type === "select" ? /* @__PURE__ */ jsxs9(
+                    "select",
+                    {
+                      id: field.name,
+                      name: field.name,
+                      required: field.required,
+                      value: values[field.name] ?? "",
+                      onChange: (e) => set(field.name, e.target.value),
+                      className: inputBase,
+                      children: [
+                        /* @__PURE__ */ jsx13("option", { value: "", children: field.placeholder ?? "Select\u2026" }),
+                        field.options?.map((opt) => /* @__PURE__ */ jsx13("option", { value: opt, children: opt }, opt))
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsx13(
+                    "input",
+                    {
+                      id: field.name,
+                      name: field.name,
+                      type: field.type ?? "text",
+                      required: field.required,
+                      placeholder: field.placeholder,
+                      value: values[field.name] ?? "",
+                      onChange: (e) => set(field.name, e.target.value),
+                      className: inputBase
+                    }
+                  )
+                ]
+              },
+              field.name
+            )),
+            /* @__PURE__ */ jsx13("div", { className: "col-span-2 mt-2", children: /* @__PURE__ */ jsx13(
+              "button",
+              {
+                type: "submit",
+                disabled: loading,
+                className: "w-full flex items-center justify-center rounded-full px-6 py-3 text-sm font-semibold bg-primary text-primary-foreground hover:opacity-90 disabled:opacity-60 transition-all active:scale-[0.98]",
+                children: loading ? "Sending\u2026" : data.submitLabel ?? "Send Message"
+              }
+            ) })
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/case-studies-section/index.tsx
+import { motion as motion10 } from "framer-motion";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+function CaseStudiesSection({
+  label,
+  heading,
+  subheading,
+  items,
+  className
+}) {
+  return /* @__PURE__ */ jsx14("section", { className: cn("w-full py-16 lg:py-28", className), children: /* @__PURE__ */ jsxs10("div", { className: "container px-4 md:px-6 max-w-6xl mx-auto", children: [
+    (label || heading || subheading) && /* @__PURE__ */ jsxs10("div", { className: "text-center mb-14 space-y-4", children: [
+      label && /* @__PURE__ */ jsx14("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx14(SectionLabel, { children: label }) }),
+      heading && /* @__PURE__ */ jsx14("h2", { className: "text-3xl md:text-4xl font-bold tracking-tight text-foreground", children: heading }),
+      subheading && /* @__PURE__ */ jsx14("p", { className: "text-muted-foreground max-w-xl mx-auto", children: subheading })
+    ] }),
+    /* @__PURE__ */ jsx14("div", { className: "grid gap-6 md:grid-cols-2", children: items.map((cs, i) => /* @__PURE__ */ jsxs10(
+      motion10.article,
+      {
+        initial: { opacity: 0, y: 24 },
+        whileInView: { opacity: 1, y: 0 },
+        whileHover: { y: -4 },
+        viewport: { once: true },
+        transition: { duration: 0.5, delay: i * 0.08 },
+        className: cn(
+          "relative flex flex-col rounded-2xl border border-border bg-card overflow-hidden"
+        ),
+        style: { boxShadow: "var(--shadow-card)" },
+        children: [
+          /* @__PURE__ */ jsx14(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "absolute inset-x-8 top-0 h-px",
+              style: { background: "var(--gradient-primary, var(--primary))", opacity: 0.4 }
+            }
+          ),
+          cs.image && /* @__PURE__ */ jsx14("div", { className: "w-full border-b border-border overflow-hidden max-h-48", children: cs.image }),
+          /* @__PURE__ */ jsxs10("div", { className: "flex flex-col flex-1 p-6 gap-5", children: [
+            /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2 flex-wrap", children: [
+              /* @__PURE__ */ jsx14("span", { className: "inline-flex items-center rounded-full px-2.5 py-1 text-xs font-semibold bg-primary/12 text-primary", children: cs.client }),
+              cs.vertical && /* @__PURE__ */ jsx14("span", { className: "inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium bg-muted text-muted-foreground", children: cs.vertical })
+            ] }),
+            /* @__PURE__ */ jsxs10("dl", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsxs10("div", { className: "flex gap-2 items-start", children: [
+                /* @__PURE__ */ jsx14("dt", { className: "shrink-0 text-xs font-semibold text-muted-foreground uppercase tracking-widest w-16 pt-0.5", children: "Before" }),
+                /* @__PURE__ */ jsx14("dd", { className: "text-sm text-muted-foreground", children: cs.before })
+              ] }),
+              /* @__PURE__ */ jsxs10("div", { className: "flex gap-2 items-start", children: [
+                /* @__PURE__ */ jsx14("dt", { className: "shrink-0 text-xs font-semibold text-primary uppercase tracking-widest w-16 pt-0.5", children: "Built" }),
+                /* @__PURE__ */ jsx14("dd", { className: "text-sm text-foreground", children: cs.built })
+              ] }),
+              /* @__PURE__ */ jsxs10("div", { className: "flex gap-2 items-start", children: [
+                /* @__PURE__ */ jsx14("dt", { className: "shrink-0 text-xs font-semibold text-emerald-500 uppercase tracking-widest w-16 pt-0.5", children: "Result" }),
+                /* @__PURE__ */ jsx14("dd", { className: "text-sm font-medium text-foreground", children: cs.result })
+              ] })
+            ] }),
+            cs.stats && cs.stats.length > 0 && /* @__PURE__ */ jsx14("div", { className: "flex gap-4 flex-wrap border-t border-border pt-4", children: cs.stats.map((s, j) => /* @__PURE__ */ jsxs10("div", { className: "flex flex-col gap-0.5", children: [
+              /* @__PURE__ */ jsx14("span", { className: "text-xl font-bold text-foreground", children: s.value }),
+              /* @__PURE__ */ jsx14("span", { className: "text-xs text-muted-foreground", children: s.label })
+            ] }, j)) }),
+            cs.quote && /* @__PURE__ */ jsxs10("blockquote", { className: "border-l-2 border-primary/40 pl-4 mt-auto", children: [
+              /* @__PURE__ */ jsxs10("p", { className: "text-sm italic text-muted-foreground", children: [
+                '"',
+                cs.quote,
+                '"'
+              ] }),
+              cs.quoteAuthor && /* @__PURE__ */ jsxs10("cite", { className: "text-xs text-muted-foreground/70 not-italic mt-1 block", children: [
+                "\u2014 ",
+                cs.quoteAuthor
+              ] })
+            ] }),
+            cs.href && /* @__PURE__ */ jsx14(
+              "a",
+              {
+                href: cs.href,
+                className: "mt-auto self-start text-xs font-semibold text-primary hover:text-primary/80 underline-offset-2 hover:underline transition-colors",
+                children: "Read full case study \u2192"
+              }
+            )
+          ] })
+        ]
+      },
+      i
+    )) })
+  ] }) });
+}
+
+// src/bento-grid/index.tsx
+import { motion as motion11 } from "framer-motion";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var spanCols = {
+  1: "md:col-span-1",
+  2: "md:col-span-2",
+  3: "md:col-span-3"
+};
+var spanRows = {
+  1: "",
+  2: "md:row-span-2"
+};
+function BentoGrid({
+  label,
+  heading,
+  subheading,
+  cells,
+  className
+}) {
+  return /* @__PURE__ */ jsx15("section", { className: cn("w-full py-16 lg:py-28", className), children: /* @__PURE__ */ jsxs11("div", { className: "container px-4 md:px-6 max-w-6xl mx-auto", children: [
+    (label || heading || subheading) && /* @__PURE__ */ jsxs11("div", { className: "text-center mb-12 space-y-4", children: [
+      label && /* @__PURE__ */ jsx15("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx15(SectionLabel, { children: label }) }),
+      heading && /* @__PURE__ */ jsx15("h2", { className: "text-3xl md:text-4xl font-bold tracking-tight text-foreground", children: heading }),
+      subheading && /* @__PURE__ */ jsx15("p", { className: "text-muted-foreground max-w-xl mx-auto", children: subheading })
+    ] }),
+    /* @__PURE__ */ jsx15("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 auto-rows-fr", children: cells.map((cell, i) => /* @__PURE__ */ jsxs11(
+      motion11.div,
+      {
+        initial: { opacity: 0, y: 20 },
+        whileInView: { opacity: 1, y: 0 },
+        viewport: { once: true },
+        transition: { duration: 0.5, delay: i * 0.07 },
+        className: cn(
+          "relative flex flex-col rounded-2xl border overflow-hidden p-6 min-h-[180px]",
+          spanCols[cell.colSpan ?? 1],
+          spanRows[cell.rowSpan ?? 1],
+          cell.highlight ? "border-primary/50 bg-card" : "border-border bg-card",
+          cell.className
+        ),
+        style: cell.highlight ? { boxShadow: "var(--shadow-glow, none)" } : { boxShadow: "var(--shadow-card)" },
+        children: [
+          cell.highlight && /* @__PURE__ */ jsx15(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "absolute inset-x-0 top-0 h-px",
+              style: { background: "var(--gradient-primary, var(--primary))" }
+            }
+          ),
+          cell.tag && /* @__PURE__ */ jsx15(
+            "span",
+            {
+              className: cn(
+                "self-start inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mb-4",
+                cell.highlight ? "bg-primary/15 text-primary" : "bg-muted text-muted-foreground"
+              ),
+              children: cell.tag
+            }
+          ),
+          cell.visual && /* @__PURE__ */ jsx15("div", { className: "mb-4 flex-1 flex items-start", children: cell.visual }),
+          /* @__PURE__ */ jsxs11("div", { className: "mt-auto", children: [
+            /* @__PURE__ */ jsx15("p", { className: "text-base font-semibold text-foreground mb-1", children: cell.title }),
+            cell.description && /* @__PURE__ */ jsx15("p", { className: "text-sm text-muted-foreground", children: cell.description })
+          ] })
+        ]
+      },
+      i
+    )) })
+  ] }) });
+}
+
+// src/stats-section/index.tsx
+import * as React6 from "react";
+import { motion as motion12, useInView as useInView2, useMotionValue, useTransform, animate } from "framer-motion";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+function CountUp({ value, animate: shouldAnimate = true }) {
+  const ref = React6.useRef(null);
+  const inView = useInView2(ref, { once: true, margin: "-80px" });
+  const motionVal = useMotionValue(0);
+  const rounded = useTransform(motionVal, (v) => Math.round(v));
+  const [display, setDisplay] = React6.useState(shouldAnimate ? 0 : value);
+  React6.useEffect(() => {
+    if (!shouldAnimate) {
+      setDisplay(value);
+      return;
+    }
+    if (!inView) return;
+    const controls = animate(motionVal, value, { duration: 1.8, ease: "easeOut" });
+    const unsub = rounded.on("change", (v) => setDisplay(v));
+    return () => {
+      controls.stop();
+      unsub();
+    };
+  }, [inView, value, shouldAnimate]);
+  return /* @__PURE__ */ jsx16("span", { ref, children: display.toLocaleString() });
+}
+function StatsSection({
+  label,
+  heading,
+  subheading,
+  stats,
+  animate: shouldAnimate = true,
+  className
+}) {
+  return /* @__PURE__ */ jsxs12(
+    "section",
+    {
+      className: cn("w-full py-16 lg:py-24 relative overflow-hidden", className),
+      children: [
+        /* @__PURE__ */ jsx16(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "absolute inset-0 pointer-events-none",
+            style: { background: "var(--gradient-teal-glow, none)" }
+          }
+        ),
+        /* @__PURE__ */ jsxs12("div", { className: "relative container px-4 md:px-6 max-w-5xl mx-auto", children: [
+          (label || heading || subheading) && /* @__PURE__ */ jsxs12("div", { className: "text-center mb-14 space-y-4", children: [
+            label && /* @__PURE__ */ jsx16("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx16(SectionLabel, { children: label }) }),
+            heading && /* @__PURE__ */ jsx16("h2", { className: "text-3xl md:text-4xl font-bold tracking-tight text-foreground", children: heading }),
+            subheading && /* @__PURE__ */ jsx16("p", { className: "text-muted-foreground max-w-xl mx-auto", children: subheading })
+          ] }),
+          /* @__PURE__ */ jsx16(
+            "div",
+            {
+              className: cn(
+                "grid gap-8 sm:gap-12",
+                stats.length === 2 && "sm:grid-cols-2",
+                stats.length === 3 && "sm:grid-cols-3",
+                stats.length >= 4 && "sm:grid-cols-2 lg:grid-cols-4"
+              ),
+              children: stats.map((stat, i) => /* @__PURE__ */ jsxs12(
+                motion12.div,
+                {
+                  initial: { opacity: 0, y: 24 },
+                  whileInView: { opacity: 1, y: 0 },
+                  viewport: { once: true },
+                  transition: { duration: 0.5, delay: i * 0.1 },
+                  className: "flex flex-col items-center text-center gap-2",
+                  children: [
+                    i > 0 && /* @__PURE__ */ jsx16(
+                      "div",
+                      {
+                        "aria-hidden": true,
+                        className: "hidden sm:block absolute h-16 w-px bg-border/60 left-0 top-1/2 -translate-y-1/2"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs12("p", { className: "text-5xl md:text-6xl font-black tracking-tight text-foreground tabular-nums", children: [
+                      stat.prefix && /* @__PURE__ */ jsx16("span", { className: "text-primary", children: stat.prefix }),
+                      /* @__PURE__ */ jsx16(CountUp, { value: stat.value, animate: shouldAnimate }),
+                      stat.suffix && /* @__PURE__ */ jsx16("span", { className: "text-primary", children: stat.suffix })
+                    ] }),
+                    /* @__PURE__ */ jsx16("p", { className: "text-sm font-semibold text-foreground", children: stat.label }),
+                    stat.description && /* @__PURE__ */ jsx16("p", { className: "text-xs text-muted-foreground max-w-[140px]", children: stat.description })
+                  ]
+                },
+                i
+              ))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+// src/logo-cloud/index.tsx
+import { motion as motion13 } from "framer-motion";
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+function LogoCloud({
+  eyebrow,
+  items,
+  variant = "marquee",
+  speed = 32,
+  className
+}) {
+  const doubled = [...items, ...items];
+  return /* @__PURE__ */ jsx17("section", { className: cn("w-full py-10 lg:py-16", className), children: /* @__PURE__ */ jsxs13("div", { className: "container px-4 md:px-6 max-w-6xl mx-auto", children: [
+    eyebrow && /* @__PURE__ */ jsx17("p", { className: "text-center text-xs font-medium uppercase tracking-widest text-muted-foreground mb-8", children: eyebrow }),
+    variant === "static" ? /* @__PURE__ */ jsx17("div", { className: "flex flex-wrap items-center justify-center gap-8 md:gap-12", children: items.map((item, i) => /* @__PURE__ */ jsx17(
+      motion13.div,
+      {
+        initial: { opacity: 0 },
+        whileInView: { opacity: 1 },
+        viewport: { once: true },
+        transition: { duration: 0.4, delay: i * 0.06 },
+        title: item.name,
+        className: "opacity-50 hover:opacity-80 transition-opacity grayscale hover:grayscale-0",
+        children: item.logo
+      },
+      i
+    )) }) : (
+      /* Marquee */
+      /* @__PURE__ */ jsxs13("div", { className: "relative overflow-hidden", children: [
+        /* @__PURE__ */ jsx17(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "pointer-events-none absolute inset-y-0 left-0 w-20 z-10",
+            style: { background: "linear-gradient(to right, var(--background), transparent)" }
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          "div",
+          {
+            "aria-hidden": true,
+            className: "pointer-events-none absolute inset-y-0 right-0 w-20 z-10",
+            style: { background: "linear-gradient(to left, var(--background), transparent)" }
+          }
+        ),
+        /* @__PURE__ */ jsx17(
+          motion13.div,
+          {
+            className: "flex gap-12 items-center",
+            animate: { x: ["0%", "-50%"] },
+            transition: { duration: speed, ease: "linear", repeat: Infinity },
+            children: doubled.map((item, i) => /* @__PURE__ */ jsx17(
+              "div",
+              {
+                title: item.name,
+                className: "shrink-0 opacity-40 hover:opacity-75 transition-opacity grayscale hover:grayscale-0",
+                children: item.logo
+              },
+              i
+            ))
+          }
+        )
+      ] })
+    )
+  ] }) });
+}
+
+// src/hero-section/index.tsx
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+function HeroSection({
+  headline,
+  subheadline,
+  primaryCta,
+  secondaryCta,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx18(
+    "section",
+    {
+      className: cn(
+        "w-full py-12 md:py-24 lg:py-32 xl:py-48 bg-muted/50 border-b",
+        className
+      ),
+      children: /* @__PURE__ */ jsx18("div", { className: "container px-4 md:px-6", children: /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center space-y-4 text-center", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx18("h1", { className: "text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl lg:text-6xl/none", children: headline }),
+          /* @__PURE__ */ jsx18("p", { className: "mx-auto max-w-[700px] text-muted-foreground md:text-xl", children: subheadline })
+        ] }),
+        (primaryCta || secondaryCta) && /* @__PURE__ */ jsxs14("div", { className: "flex gap-4", children: [
+          primaryCta,
+          secondaryCta
+        ] }),
+        children
+      ] }) })
+    }
+  );
+}
+
+// src/feature-grid/index.tsx
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+function FeatureGrid({
+  sectionTitle,
+  features,
+  columns = 3,
+  className
+}) {
+  const gridCols = {
+    2: "md:grid-cols-2",
+    3: "md:grid-cols-3",
+    4: "md:grid-cols-2 lg:grid-cols-4"
+  };
+  return /* @__PURE__ */ jsx19("section", { className: cn("w-full py-12 lg:py-24", className), children: /* @__PURE__ */ jsxs15("div", { className: "container px-4 md:px-6", children: [
+    /* @__PURE__ */ jsx19("h2", { className: "text-3xl font-bold tracking-tighter text-center mb-8", children: sectionTitle }),
+    /* @__PURE__ */ jsx19("div", { className: cn("grid grid-cols-1 gap-6", gridCols[columns]), children: features.map((feature, i) => /* @__PURE__ */ jsxs15(
+      "div",
+      {
+        className: "flex flex-col items-center p-6 border rounded-lg bg-card text-card-foreground shadow-sm",
+        children: [
+          feature.icon ? /* @__PURE__ */ jsx19("div", { className: "mb-4", children: feature.icon }) : /* @__PURE__ */ jsx19("div", { className: "h-12 w-12 rounded-full bg-muted mb-4" }),
+          /* @__PURE__ */ jsx19("h3", { className: "text-xl font-bold mb-2", children: feature.title }),
+          /* @__PURE__ */ jsx19("p", { className: "text-sm text-muted-foreground text-center", children: feature.description })
+        ]
+      },
+      i
+    )) })
+  ] }) });
+}
+
+// src/pricing-table/index.tsx
+import * as React7 from "react";
+import { motion as motion14 } from "framer-motion";
+import { Check } from "lucide-react";
+import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+function formatPrice(p, billing, annualPrice) {
+  if (typeof p === "string") return p;
+  if (billing === "annual" && annualPrice !== void 0) {
+    return typeof annualPrice === "number" ? String(annualPrice) : annualPrice;
+  }
+  return String(p);
+}
+function PricingTable({
+  sectionTitle,
+  label,
+  heading,
+  subheading,
+  plans,
+  priceSuffix = "/mo",
+  showToggle = true,
+  annualSavingsLabel = "Save 20%",
+  className
+}) {
+  const [billing, setBilling] = React7.useState("monthly");
+  const hasAnnual = plans.some((p) => p.annualPrice !== void 0);
+  const title = heading ?? sectionTitle ?? "";
+  return /* @__PURE__ */ jsx20("section", { className: cn("w-full py-16 lg:py-28", className), children: /* @__PURE__ */ jsxs16("div", { className: "container px-4 md:px-6 max-w-6xl mx-auto", children: [
+    (label || title || subheading) && /* @__PURE__ */ jsxs16("div", { className: "text-center mb-10 space-y-4", children: [
+      label && /* @__PURE__ */ jsx20("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx20(SectionLabel, { children: label }) }),
+      title && /* @__PURE__ */ jsx20("h2", { className: "text-3xl md:text-4xl font-bold tracking-tight text-foreground", children: title }),
+      subheading && /* @__PURE__ */ jsx20("p", { className: "text-muted-foreground max-w-xl mx-auto", children: subheading })
+    ] }),
+    showToggle && hasAnnual && /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-center gap-3 mb-10", children: [
+      /* @__PURE__ */ jsx20(
+        "span",
+        {
+          className: cn(
+            "text-sm font-medium transition-colors",
+            billing === "monthly" ? "text-foreground" : "text-muted-foreground"
+          ),
+          children: "Monthly"
+        }
+      ),
+      /* @__PURE__ */ jsx20(
+        "button",
+        {
+          role: "switch",
+          "aria-checked": billing === "annual",
+          onClick: () => setBilling((b) => b === "monthly" ? "annual" : "monthly"),
+          className: cn(
+            "relative inline-flex h-6 w-11 cursor-pointer rounded-full border-2 border-transparent transition-colors",
+            billing === "annual" ? "bg-primary" : "bg-muted-foreground/30"
+          ),
+          children: /* @__PURE__ */ jsx20(
+            "span",
+            {
+              className: cn(
+                "pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow-sm transition-transform",
+                billing === "annual" ? "translate-x-5" : "translate-x-0"
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs16(
+        "span",
+        {
+          className: cn(
+            "text-sm font-medium transition-colors",
+            billing === "annual" ? "text-foreground" : "text-muted-foreground"
+          ),
+          children: [
+            "Annual",
+            annualSavingsLabel && /* @__PURE__ */ jsx20("span", { className: "ml-1.5 inline-flex items-center rounded-full px-2 py-0.5 text-xs font-semibold bg-primary/15 text-primary", children: annualSavingsLabel })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx20(
+      "div",
+      {
+        className: cn(
+          "grid gap-6",
+          plans.length === 2 && "md:grid-cols-2 max-w-3xl mx-auto",
+          plans.length === 3 && "md:grid-cols-2 lg:grid-cols-3",
+          plans.length >= 4 && "md:grid-cols-2 lg:grid-cols-4"
+        ),
+        children: plans.map((plan, i) => {
+          const isFeatured = plan.isPrimary ?? plan.featured ?? false;
+          const displayPrice = formatPrice(plan.price, billing, plan.annualPrice);
+          const suffix = plan.priceSuffix ?? priceSuffix;
+          return /* @__PURE__ */ jsxs16(
+            motion14.div,
+            {
+              initial: { opacity: 0, y: 24 },
+              whileInView: { opacity: 1, y: 0 },
+              viewport: { once: true },
+              transition: { duration: 0.5, delay: i * 0.08 },
+              className: cn(
+                "relative flex flex-col rounded-2xl border overflow-hidden transition-shadow",
+                isFeatured ? "border-primary/60 bg-card" : "border-border bg-card"
+              ),
+              style: isFeatured ? { boxShadow: "var(--shadow-glow, 0 4px 24px oklch(0.58 0.15 175 / 22%))" } : { boxShadow: "var(--shadow-card)" },
+              children: [
+                isFeatured && /* @__PURE__ */ jsx20(
+                  "div",
+                  {
+                    "aria-hidden": true,
+                    className: "absolute inset-x-0 top-0 h-px",
+                    style: { background: "var(--gradient-primary, var(--primary))" }
+                  }
+                ),
+                plan.badge && /* @__PURE__ */ jsx20("div", { className: "absolute top-4 right-4", children: /* @__PURE__ */ jsx20("span", { className: "inline-flex items-center rounded-full px-2.5 py-1 text-xs font-semibold bg-primary text-primary-foreground", children: plan.badge }) }),
+                /* @__PURE__ */ jsxs16("div", { className: "p-6 pb-0", children: [
+                  /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium text-muted-foreground mb-1", children: plan.name }),
+                  /* @__PURE__ */ jsx20("p", { className: "text-xs text-muted-foreground/70 mb-5", children: plan.target }),
+                  /* @__PURE__ */ jsxs16("div", { className: "flex items-end gap-1 mb-6", children: [
+                    /* @__PURE__ */ jsx20("span", { className: "text-4xl font-bold text-foreground tracking-tight", children: typeof displayPrice === "number" ? `$${displayPrice}` : displayPrice }),
+                    typeof plan.price === "number" && /* @__PURE__ */ jsx20("span", { className: "text-sm text-muted-foreground mb-1.5", children: suffix })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx20("div", { className: "flex-1 px-6 pb-6", children: /* @__PURE__ */ jsx20("ul", { className: "space-y-3", children: plan.features.map((feature, j) => /* @__PURE__ */ jsxs16("li", { className: "flex items-start gap-2.5 text-sm text-muted-foreground", children: [
+                  /* @__PURE__ */ jsx20(
+                    Check,
+                    {
+                      size: 15,
+                      className: "shrink-0 mt-0.5 text-primary",
+                      strokeWidth: 2.5
+                    }
+                  ),
+                  feature
+                ] }, j)) }) }),
+                /* @__PURE__ */ jsx20("div", { className: "px-6 pb-6", children: plan.cta ?? /* @__PURE__ */ jsx20(
+                  "a",
+                  {
+                    href: plan.ctaHref ?? "#",
+                    className: cn(
+                      "flex w-full items-center justify-center rounded-full px-4 py-2.5 text-sm font-semibold transition-all active:scale-[0.97]",
+                      isFeatured ? "bg-primary text-primary-foreground hover:opacity-90" : "border border-border bg-background text-foreground hover:bg-accent"
+                    ),
+                    children: plan.ctaText
+                  }
+                ) })
+              ]
+            },
+            i
+          );
+        })
+      }
+    )
+  ] }) });
+}
+
+// src/testimonial-carousel/index.tsx
+import { useEffect as useEffect4, useMemo, useState as useState7 } from "react";
+import { AnimatePresence as AnimatePresence3, motion as motion15 } from "framer-motion";
+import { ChevronLeft, ChevronRight, Quote, Star } from "lucide-react";
+import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
+var SPRING_EASE2 = [0.22, 1, 0.36, 1];
+function isPlaceholderCompany(company) {
+  return /^TBD\b/i.test(company.trim());
+}
+function TestimonialsCarousel({
+  data,
+  filterByVertical,
+  className
+}) {
+  const reviews = useMemo(() => {
+    const visible = data.reviews.filter((r) => !r.hidden);
+    if (!filterByVertical) return visible;
+    const filtered = visible.filter((r) => r.vertical === filterByVertical);
+    return filtered.length > 0 ? filtered : visible;
+  }, [data.reviews, filterByVertical]);
+  const verticalLabels = data.vertical_labels ?? {};
+  const [{ index, direction }, setCarouselState] = useState7({ index: 0, direction: 1 });
+  const [isPaused, setIsPaused] = useState7(false);
+  useEffect4(() => {
+    if (isPaused || reviews.length === 0) return;
+    const id = window.setInterval(() => {
+      setCarouselState((s) => ({ index: (s.index + 1) % reviews.length, direction: 1 }));
+    }, 5e3);
+    return () => window.clearInterval(id);
+  }, [isPaused, reviews.length]);
+  const paginate = (dir) => {
+    if (reviews.length === 0) return;
+    setCarouselState((s) => ({
+      index: (s.index + dir + reviews.length) % reviews.length,
+      direction: dir
+    }));
+  };
+  if (reviews.length === 0) return null;
+  const safeIndex = Math.min(index, reviews.length - 1);
+  const active = reviews[safeIndex];
+  const hasMedia = Boolean(active.video);
+  return /* @__PURE__ */ jsx21("div", { className: cn("mt-14", className), children: /* @__PURE__ */ jsxs17(
+    "div",
+    {
+      className: "relative overflow-hidden rounded-[36px] border border-border bg-[linear-gradient(180deg,color-mix(in_srgb,var(--foreground)_6%,transparent),color-mix(in_srgb,var(--foreground)_2%,transparent))] p-4 shadow-panel md:p-6",
+      onMouseEnter: () => setIsPaused(true),
+      onMouseLeave: () => setIsPaused(false),
+      children: [
+        /* @__PURE__ */ jsx21("div", { className: "pointer-events-none absolute inset-0 opacity-[0.05]" }),
+        /* @__PURE__ */ jsx21("div", { className: "pointer-events-none absolute left-[8%] top-0 h-24 w-1/3 rounded-full bg-primary/12 blur-3xl" }),
+        /* @__PURE__ */ jsx21("div", { className: "pointer-events-none absolute bottom-0 right-[8%] h-28 w-1/3 rounded-full bg-secondary/10 blur-3xl" }),
+        /* @__PURE__ */ jsx21("div", { className: "pointer-events-none absolute inset-x-10 bottom-0 h-px bg-gradient-to-r from-transparent via-foreground/15 to-transparent" }),
+        /* @__PURE__ */ jsx21("div", { className: "relative z-10 overflow-hidden rounded-[30px]", children: /* @__PURE__ */ jsx21(AnimatePresence3, { initial: false, mode: "wait", custom: direction, children: /* @__PURE__ */ jsxs17(
+          motion15.div,
+          {
+            custom: direction,
+            initial: { opacity: 0, x: direction > 0 ? 72 : -72, scale: 0.98 },
+            animate: { opacity: 1, x: 0, scale: 1 },
+            exit: { opacity: 0, x: direction > 0 ? -72 : 72, scale: 0.98 },
+            transition: { duration: 0.45, ease: SPRING_EASE2 },
+            className: cn(
+              "glass-panel rounded-[30px] p-6 md:p-8",
+              hasMedia ? "grid gap-8 lg:grid-cols-[0.95fr_1.05fr] lg:items-center lg:gap-10" : "relative overflow-hidden md:p-12"
+            ),
+            style: { willChange: "transform, opacity" },
+            children: [
+              hasMedia && /* @__PURE__ */ jsxs17("div", { className: "relative overflow-hidden rounded-[28px] border border-border bg-[radial-gradient(circle_at_top,color-mix(in_srgb,var(--foreground)_10%,transparent),transparent_40%),linear-gradient(180deg,color-mix(in_srgb,var(--foreground)_5%,transparent),rgba(8,11,20,0.6))]", children: [
+                /* @__PURE__ */ jsx21("div", { className: "aspect-[9/16] w-full" }),
+                /* @__PURE__ */ jsx21(
+                  "video",
+                  {
+                    src: active.thumbnail ? active.video : `${active.video}#t=0.1`,
+                    poster: active.thumbnail,
+                    preload: "metadata",
+                    playsInline: true,
+                    controls: true,
+                    className: "absolute inset-0 h-full w-full object-cover"
+                  }
+                )
+              ] }),
+              hasMedia ? /* @__PURE__ */ jsxs17("div", { children: [
+                /* @__PURE__ */ jsx21("div", { className: "flex items-center gap-1.5 text-[color:var(--rating-star,#F5C451)]", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx21(Star, { className: "h-4 w-4 fill-current" }, i)) }),
+                /* @__PURE__ */ jsx21(Quote, { className: "mt-6 h-8 w-8 text-primary" }),
+                /* @__PURE__ */ jsx21("p", { className: "mt-6 text-xl leading-9 text-foreground md:text-[1.75rem] md:leading-[1.65] lg:max-w-[18ch]", children: active.quote }),
+                /* @__PURE__ */ jsxs17("div", { className: "mt-8 border-t border-border pt-6", children: [
+                  /* @__PURE__ */ jsx21("p", { className: "text-sm font-semibold uppercase tracking-[0.12em] text-foreground", children: active.author }),
+                  /* @__PURE__ */ jsx21(
+                    "p",
+                    {
+                      className: cn(
+                        "mt-2 text-sm",
+                        isPlaceholderCompany(active.company) ? "text-amber-300/80" : "text-muted-foreground"
+                      ),
+                      children: isPlaceholderCompany(active.company) ? "Company TBD" : active.company
+                    }
+                  ),
+                  active.vertical && verticalLabels[active.vertical] && /* @__PURE__ */ jsx21("p", { className: "mt-2 inline-block rounded-full border border-border bg-foreground/[0.05] px-2.5 py-0.5 text-[10px] font-semibold uppercase tracking-[0.14em] text-primary/90", children: verticalLabels[active.vertical] })
+                ] })
+              ] }) : /* @__PURE__ */ jsxs17("div", { className: "relative mx-auto max-w-3xl text-center", children: [
+                /* @__PURE__ */ jsx21("div", { className: "pointer-events-none absolute left-1/2 top-0 h-40 w-40 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary/12 blur-3xl" }),
+                /* @__PURE__ */ jsxs17("div", { className: "relative flex flex-col items-center gap-4", children: [
+                  /* @__PURE__ */ jsx21(Quote, { className: "h-10 w-10 text-primary" }),
+                  /* @__PURE__ */ jsx21("div", { className: "flex items-center gap-1.5 text-[color:var(--rating-star,#F5C451)]", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx21(Star, { className: "h-4 w-4 fill-current" }, i)) })
+                ] }),
+                /* @__PURE__ */ jsxs17("p", { className: "relative mt-6 font-display text-2xl font-black leading-[1.35] tracking-[-0.02em] text-foreground md:text-3xl md:leading-[1.4]", children: [
+                  "\u201C",
+                  active.quote,
+                  "\u201D"
+                ] }),
+                /* @__PURE__ */ jsx21("div", { className: "relative mx-auto mt-8 h-px w-24 bg-gradient-to-r from-transparent via-primary/50 to-transparent" }),
+                /* @__PURE__ */ jsxs17("div", { className: "relative mt-6", children: [
+                  /* @__PURE__ */ jsx21("p", { className: "text-sm font-semibold uppercase tracking-[0.16em] text-foreground", children: active.author }),
+                  /* @__PURE__ */ jsx21(
+                    "p",
+                    {
+                      className: cn(
+                        "mt-2 text-sm",
+                        isPlaceholderCompany(active.company) ? "text-amber-300/80" : "text-muted-foreground"
+                      ),
+                      children: isPlaceholderCompany(active.company) ? "Company TBD" : active.company
+                    }
+                  ),
+                  active.vertical && verticalLabels[active.vertical] && /* @__PURE__ */ jsx21("p", { className: "mt-3 inline-block rounded-full border border-border bg-foreground/[0.05] px-2.5 py-0.5 text-[10px] font-semibold uppercase tracking-[0.14em] text-primary/90", children: verticalLabels[active.vertical] })
+                ] })
+              ] })
+            ]
+          },
+          `${active.author}-${active.company}`
+        ) }) }),
+        /* @__PURE__ */ jsxs17("div", { className: "relative z-10 mt-5 flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx21(
+              "button",
+              {
+                type: "button",
+                onClick: () => paginate(-1),
+                className: "inline-flex h-11 w-11 items-center justify-center rounded-full border border-border bg-foreground/[0.05] text-foreground transition-colors hover:border-border hover:bg-foreground/[0.08]",
+                "aria-label": "Previous testimonial",
+                children: /* @__PURE__ */ jsx21(ChevronLeft, { className: "h-5 w-5" })
+              }
+            ),
+            /* @__PURE__ */ jsx21(
+              "button",
+              {
+                type: "button",
+                onClick: () => paginate(1),
+                className: "inline-flex h-11 w-11 items-center justify-center rounded-full border border-border bg-foreground/[0.05] text-foreground transition-colors hover:border-border hover:bg-foreground/[0.08]",
+                "aria-label": "Next testimonial",
+                children: /* @__PURE__ */ jsx21(ChevronRight, { className: "h-5 w-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs17(
+            "div",
+            {
+              className: "font-label text-sm tabular-nums text-muted-foreground",
+              "aria-live": "polite",
+              "aria-label": `Testimonial ${safeIndex + 1} of ${reviews.length}`,
+              children: [
+                /* @__PURE__ */ jsx21("span", { className: "text-foreground", children: safeIndex + 1 }),
+                " / ",
+                reviews.length
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+function TestimonialsSection({ data, filterByVertical }) {
+  return /* @__PURE__ */ jsxs17("section", { id: "testimonials", className: "section-shell", children: [
+    /* @__PURE__ */ jsx21(SectionGlow, { variant: "primary" }),
+    /* @__PURE__ */ jsx21("div", { className: "pointer-events-none absolute inset-x-0 top-0 h-24 bg-gradient-to-b from-foreground/[0.05] to-transparent" }),
+    /* @__PURE__ */ jsxs17("div", { className: "container", children: [
+      /* @__PURE__ */ jsx21(FadeUp, { className: "max-w-3xl", children: /* @__PURE__ */ jsx21(SectionIntro, { label: data.label, title: data.title, body: data.description }) }),
+      /* @__PURE__ */ jsx21(TestimonialsCarousel, { data, filterByVertical })
+    ] })
+  ] });
+}
+var TestimonialCarousel = TestimonialsCarousel;
+
+// src/use-cases/index.tsx
+import { Lightbulb, PhoneCall, Settings, ShoppingBag, Store } from "lucide-react";
+import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
+var DEFAULT_ICONS = {
+  Settings,
+  ShoppingBag,
+  PhoneCall,
+  Lightbulb,
+  Store
+};
+function UseCasesSection({ data, iconMap }) {
+  const icons = { ...DEFAULT_ICONS, ...iconMap };
+  return /* @__PURE__ */ jsxs18("section", { id: "use-cases", className: "section-shell overflow-x-clip pb-12 md:pb-24", children: [
+    /* @__PURE__ */ jsx22(SectionGlow, { variant: "primary" }),
+    /* @__PURE__ */ jsx22("div", { className: "pointer-events-none absolute inset-0 opacity-[0.03]" }),
+    /* @__PURE__ */ jsx22("div", { className: "pointer-events-none absolute left-[-10%] top-1/4 h-96 w-96 rounded-full bg-secondary/[0.18] blur-[100px]" }),
+    /* @__PURE__ */ jsx22("div", { className: "pointer-events-none absolute right-[-10%] top-2/3 h-96 w-96 rounded-full bg-accent/10 blur-[100px]" }),
+    /* @__PURE__ */ jsxs18("div", { className: "container relative z-10", children: [
+      /* @__PURE__ */ jsx22(FadeUp, { className: "mx-auto max-w-3xl text-center", children: /* @__PURE__ */ jsx22(SectionIntro, { label: data.label, title: data.title, centered: true }) }),
+      /* @__PURE__ */ jsx22(FadeUp, { className: "mt-11 md:mt-14", delay: 0.2, children: /* @__PURE__ */ jsx22("div", { className: "relative mx-auto grid max-w-6xl grid-cols-2 gap-px lg:grid-cols-6", children: data.cards.map((card, idx) => {
+        const Icon = icons[card.icon] ?? Settings;
+        const colClass = data.cards.length === 5 ? idx < 2 ? "lg:col-span-2" : idx === 2 ? "col-span-2 lg:col-span-2" : "col-span-2 lg:col-span-3" : "";
+        return /* @__PURE__ */ jsxs18(
+          "div",
+          {
+            className: cn(
+              "group relative flex flex-col border border-border bg-foreground/[0.04] p-4 transition-colors duration-500 hover:border-border hover:bg-foreground/[0.05] md:p-7",
+              colClass
+            ),
+            children: [
+              /* @__PURE__ */ jsx22("div", { className: "pointer-events-none absolute -right-4 -top-4 h-24 w-24 rounded-full bg-foreground/[0.05] blur-2xl transition-all duration-500 group-hover:bg-foreground/10" }),
+              /* @__PURE__ */ jsx22("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl border border-border bg-foreground/[0.05] text-primary shadow-sm transition-transform duration-500 group-hover:scale-110 group-hover:border-border group-hover:bg-foreground/[0.07] md:h-12 md:w-12", children: /* @__PURE__ */ jsx22(Icon, { className: "h-4 w-4 md:h-5 md:w-5" }) }),
+              /* @__PURE__ */ jsxs18("div", { className: "mt-4 flex flex-1 flex-col md:mt-6", children: [
+                /* @__PURE__ */ jsx22("h3", { className: "font-display text-lg font-bold leading-tight tracking-tight text-foreground md:text-2xl", children: card.title }),
+                /* @__PURE__ */ jsx22("p", { className: "mt-2 text-xs font-medium text-muted-foreground md:text-sm", children: card.subtitle }),
+                /* @__PURE__ */ jsx22("div", { className: "mt-auto pt-4 md:pt-6", children: /* @__PURE__ */ jsx22("p", { className: "text-[10px] leading-relaxed text-muted-foreground md:text-xs", children: card.tracking }) })
+              ] })
+            ]
+          },
+          card.title
+        );
+      }) }) })
+    ] })
+  ] });
+}
+
+// src/value-stack/index.tsx
+import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
+function StackRows({ rows }) {
+  return /* @__PURE__ */ jsx23("ul", { className: "divide-y divide-border", children: rows.map((row) => /* @__PURE__ */ jsxs19(
+    "li",
+    {
+      className: "grid grid-cols-[1fr_auto] items-baseline gap-4 py-2 md:gap-6 md:py-3",
+      children: [
+        /* @__PURE__ */ jsxs19("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx23("span", { className: "text-sm text-foreground/90 md:text-base", children: row.deliverable }),
+          row.note && /* @__PURE__ */ jsx23("div", { className: "mt-0.5 text-[11px] leading-snug text-muted-foreground", children: row.note })
+        ] }),
+        /* @__PURE__ */ jsx23("div", { className: "shrink-0 font-display text-sm font-black tracking-[-0.02em] text-foreground md:text-base", children: row.value })
+      ]
+    },
+    row.deliverable
+  )) });
+}
+function ValueStackSection({ data }) {
+  return /* @__PURE__ */ jsxs19("section", { id: "value-stack", className: "section-shell relative overflow-x-clip", children: [
+    /* @__PURE__ */ jsx23(SectionGlow, { variant: "primary" }),
+    /* @__PURE__ */ jsx23("div", { className: "pointer-events-none absolute -left-20 top-1/3 h-72 w-72 rounded-full bg-accent/10 blur-3xl" }),
+    /* @__PURE__ */ jsx23("div", { className: "pointer-events-none absolute -right-20 bottom-0 h-80 w-80 rounded-full bg-secondary/[0.08] blur-3xl" }),
+    /* @__PURE__ */ jsxs19("div", { className: "container", children: [
+      /* @__PURE__ */ jsx23(FadeUp, { className: "max-w-3xl", children: /* @__PURE__ */ jsx23(SectionIntro, { label: data.label, title: data.title, body: data.body }) }),
+      /* @__PURE__ */ jsx23(FadeUp, { children: /* @__PURE__ */ jsx23("div", { className: "mt-12 overflow-hidden rounded-[28px] border border-border bg-[linear-gradient(180deg,color-mix(in_srgb,var(--foreground)_5%,transparent),color-mix(in_srgb,var(--foreground)_2%,transparent))] shadow-panel", children: /* @__PURE__ */ jsx23("div", { className: "grid divide-border lg:grid-cols-2 lg:divide-x", children: ["setup_block", "ongoing_block"].map((blockKey, i) => {
+        const block = data[blockKey];
+        return /* @__PURE__ */ jsxs19(
+          "div",
+          {
+            className: cn(
+              "relative p-6 md:p-8",
+              i === 1 && "border-t border-border lg:border-t-0"
+            ),
+            children: [
+              /* @__PURE__ */ jsx23("h3", { className: "text-xs uppercase tracking-[0.18em] text-primary", children: block.title }),
+              block.subtitle && /* @__PURE__ */ jsx23("p", { className: "mt-1 text-sm text-muted-foreground", children: block.subtitle }),
+              /* @__PURE__ */ jsx23("div", { className: "mt-5", children: /* @__PURE__ */ jsx23(StackRows, { rows: block.rows }) })
+            ]
+          },
+          blockKey
+        );
+      }) }) }) }),
+      /* @__PURE__ */ jsx23(FadeUp, { children: /* @__PURE__ */ jsxs19("div", { className: "mt-8 mx-auto max-w-3xl rounded-[28px] border border-accent/30 bg-[radial-gradient(circle_at_top,rgba(115,136,207,0.14),transparent_55%),linear-gradient(180deg,color-mix(in_srgb,var(--foreground)_5%,transparent),color-mix(in_srgb,var(--foreground)_2%,transparent))] p-6 shadow-panel md:p-8", children: [
+        /* @__PURE__ */ jsx23("div", { className: "mb-2 text-[10px] uppercase tracking-[0.22em] text-muted-foreground", children: "If you hire it out" }),
+        /* @__PURE__ */ jsxs19("div", { className: "grid gap-3 md:grid-cols-[1fr_auto] md:items-center md:gap-6", children: [
+          /* @__PURE__ */ jsx23("div", { className: "text-sm text-muted-foreground md:text-base", children: data.totals.monthly_label }),
+          /* @__PURE__ */ jsx23("div", { className: "font-display text-xl font-black tracking-[-0.02em] text-foreground/80 md:text-2xl", children: data.totals.monthly_value })
+        ] }),
+        /* @__PURE__ */ jsxs19("div", { className: "mt-2 grid gap-3 md:grid-cols-[1fr_auto] md:items-center md:gap-6", children: [
+          /* @__PURE__ */ jsx23("div", { className: "text-sm text-muted-foreground md:text-base", children: data.totals.setup_label }),
+          /* @__PURE__ */ jsx23("div", { className: "font-display text-xl font-black tracking-[-0.02em] text-foreground/80 md:text-2xl", children: data.totals.setup_value })
+        ] }),
+        /* @__PURE__ */ jsx23("div", { className: "my-6 h-px bg-gradient-to-r from-transparent via-primary/40 to-transparent" }),
+        /* @__PURE__ */ jsxs19("div", { className: "grid gap-4 md:grid-cols-[1fr_auto] md:items-center md:gap-6", children: [
+          /* @__PURE__ */ jsxs19("div", { children: [
+            /* @__PURE__ */ jsx23("div", { className: "text-[11px] uppercase tracking-[0.22em] text-accent", children: data.investment.label }),
+            data.investment.note && /* @__PURE__ */ jsx23("div", { className: "mt-2 text-xs leading-relaxed text-muted-foreground", children: data.investment.note })
+          ] }),
+          /* @__PURE__ */ jsx23("div", { className: "font-display text-xl font-black leading-tight tracking-[-0.03em] text-foreground md:text-2xl", children: data.investment.value })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}
+
+// src/tech-carousel/index.tsx
+import { jsx as jsx24, jsxs as jsxs20 } from "react/jsx-runtime";
+function TechCarousel({
+  items,
+  className,
+  speed = "normal",
+  reverse = false,
+  hoverColor = "text-teal"
+}) {
+  const doubled = [...items, ...items];
+  const animClass = reverse ? speed === "slow" ? "animate-marquee-reverse" : "animate-marquee-reverse" : speed === "slow" ? "animate-marquee-slow" : "animate-marquee";
+  return /* @__PURE__ */ jsx24(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden mask-fade-horizontal",
+        className
+      ),
+      children: /* @__PURE__ */ jsx24("div", { className: cn("flex w-max gap-10 py-4 translate-gpu", animClass), children: doubled.map((item, i) => /* @__PURE__ */ jsxs20(
+        "div",
+        {
+          className: cn(
+            "flex shrink-0 items-center gap-2 text-muted transition-colors duration-300",
+            `hover:${hoverColor}`
+          ),
+          children: [
+            item.icon,
+            /* @__PURE__ */ jsx24("span", { className: "text-sm font-medium whitespace-nowrap", children: item.name })
+          ]
+        },
+        i
+      )) })
+    }
+  );
+}
+
+// src/footer/index.tsx
+import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+function Footer({
+  copyrightText,
+  links,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx25("footer", { className: cn("w-full py-6 bg-background border-t", className), children: /* @__PURE__ */ jsxs21("div", { className: "container px-4 md:px-6 flex flex-col md:flex-row items-center justify-between", children: [
+    /* @__PURE__ */ jsx25("div", { className: "text-sm text-muted-foreground", children: copyrightText }),
+    /* @__PURE__ */ jsx25("nav", { className: "flex gap-4 sm:gap-6 mt-4 md:mt-0", children: links.map((link, i) => /* @__PURE__ */ jsx25(
+      "a",
+      {
+        href: link.href,
+        className: "text-sm hover:underline cursor-pointer",
+        children: link.label
+      },
+      i
+    )) }),
+    children
+  ] }) });
+}
+
+// src/social-proof/index.tsx
+import { motion as motion16 } from "framer-motion";
+import { jsx as jsx26, jsxs as jsxs22 } from "react/jsx-runtime";
+function SocialProof({ items, logos, className }) {
+  return /* @__PURE__ */ jsx26("section", { className: cn("w-full py-8 border-y bg-muted/20", className), children: /* @__PURE__ */ jsxs22("div", { className: "container px-4 md:px-6", children: [
+    logos && logos.length > 0 && /* @__PURE__ */ jsx26("div", { className: "flex flex-wrap items-center justify-center gap-8 mb-8 opacity-60", children: logos.map((logo, i) => /* @__PURE__ */ jsx26("div", { children: logo }, i)) }),
+    /* @__PURE__ */ jsx26("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-6 text-center", children: items.map((item, i) => /* @__PURE__ */ jsxs22(
+      motion16.div,
+      {
+        initial: { opacity: 0, y: 20 },
+        whileInView: { opacity: 1, y: 0 },
+        viewport: { once: true },
+        transition: { delay: i * 0.1 },
+        children: [
+          /* @__PURE__ */ jsx26("div", { className: "text-3xl font-bold", children: item.value }),
+          /* @__PURE__ */ jsx26("div", { className: "text-sm text-muted-foreground", children: item.label })
+        ]
+      },
+      i
+    )) })
+  ] }) });
+}
+
+// src/faq/index.tsx
+import * as React8 from "react";
+import { motion as motion17, AnimatePresence as AnimatePresence4 } from "framer-motion";
+import { Plus, Minus } from "lucide-react";
+import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
+function Faq({
+  sectionTitle,
+  label,
+  heading,
+  subheading,
+  items,
+  mode = "single",
+  className
+}) {
+  const [openSet, setOpenSet] = React8.useState(/* @__PURE__ */ new Set());
+  const title = heading ?? sectionTitle ?? "";
+  const toggle = (i) => {
+    setOpenSet((prev) => {
+      const next = new Set(mode === "multi" ? prev : /* @__PURE__ */ new Set());
+      if (prev.has(i)) next.delete(i);
+      else next.add(i);
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsx27("section", { className: cn("w-full py-16 lg:py-28", className), children: /* @__PURE__ */ jsxs23("div", { className: "container px-4 md:px-6 max-w-3xl mx-auto", children: [
+    (label || title || subheading) && /* @__PURE__ */ jsxs23("div", { className: "text-center mb-12 space-y-4", children: [
+      label && /* @__PURE__ */ jsx27("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx27(SectionLabel, { children: label }) }),
+      title && /* @__PURE__ */ jsx27("h2", { className: "text-3xl md:text-4xl font-bold tracking-tight text-foreground", children: title }),
+      subheading && /* @__PURE__ */ jsx27("p", { className: "text-muted-foreground max-w-xl mx-auto", children: subheading })
+    ] }),
+    /* @__PURE__ */ jsx27("div", { className: "space-y-2", children: items.map((item, i) => {
+      const isOpen = openSet.has(i);
+      return /* @__PURE__ */ jsxs23(
+        motion17.div,
+        {
+          initial: false,
+          className: cn(
+            "rounded-xl border overflow-hidden transition-colors",
+            isOpen ? "border-primary/40 bg-card" : "border-border bg-card/50"
+          ),
+          style: isOpen ? { boxShadow: "var(--glow-primary-sm, none)" } : void 0,
+          children: [
+            /* @__PURE__ */ jsxs23(
+              "button",
+              {
+                className: "flex w-full items-center justify-between gap-4 px-5 py-4 text-left",
+                onClick: () => toggle(i),
+                "aria-expanded": isOpen,
+                children: [
+                  /* @__PURE__ */ jsx27(
+                    "span",
+                    {
+                      className: cn(
+                        "text-sm font-medium transition-colors",
+                        isOpen ? "text-foreground" : "text-foreground/80"
+                      ),
+                      children: item.question
+                    }
+                  ),
+                  /* @__PURE__ */ jsx27(
+                    "span",
+                    {
+                      className: cn(
+                        "shrink-0 rounded-full p-0.5 border transition-all",
+                        isOpen ? "border-primary/50 text-primary" : "border-border text-muted-foreground"
+                      ),
+                      children: isOpen ? /* @__PURE__ */ jsx27(Minus, { size: 14 }) : /* @__PURE__ */ jsx27(Plus, { size: 14 })
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx27(AnimatePresence4, { initial: false, children: isOpen && /* @__PURE__ */ jsx27(
+              motion17.div,
+              {
+                initial: { height: 0, opacity: 0 },
+                animate: { height: "auto", opacity: 1 },
+                exit: { height: 0, opacity: 0 },
+                transition: { duration: 0.25, ease: "easeInOut" },
+                className: "overflow-hidden",
+                children: /* @__PURE__ */ jsx27("p", { className: "px-5 pb-5 text-sm text-muted-foreground leading-relaxed", children: item.answer })
+              },
+              "answer"
+            ) })
+          ]
+        },
+        i
+      );
+    }) })
+  ] }) });
+}
+
+// src/comparison-table/index.tsx
+import { CheckIcon, XIcon } from "lucide-react";
+import { jsx as jsx28, jsxs as jsxs24 } from "react/jsx-runtime";
+function ComparisonTable({
+  columns,
+  rows,
+  highlightColumn,
+  className
+}) {
+  return /* @__PURE__ */ jsx28("div", { className: cn("w-full overflow-x-auto", className), children: /* @__PURE__ */ jsxs24("table", { className: "w-full text-sm", children: [
+    /* @__PURE__ */ jsx28("thead", { children: /* @__PURE__ */ jsxs24("tr", { className: "border-b", children: [
+      /* @__PURE__ */ jsx28("th", { className: "p-4 text-left font-medium text-muted-foreground", children: "Feature" }),
+      columns.map((col, i) => /* @__PURE__ */ jsx28(
+        "th",
+        {
+          className: cn(
+            "p-4 text-center font-bold",
+            highlightColumn === i && "bg-primary/5 text-primary"
+          ),
+          children: col
+        },
+        i
+      ))
+    ] }) }),
+    /* @__PURE__ */ jsx28("tbody", { children: rows.map((row, i) => /* @__PURE__ */ jsxs24("tr", { className: "border-b last:border-0", children: [
+      /* @__PURE__ */ jsx28("td", { className: "p-4 font-medium", children: row.feature }),
+      row.values.map((val, j) => /* @__PURE__ */ jsx28(
+        "td",
+        {
+          className: cn(
+            "p-4 text-center",
+            highlightColumn === j && "bg-primary/5"
+          ),
+          children: typeof val === "boolean" ? val ? /* @__PURE__ */ jsx28(CheckIcon, { className: "mx-auto h-4 w-4 text-primary" }) : /* @__PURE__ */ jsx28(XIcon, { className: "mx-auto h-4 w-4 text-muted-foreground/40" }) : val
+        },
+        j
+      ))
+    ] }, i)) })
+  ] }) });
+}
+
+// src/hero-canvas/index.tsx
+import { Canvas, useFrame } from "@react-three/fiber";
+import { createNoise3D } from "simplex-noise";
+import { AdditiveBlending, BufferAttribute, Color } from "three";
+import { useEffect as useEffect5, useMemo as useMemo2, useRef as useRef3, useState as useState9 } from "react";
+import { useInView as useInView3 } from "framer-motion";
+import { jsx as jsx29, jsxs as jsxs25 } from "react/jsx-runtime";
+function buildNodes(count) {
+  const accentEvery = Math.max(1, Math.floor(count / 15));
+  const nodes = [];
+  for (let index = 0; index < count; index += 1) {
+    const angle = Math.random() * Math.PI * 2;
+    const radius = 1.5 + Math.random() * 5.75;
+    const spread = Math.random() * 1.2;
+    nodes.push({
+      accent: index % accentEvery === 0,
+      baseX: Math.cos(angle) * radius * 1.5,
+      baseY: (Math.random() - 0.5) * 16 + spread,
+      baseZ: (Math.random() - 0.5) * 6,
+      driftX: Math.random() * 100,
+      driftY: Math.random() * 100,
+      driftZ: Math.random() * 100
+    });
+  }
+  return nodes;
+}
+function ParticleNetwork({
+  count,
+  accentColor,
+  baseColor
+}) {
+  const groupRef = useRef3(null);
+  const pointsRef = useRef3(null);
+  const linesRef = useRef3(null);
+  const cursorRef = useRef3({ x: 0, y: 0 });
+  const nodes = useMemo2(() => buildNodes(count), [count]);
+  const noise3D = useMemo2(() => createNoise3D(), []);
+  const pointPositions = useMemo2(() => new Float32Array(count * 3), [count]);
+  const pointColors = useMemo2(() => new Float32Array(count * 3), [count]);
+  const cursorOffsetsX = useMemo2(() => new Float32Array(count), [count]);
+  const cursorOffsetsY = useMemo2(() => new Float32Array(count), [count]);
+  const accent = useMemo2(() => new Color(accentColor), [accentColor]);
+  const base = useMemo2(() => new Color(baseColor), [baseColor]);
+  useEffect5(() => {
+    const handleMouseMove = (event) => {
+      cursorRef.current.x = event.clientX / window.innerWidth * 2 - 1;
+      cursorRef.current.y = -(event.clientY / window.innerHeight * 2 - 1);
+    };
+    window.addEventListener("mousemove", handleMouseMove);
+    return () => window.removeEventListener("mousemove", handleMouseMove);
+  }, []);
+  useEffect5(() => {
+    nodes.forEach((node, index) => {
+      const pointIndex = index * 3;
+      pointPositions[pointIndex] = node.baseX;
+      pointPositions[pointIndex + 1] = node.baseY;
+      pointPositions[pointIndex + 2] = node.baseZ;
+      const color = node.accent ? accent : base;
+      pointColors[pointIndex] = color.r;
+      pointColors[pointIndex + 1] = color.g;
+      pointColors[pointIndex + 2] = color.b;
+    });
+    const geometry = pointsRef.current?.geometry;
+    if (!geometry) return;
+    geometry.setAttribute("position", new BufferAttribute(pointPositions, 3));
+    geometry.setAttribute("color", new BufferAttribute(pointColors, 3));
+  }, [nodes, pointColors, pointPositions, accent, base]);
+  useFrame(({ clock, pointer }) => {
+    const time = clock.elapsedTime * 0.16;
+    const cursorWorldX = cursorRef.current.x * 9;
+    const cursorWorldY = cursorRef.current.y * 5.5;
+    const attractRadius = 3.2;
+    const attractStrength = 1.4;
+    const lerpFactor = 0.06;
+    for (let index = 0; index < nodes.length; index += 1) {
+      const node = nodes[index];
+      const positionIndex = index * 3;
+      pointPositions[positionIndex] = node.baseX + noise3D(node.driftX, time, node.driftZ) * 0.85;
+      pointPositions[positionIndex + 1] = node.baseY + noise3D(node.driftY, node.driftX, time) * 0.7;
+      pointPositions[positionIndex + 2] = node.baseZ + noise3D(time, node.driftZ, node.driftY) * 0.55;
+    }
+    for (let index = 0; index < nodes.length; index += 1) {
+      const positionIndex = index * 3;
+      const dx = cursorWorldX - pointPositions[positionIndex];
+      const dy = cursorWorldY - pointPositions[positionIndex + 1];
+      const distance = Math.hypot(dx, dy);
+      let targetOffsetX = 0;
+      let targetOffsetY = 0;
+      if (distance < attractRadius) {
+        const influence = 1 - distance / attractRadius;
+        targetOffsetX = dx * influence * attractStrength;
+        targetOffsetY = dy * influence * attractStrength;
+      }
+      cursorOffsetsX[index] += (targetOffsetX - cursorOffsetsX[index]) * lerpFactor;
+      cursorOffsetsY[index] += (targetOffsetY - cursorOffsetsY[index]) * lerpFactor;
+      pointPositions[positionIndex] += cursorOffsetsX[index];
+      pointPositions[positionIndex + 1] += cursorOffsetsY[index];
+    }
+    const pointGeometry = pointsRef.current?.geometry;
+    const lineGeometry = linesRef.current?.geometry;
+    if (pointGeometry?.attributes.position) {
+      pointGeometry.attributes.position.needsUpdate = true;
+    }
+    if (lineGeometry) {
+      const segments = [];
+      const maxSegments = count < 400 ? 540 : 1200;
+      const threshold = count < 400 ? 2.3 : 2.5;
+      const thresholdSq = threshold * threshold;
+      for (let index = 0; index < nodes.length; index += 1) {
+        for (let nextIndex = index + 1; nextIndex < nodes.length; nextIndex += 1) {
+          const offsetA = index * 3;
+          const offsetB = nextIndex * 3;
+          const dx = pointPositions[offsetA] - pointPositions[offsetB];
+          const dy = pointPositions[offsetA + 1] - pointPositions[offsetB + 1];
+          const dz = pointPositions[offsetA + 2] - pointPositions[offsetB + 2];
+          if (dx * dx + dy * dy + dz * dz > thresholdSq) continue;
+          segments.push(
+            pointPositions[offsetA],
+            pointPositions[offsetA + 1],
+            pointPositions[offsetA + 2],
+            pointPositions[offsetB],
+            pointPositions[offsetB + 1],
+            pointPositions[offsetB + 2]
+          );
+          if (segments.length / 6 >= maxSegments) break;
+        }
+        if (segments.length / 6 >= maxSegments) break;
+      }
+      lineGeometry.setAttribute("position", new BufferAttribute(new Float32Array(segments), 3));
+    }
+    if (groupRef.current) {
+      const baseOffsetX = count < 300 ? 2.1 : 2.75;
+      const baseOffsetY = count < 300 ? 0.1 : -0.15;
+      groupRef.current.position.x += (baseOffsetX + pointer.x * 0.45 - groupRef.current.position.x) * 0.045;
+      groupRef.current.position.y += (baseOffsetY + pointer.y * 0.32 - groupRef.current.position.y) * 0.045;
+      groupRef.current.rotation.y += (pointer.x * 0.06 - groupRef.current.rotation.y) * 0.035;
+      groupRef.current.rotation.x += (-pointer.y * 0.04 - groupRef.current.rotation.x) * 0.035;
+    }
+  });
+  return /* @__PURE__ */ jsxs25("group", { ref: groupRef, children: [
+    /* @__PURE__ */ jsxs25("points", { ref: pointsRef, children: [
+      /* @__PURE__ */ jsx29("bufferGeometry", {}),
+      /* @__PURE__ */ jsx29(
+        "pointsMaterial",
+        {
+          size: count < 400 ? 0.048 : 0.045,
+          sizeAttenuation: true,
+          transparent: true,
+          opacity: 0.92,
+          depthWrite: false,
+          vertexColors: true,
+          blending: AdditiveBlending
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs25("lineSegments", { ref: linesRef, children: [
+      /* @__PURE__ */ jsx29("bufferGeometry", {}),
+      /* @__PURE__ */ jsx29(
+        "lineBasicMaterial",
+        {
+          color: baseColor,
+          transparent: true,
+          opacity: count < 400 ? 0.25 : 0.2,
+          depthWrite: false,
+          blending: AdditiveBlending
+        }
+      )
+    ] })
+  ] });
+}
+function HeroCanvas({
+  accentColor = "#8fccb6",
+  baseColor = "#7388cf",
+  density,
+  className = "pointer-events-none absolute inset-0 z-[2] translate-gpu opacity-60 md:opacity-100"
+}) {
+  const [count, setCount] = useState9(density ?? 400);
+  const containerRef = useRef3(null);
+  const isInView = useInView3(containerRef);
+  useEffect5(() => {
+    if (density != null) {
+      setCount(density);
+      return;
+    }
+    const media = window.matchMedia("(max-width: 767px)");
+    const updateCount = () => setCount(media.matches ? 350 : 800);
+    updateCount();
+    media.addEventListener("change", updateCount);
+    return () => media.removeEventListener("change", updateCount);
+  }, [density]);
+  return /* @__PURE__ */ jsx29("div", { ref: containerRef, className, style: { willChange: "transform" }, children: /* @__PURE__ */ jsx29(
+    Canvas,
+    {
+      frameloop: isInView ? "always" : "demand",
+      camera: { fov: 50, position: [0, 0, 12] },
+      dpr: [1, 1.5],
+      gl: { alpha: true, antialias: false, powerPreference: "high-performance" },
+      children: /* @__PURE__ */ jsx29(ParticleNetwork, { count, accentColor, baseColor })
+    }
+  ) });
+}
+
+// src/wave-canvas/index.tsx
+import { Canvas as Canvas2, useFrame as useFrame2 } from "@react-three/fiber";
+import { createNoise2D } from "simplex-noise";
+import { AdditiveBlending as AdditiveBlending2, BufferAttribute as BufferAttribute2, BufferGeometry, Color as Color2, Line, LineBasicMaterial } from "three";
+import { useMemo as useMemo3, useRef as useRef4 } from "react";
+import { useInView as useInView4 } from "framer-motion";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var DEFAULT_WAVES = [
+  { yOffset: 0.55, amplitude: 0.26, freq: 1.4, speed: 0.38, color: "#8fccb6", opacity: 0.9 },
+  { yOffset: 0.18, amplitude: 0.2, freq: 2.1, speed: 0.55, color: "#5aaa94", opacity: 0.72 },
+  { yOffset: -0.18, amplitude: 0.28, freq: 1.7, speed: 0.44, color: "#4F72D8", opacity: 0.55 },
+  { yOffset: -0.55, amplitude: 0.16, freq: 2.6, speed: 0.62, color: "#1f2d56", opacity: 0.42 }
+];
+var SEGMENTS = 220;
+function SineWave({ yOffset, amplitude, freq, speed, color, opacity }) {
+  const noise2D = useMemo3(() => createNoise2D(), []);
+  const geo = useMemo3(() => {
+    const g = new BufferGeometry();
+    g.setAttribute("position", new BufferAttribute2(new Float32Array((SEGMENTS + 1) * 3), 3));
+    return g;
+  }, []);
+  const mat = useMemo3(
+    () => new LineBasicMaterial({
+      color: new Color2(color),
+      transparent: true,
+      opacity,
+      blending: AdditiveBlending2,
+      depthWrite: false
+    }),
+    [color, opacity]
+  );
+  const lineRef = useRef4(new Line(geo, mat));
+  useFrame2(({ clock }) => {
+    const t = clock.getElapsedTime() * speed;
+    const pos = geo.attributes.position.array;
+    for (let i = 0; i <= SEGMENTS; i++) {
+      const x = i / SEGMENTS * 4 - 2;
+      const n = noise2D(x * freq * 0.4, t);
+      pos[i * 3] = x;
+      pos[i * 3 + 1] = yOffset + n * amplitude;
+      pos[i * 3 + 2] = 0;
+    }
+    geo.attributes.position.needsUpdate = true;
+  });
+  return /* @__PURE__ */ jsx30("primitive", { object: lineRef.current });
+}
+function WaveCanvas({ waves = DEFAULT_WAVES, className }) {
+  const containerRef = useRef4(null);
+  const isInView = useInView4(containerRef);
+  return /* @__PURE__ */ jsx30(
+    "div",
+    {
+      ref: containerRef,
+      className,
+      style: { width: "100%", height: "100%", position: "relative" },
+      children: /* @__PURE__ */ jsx30(
+        Canvas2,
+        {
+          frameloop: isInView ? "always" : "demand",
+          orthographic: true,
+          camera: { zoom: 120, position: [0, 0, 10] },
+          style: { width: "100%", height: "100%" },
+          gl: { antialias: true, alpha: true },
+          children: waves.map((w, i) => /* @__PURE__ */ jsx30(SineWave, { ...w }, i))
+        }
+      )
+    }
+  );
+}
+
+export {
+  FadeUp,
+  ScrollReveal,
+  SectionLabel,
+  SectionGlow,
+  SectionIntro,
+  TextRotator,
+  AvatarGroup,
+  Marquee,
+  LayeredButton,
+  NavBar,
+  CTABanner,
+  ProcessSteps,
+  ContactForm,
+  CaseStudiesSection,
+  BentoGrid,
+  StatsSection,
+  LogoCloud,
+  HeroSection,
+  FeatureGrid,
+  PricingTable,
+  TestimonialsCarousel,
+  TestimonialsSection,
+  TestimonialCarousel,
+  UseCasesSection,
+  ValueStackSection,
+  TechCarousel,
+  Footer,
+  SocialProof,
+  Faq,
+  ComparisonTable,
+  HeroCanvas,
+  DEFAULT_WAVES,
+  WaveCanvas
+};