@yca-software/yca-react-core 0.0.1

package/dist/chunk-QFKVPVFC.js

@@ -0,0 +1,1391 @@
+import { Card, CardHeader, CardTitle, CardContent, CardDescription, Button, Input } from './chunk-3AYG73DK.js';
+import { cn } from './chunk-GXWVFQCK.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { ArrowUpRight, Mail, Phone, MapPin, ChevronDown, Globe, Menu, X, Check } from 'lucide-react';
+import * as React from 'react';
+
+function BentoFeatures({
+  id,
+  eyebrow,
+  title,
+  description,
+  cells,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("ds-mkt-section-soft px-4 py-20 sm:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-6xl", children: [
+    (eyebrow || title || description) && /* @__PURE__ */ jsxs("div", { className: "mb-14 text-center", children: [
+      eyebrow && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider text-primary", children: eyebrow }),
+      title && /* @__PURE__ */ jsx("h2", { className: "mt-2 text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid auto-rows-fr grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3 lg:gap-7", children: cells.map((cell) => /* @__PURE__ */ jsxs(
+      Card,
+      {
+        className: cn(
+          "ds-mkt-bento-tile flex h-full flex-col rounded-none border-0 bg-transparent p-0 shadow-none",
+          cell.className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(CardHeader, { className: "gap-4 px-6 pb-2 pt-7 sm:px-7", children: [
+            cell.icon && /* @__PURE__ */ jsx("div", { className: "ds-mkt-bento-icon-wrap [&_svg]:size-5", children: cell.icon }),
+            /* @__PURE__ */ jsx(CardTitle, { className: "text-xl leading-snug", children: cell.title })
+          ] }),
+          /* @__PURE__ */ jsx(CardContent, { className: "flex-1 px-6 pb-7 pt-0 sm:px-7", children: /* @__PURE__ */ jsx(CardDescription, { className: "text-base leading-relaxed", children: cell.description }) })
+        ]
+      },
+      cell.title
+    )) })
+  ] }) });
+}
+function BlogTeaser({ id, eyebrow, title, description, posts, className }) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("px-4 py-20", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-6xl", children: [
+    (eyebrow || title || description) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
+      eyebrow && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-primary", children: eyebrow }),
+      title && /* @__PURE__ */ jsx("h2", { className: "mt-2 text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-8 md:grid-cols-2 lg:grid-cols-3", children: posts.map((post) => /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: post.href,
+        className: cn(
+          "group ds-mkt-surface-elevated flex flex-col overflow-hidden rounded-2xl border-0 transition duration-300",
+          "hover:-translate-y-1 hover:shadow-2xl"
+        ),
+        children: [
+          post.image ? /* @__PURE__ */ jsxs("div", { className: "relative aspect-[16/10] overflow-hidden", children: [
+            /* @__PURE__ */ jsx(
+              "img",
+              {
+                src: post.image.src,
+                alt: post.image.alt,
+                className: "h-full w-full object-cover transition duration-500 group-hover:scale-105",
+                loading: "lazy"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-background/80 via-transparent to-transparent opacity-0 transition group-hover:opacity-100" })
+          ] }) : /* @__PURE__ */ jsx("div", { className: "aspect-[16/10] bg-gradient-to-br from-primary/15 via-muted to-accent/20" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col p-6", children: [
+            /* @__PURE__ */ jsx(
+              "time",
+              {
+                dateTime: post.date,
+                className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
+                children: post.date
+              }
+            ),
+            /* @__PURE__ */ jsx("h3", { className: "mt-2 text-lg font-semibold leading-snug text-foreground group-hover:text-primary", children: post.title }),
+            /* @__PURE__ */ jsx("p", { className: "mt-2 line-clamp-3 flex-1 text-sm text-muted-foreground", children: post.excerpt }),
+            /* @__PURE__ */ jsxs("span", { className: "mt-4 inline-flex items-center gap-1 text-sm font-medium text-primary", children: [
+              "Read more",
+              /* @__PURE__ */ jsx(ArrowUpRight, { className: "size-4 transition group-hover:translate-x-0.5 group-hover:-translate-y-0.5" })
+            ] })
+          ] })
+        ]
+      },
+      post.href
+    )) })
+  ] }) });
+}
+function ContactSection({
+  id,
+  eyebrow,
+  title,
+  description,
+  email,
+  phone,
+  address,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("ds-mkt-section-soft px-4 py-20", className), children: /* @__PURE__ */ jsx("div", { className: "container mx-auto max-w-6xl", children: /* @__PURE__ */ jsxs("div", { className: "grid gap-12 lg:grid-cols-2 lg:gap-16", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      eyebrow && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-primary", children: eyebrow }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-2 text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "mt-4 text-lg text-muted-foreground", children: description }),
+      /* @__PURE__ */ jsxs("ul", { className: "mt-10 space-y-6 text-sm", children: [
+        email && /* @__PURE__ */ jsxs("li", { className: "flex gap-4", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary shadow-sm", children: /* @__PURE__ */ jsx(Mail, { className: "size-5", "aria-hidden": true }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: "Email" }),
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: `mailto:${email}`,
+                className: "text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline",
+                children: email
+              }
+            )
+          ] })
+        ] }),
+        phone && /* @__PURE__ */ jsxs("li", { className: "flex gap-4", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary shadow-sm", children: /* @__PURE__ */ jsx(Phone, { className: "size-5", "aria-hidden": true }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: "Phone" }),
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: `tel:${phone.replace(/\s/g, "")}`,
+                className: "text-muted-foreground underline-offset-4 transition-colors hover:text-foreground hover:underline",
+                children: phone
+              }
+            )
+          ] })
+        ] }),
+        address && /* @__PURE__ */ jsxs("li", { className: "flex gap-4", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary shadow-sm", children: /* @__PURE__ */ jsx(MapPin, { className: "size-5", "aria-hidden": true }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: "Studio" }),
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground whitespace-pre-line", children: address })
+          ] })
+        ] })
+      ] })
+    ] }),
+    children && /* @__PURE__ */ jsx("div", { className: "ds-mkt-surface-elevated rounded-3xl border-0 p-6 sm:p-8 lg:p-10", children })
+  ] }) }) });
+}
+function CtaBanner({
+  id,
+  title,
+  description,
+  primaryAction,
+  secondaryAction,
+  variant = "gradient",
+  className
+}) {
+  const isGradient = variant === "gradient";
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id,
+      className: cn(
+        "px-4 py-20 sm:py-24",
+        isGradient && "ds-mkt-cta-shell",
+        variant === "solid" && "ds-mkt-cta-solid-shell text-primary-foreground",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "container mx-auto max-w-3xl text-center",
+            isGradient && "ds-mkt-cta-panel px-6 py-10 sm:px-12 sm:py-12",
+            variant === "solid" && "ds-mkt-cta-solid-panel px-6 py-10 sm:px-12 sm:py-12"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "h2",
+              {
+                className: cn(
+                  "text-2xl font-bold tracking-tight sm:text-3xl",
+                  isGradient && "text-foreground",
+                  variant === "solid" && "text-primary-foreground"
+                ),
+                children: title
+              }
+            ),
+            description && /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "mx-auto mt-4 max-w-xl text-lg leading-relaxed",
+                  isGradient && "text-muted-foreground",
+                  variant === "solid" && "text-primary-foreground/90"
+                ),
+                children: description
+              }
+            ),
+            (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", { className: "mt-10 flex flex-col items-center justify-center gap-4 sm:flex-row sm:gap-5", children: [
+              primaryAction && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  asChild: true,
+                  size: "lg",
+                  variant: variant === "solid" ? "secondary" : "default",
+                  className: cn(
+                    "min-h-12 px-8 text-base font-semibold",
+                    isGradient && "ds-mkt-hero-cta-primary",
+                    variant === "solid" && "!bg-primary-foreground !text-primary shadow-lg shadow-black/10"
+                  ),
+                  children: /* @__PURE__ */ jsx("a", { href: primaryAction.href, children: primaryAction.label })
+                }
+              ),
+              secondaryAction && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  asChild: true,
+                  size: "lg",
+                  variant: "outline",
+                  className: cn(
+                    "min-h-12 border-0 px-8 text-base font-semibold shadow-none",
+                    isGradient && "ds-mkt-hero-cta-secondary bg-transparent hover:bg-transparent",
+                    variant === "solid" && "border-2 !border-primary-foreground/35 !bg-transparent !text-primary-foreground hover:!bg-primary-foreground/10"
+                  ),
+                  children: /* @__PURE__ */ jsx("a", { href: secondaryAction.href, children: secondaryAction.label })
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+var DEFAULT_PALETTE = "@%#*+=-:.";
+function DefaultCenterMark() {
+  return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", className: "h-7 w-7 text-white", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 3 21 19H3L12 3Z" }) });
+}
+function beamIntensity(px, py, ox, oy, cx, cy, beamWidth) {
+  const vx = cx - ox;
+  const vy = cy - oy;
+  const len = Math.hypot(vx, vy) || 1;
+  const ux = vx / len;
+  const uy = vy / len;
+  const wx = px - ox;
+  const wy = py - oy;
+  const t = wx * ux + wy * uy;
+  const clampedT = Math.max(-len * 0.15, Math.min(len * 1.25, t));
+  const projX = ox + ux * clampedT;
+  const projY = oy + uy * clampedT;
+  const dist = Math.hypot(px - projX, py - projY);
+  const along = t / len;
+  const cone = Math.max(0, 1 - along * 0.35);
+  const gauss = Math.exp(-(dist * dist) / (beamWidth * beamWidth * cone * cone + 1e-6));
+  const edgeFade = Math.min(1, Math.max(0, 1.12 - along));
+  return (gauss * edgeFade * cone) ** 1.35;
+}
+function ErrorSpotlight({
+  title = "Something went wrong",
+  description,
+  centerContent,
+  symbolPalette = DEFAULT_PALETTE,
+  cellSize = 11,
+  className
+}) {
+  const wrapRef = React.useRef(null);
+  const canvasRef = React.useRef(null);
+  const cursorRef = React.useRef({ x: 0.5, y: 0.35 });
+  const rafRef = React.useRef(0);
+  const palette = React.useMemo(() => {
+    const chars = [...symbolPalette.replace(/\s+/g, "")];
+    return chars.length > 0 ? chars : [...DEFAULT_PALETTE.replace(/\s+/g, "")];
+  }, [symbolPalette]);
+  const draw = React.useCallback(() => {
+    const canvas = canvasRef.current;
+    const section = wrapRef.current;
+    if (!canvas || !section) return;
+    const dpr = Math.min(2, typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1);
+    const w = section.clientWidth;
+    const h = section.clientHeight;
+    if (w < 1 || h < 1) return;
+    canvas.width = Math.floor(w * dpr);
+    canvas.height = Math.floor(h * dpr);
+    canvas.style.width = `${w}px`;
+    canvas.style.height = `${h}px`;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+    ctx.fillStyle = "#000000";
+    ctx.fillRect(0, 0, w, h);
+    const ox = w * 0.5;
+    const oy = h - 56;
+    const cx = cursorRef.current.x * w;
+    const cy = cursorRef.current.y * h;
+    const beamW = Math.max(28, Math.min(w, h) * 0.09);
+    ctx.textBaseline = "middle";
+    ctx.textAlign = "center";
+    ctx.font = `${Math.max(8, cellSize - 2)}px ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace`;
+    const step = Math.max(6, cellSize);
+    const cutoff = 0.045;
+    for (let py = step * 0.5; py < h; py += step) {
+      for (let px = step * 0.5; px < w; px += step) {
+        const raw = beamIntensity(px, py, ox, oy, cx, cy, beamW);
+        if (raw < cutoff) continue;
+        const intensity = Math.min(1, (raw - cutoff) / (1 - cutoff));
+        const idx = Math.floor((1 - intensity) * (palette.length - 1));
+        const ch = palette[Math.max(0, Math.min(palette.length - 1, idx))];
+        const alpha = 0.08 + intensity ** 1.15 * 0.92;
+        ctx.fillStyle = `rgba(255,255,255,${alpha})`;
+        ctx.fillText(ch, px, py);
+      }
+    }
+  }, [cellSize, palette]);
+  const scheduleDraw = React.useCallback(() => {
+    if (rafRef.current) cancelAnimationFrame(rafRef.current);
+    rafRef.current = requestAnimationFrame(() => {
+      rafRef.current = 0;
+      draw();
+    });
+  }, [draw]);
+  React.useEffect(() => {
+    const section = wrapRef.current;
+    if (!section) return;
+    const ro = new ResizeObserver(() => scheduleDraw());
+    ro.observe(section);
+    scheduleDraw();
+    return () => {
+      ro.disconnect();
+      if (rafRef.current) cancelAnimationFrame(rafRef.current);
+    };
+  }, [scheduleDraw]);
+  const onPointerMove = (event) => {
+    const el = event.currentTarget;
+    const rect = el.getBoundingClientRect();
+    cursorRef.current = {
+      x: (event.clientX - rect.left) / rect.width,
+      y: (event.clientY - rect.top) / rect.height
+    };
+    scheduleDraw();
+  };
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      ref: wrapRef,
+      className: cn(
+        "relative isolate min-h-screen w-full cursor-crosshair overflow-hidden bg-black text-white",
+        className
+      ),
+      onPointerMove,
+      children: [
+        /* @__PURE__ */ jsx(
+          "canvas",
+          {
+            ref: canvasRef,
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute inset-0 h-full w-full"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 top-[38%] flex justify-center px-6 text-center", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-semibold tracking-tight text-white/90 md:text-4xl", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mx-auto max-w-xl text-sm text-white/55 md:text-base", children: description })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-end justify-center pb-14", children: /* @__PURE__ */ jsx("div", { className: "relative flex flex-col items-center", children: /* @__PURE__ */ jsx("div", { className: "grid place-items-center rounded-full border border-white/20 bg-black/40 p-2.5 backdrop-blur-[2px]", children: centerContent ?? /* @__PURE__ */ jsx(DefaultCenterMark, {}) }) }) })
+      ]
+    }
+  );
+}
+function FaqSection({ id, eyebrow, title, description, items, className }) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("px-4 py-20", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-3xl", children: [
+    (eyebrow || title || description) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
+      eyebrow && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-primary", children: eyebrow }),
+      title && /* @__PURE__ */ jsx("h2", { className: "mt-2 text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-4 max-w-xl text-lg text-muted-foreground", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: items.map((item) => /* @__PURE__ */ jsxs(
+      "details",
+      {
+        className: "group ds-mkt-surface-elevated rounded-2xl border-0 px-6 py-2 transition-colors open:bg-card/80",
+        children: [
+          /* @__PURE__ */ jsxs("summary", { className: "flex cursor-pointer list-none items-center justify-between gap-4 py-4 font-medium text-foreground [&::-webkit-details-marker]:hidden", children: [
+            item.question,
+            /* @__PURE__ */ jsx(
+              ChevronDown,
+              {
+                className: "size-5 shrink-0 text-muted-foreground transition-transform duration-300 group-open:rotate-180",
+                "aria-hidden": true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "border-t border-border/40 pb-4 pt-0 text-muted-foreground leading-relaxed", children: item.answer })
+        ]
+      },
+      item.question
+    )) })
+  ] }) });
+}
+function FeatureMedia({
+  id,
+  title,
+  description,
+  eyebrow,
+  image,
+  media,
+  imagePosition = "left",
+  className
+}) {
+  const mediaBlock = media ?? (image ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: image.src,
+      alt: image.alt,
+      className: cn(
+        "h-full w-full object-cover transition-transform duration-500 hover:scale-[1.02]",
+        image.className
+      ),
+      width: 640,
+      height: 480,
+      loading: "lazy",
+      decoding: "async"
+    }
+  ) : null);
+  const textBlock = /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center space-y-4", children: [
+    eyebrow && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-primary", children: eyebrow }),
+    /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold tracking-tight sm:text-3xl", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground", children: description })
+  ] });
+  const isLeft = imagePosition === "left";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id,
+      className: cn("grid items-center gap-10 py-12 md:gap-16 md:py-16 lg:grid-cols-2", className),
+      children: isLeft ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        mediaBlock && /* @__PURE__ */ jsx("div", { className: "ds-mkt-media-frame w-full lg:order-none", children: /* @__PURE__ */ jsx("div", { className: "ds-mkt-media-frame-inner relative aspect-[4/3] w-full overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: mediaBlock }) }) }),
+        textBlock
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        textBlock,
+        mediaBlock && /* @__PURE__ */ jsx("div", { className: "ds-mkt-media-frame w-full", children: /* @__PURE__ */ jsx("div", { className: "ds-mkt-media-frame-inner relative aspect-[4/3] w-full overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 [&_img]:h-full [&_img]:w-full [&_img]:object-cover", children: mediaBlock }) }) })
+      ] })
+    }
+  );
+}
+function Footer({ logo, description, contact, links, attribution, className }) {
+  return /* @__PURE__ */ jsx(
+    "footer",
+    {
+      className: cn(
+        "ds-mkt-footer-depth w-full border-t border-border/60 text-foreground",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-7xl px-4 py-12 sm:px-6 lg:px-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 md:grid-cols-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center", children: typeof logo === "string" ? /* @__PURE__ */ jsx("span", { className: "text-lg font-extrabold tracking-tight text-foreground", children: logo }) : logo }),
+            description && /* @__PURE__ */ jsx("p", { className: "max-w-xs text-sm leading-relaxed text-muted-foreground", children: description })
+          ] }),
+          links && links.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Navigation" }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-2 text-sm text-muted-foreground", children: links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: link.href,
+                className: "inline-flex min-h-[24px] items-center py-0.5 pl-0 hover:text-foreground transition-colors",
+                children: link.label
+              }
+            ) }, link.href)) })
+          ] }),
+          contact && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: "Contact" }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2 text-sm text-muted-foreground", children: [
+              contact.address && /* @__PURE__ */ jsx("p", { className: "leading-relaxed", children: contact.address }),
+              contact.phone && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: `tel:${contact.phone}`,
+                  className: "hover:text-foreground transition-colors",
+                  children: contact.phone
+                }
+              ) }),
+              contact.email && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+                "a",
+                {
+                  href: `mailto:${contact.email}`,
+                  className: "inline-flex min-h-[24px] items-center hover:text-foreground transition-colors",
+                  children: contact.email
+                }
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-10 border-t border-border pt-8 text-center text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("p", { children: [
+            "\xA9 ",
+            (/* @__PURE__ */ new Date()).getFullYear(),
+            " All rights reserved."
+          ] }),
+          attribution && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground/90", children: attribution })
+        ] })
+      ] })
+    }
+  );
+}
+function Hero({
+  id,
+  subtitle,
+  title,
+  description,
+  primaryAction,
+  secondaryAction,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id,
+      className: cn(
+        "ds-mkt-hero-mesh flex min-h-[80vh] flex-col items-center justify-center px-4 py-20 text-center",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-4xl space-y-6", children: [
+        subtitle && /* @__PURE__ */ jsx("p", { className: "text-lg font-medium text-muted-foreground", children: subtitle }),
+        /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl lg:text-7xl", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "mx-auto max-w-2xl text-lg text-muted-foreground sm:text-xl", children: description }),
+        (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-4 sm:flex-row", children: [
+          primaryAction && /* @__PURE__ */ jsx(
+            Button,
+            {
+              asChild: true,
+              size: "lg",
+              className: "ds-mkt-hero-cta-primary min-h-12 px-8 text-base font-semibold",
+              children: /* @__PURE__ */ jsx("a", { href: primaryAction.href, children: primaryAction.label })
+            }
+          ),
+          secondaryAction && /* @__PURE__ */ jsx(
+            Button,
+            {
+              asChild: true,
+              variant: "outline",
+              size: "lg",
+              className: "ds-mkt-hero-cta-secondary min-h-12 border-0 px-8 text-base font-semibold bg-transparent shadow-none hover:bg-transparent",
+              children: /* @__PURE__ */ jsx("a", { href: secondaryAction.href, children: secondaryAction.label })
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function HeroSplit({
+  id,
+  subtitle,
+  title,
+  description,
+  primaryAction,
+  secondaryAction,
+  image,
+  media,
+  decorative = true,
+  className
+}) {
+  const mediaContent = media ?? (image ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: image.src,
+      alt: image.alt,
+      className: cn(
+        "absolute inset-0 h-full w-full object-cover",
+        decorative && "ds-mkt-media-float",
+        image.className
+      ),
+      width: 800,
+      height: 600,
+      loading: "eager",
+      decoding: "async"
+    }
+  ) : null);
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id,
+      className: cn(
+        "relative overflow-hidden px-4 py-16 sm:py-24 lg:py-28",
+        decorative && "ds-mkt-gradient-bg ds-mkt-hero-split-stage",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("div", { className: "ds-mkt-hero-split-content container mx-auto max-w-7xl", children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-12 lg:grid-cols-2 lg:gap-16", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-6 text-center lg:text-left", children: [
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: subtitle }),
+          /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold tracking-tight sm:text-5xl lg:text-6xl", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mx-auto max-w-xl text-lg text-muted-foreground lg:mx-0", children: description }),
+          (primaryAction || secondaryAction) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-4 sm:flex-row lg:justify-start", children: [
+            primaryAction && /* @__PURE__ */ jsx(
+              Button,
+              {
+                asChild: true,
+                size: "lg",
+                className: "ds-mkt-hero-cta-primary min-h-12 px-8 text-base font-semibold",
+                children: /* @__PURE__ */ jsx("a", { href: primaryAction.href, children: primaryAction.label })
+              }
+            ),
+            secondaryAction && /* @__PURE__ */ jsx(
+              Button,
+              {
+                asChild: true,
+                variant: "outline",
+                size: "lg",
+                className: "ds-mkt-hero-cta-secondary min-h-12 border-0 px-8 text-base font-semibold bg-transparent shadow-none hover:bg-transparent",
+                children: /* @__PURE__ */ jsx("a", { href: secondaryAction.href, children: secondaryAction.label })
+              }
+            )
+          ] })
+        ] }),
+        mediaContent && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "relative mx-auto w-full max-w-lg lg:max-w-none",
+              decorative && "ds-mkt-fade-up"
+            ),
+            children: /* @__PURE__ */ jsx("div", { className: "ds-mkt-media-frame", children: /* @__PURE__ */ jsx("div", { className: "ds-mkt-media-frame-inner relative aspect-[4/3] w-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "absolute inset-0 [&_iframe]:h-full [&_iframe]:w-full [&_iframe]:border-0 [&_video]:h-full [&_video]:w-full [&_video]:object-cover", children: mediaContent }) }) })
+          }
+        )
+      ] }) })
+    }
+  );
+}
+function LogoCloud({ id, title, logos, className }) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("border-y border-border/40 bg-muted/15 px-4 py-14", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-6xl", children: [
+    title && /* @__PURE__ */ jsx("p", { className: "mb-10 text-center text-sm font-medium text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "ds-mkt-logo-rail flex flex-wrap items-center justify-center gap-x-10 gap-y-8 px-8 py-10 md:gap-x-14", children: logos.map((logo) => {
+      const img = /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: logo.src,
+          alt: logo.alt,
+          className: "h-8 w-auto max-w-[120px] object-contain opacity-60 grayscale transition-opacity hover:opacity-100 md:h-9",
+          loading: "lazy",
+          decoding: "async"
+        }
+      );
+      return /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: logo.href ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: logo.href,
+          className: "inline-flex focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded",
+          rel: "noopener noreferrer",
+          target: "_blank",
+          children: img
+        }
+      ) : img }, `${logo.src}-${logo.alt}`);
+    }) })
+  ] }) });
+}
+function Navigation({
+  logo,
+  logoHref,
+  links,
+  cta,
+  languageSwitcher,
+  className
+}) {
+  const [mobileMenuOpen, setMobileMenuOpen] = React.useState(false);
+  const [languageMenuOpen, setLanguageMenuOpen] = React.useState(false);
+  const languageMenuRef = React.useRef(null);
+  React.useEffect(() => {
+    const handlePointerDown = (event) => {
+      if (!languageMenuRef.current) return;
+      const target = event.target;
+      if (!languageMenuRef.current.contains(target)) {
+        setLanguageMenuOpen(false);
+      }
+    };
+    const handleEscape = (event) => {
+      if (event.key === "Escape") {
+        setLanguageMenuOpen(false);
+      }
+    };
+    document.addEventListener("pointerdown", handlePointerDown);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("pointerdown", handlePointerDown);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, []);
+  React.useEffect(() => {
+    const previousOverflow = document.body.style.overflow;
+    document.body.style.overflow = mobileMenuOpen ? "hidden" : "";
+    return () => {
+      document.body.style.overflow = previousOverflow;
+    };
+  }, [mobileMenuOpen]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "nav",
+      {
+        className: cn(
+          "fixed top-0 left-0 right-0 z-50 w-full border-b border-border/60 bg-background/90 shadow-[0_8px_30px_-12px_color-mix(in_oklch,var(--foreground)_12%,transparent)] backdrop-blur-md supports-backdrop-filter:bg-background/55",
+          className
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-16 w-full max-w-full items-center justify-between gap-8 px-4 sm:px-6 lg:px-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center", children: typeof logo === "string" ? logoHref ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: logoHref,
+              "aria-label": "Go to top",
+              className: "text-xl font-bold tracking-tight text-foreground sm:text-2xl",
+              children: logo
+            }
+          ) : /* @__PURE__ */ jsx("span", { className: "text-xl font-bold tracking-tight text-foreground sm:text-2xl", children: logo }) : logo }),
+          /* @__PURE__ */ jsx("div", { className: "hidden flex-1 items-center justify-center gap-6 md:flex", children: links.map((link) => /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: link.href,
+              className: "text-sm font-medium text-muted-foreground transition-colors hover:text-foreground",
+              children: link.label
+            },
+            link.href
+          )) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [
+            languageSwitcher && /* @__PURE__ */ jsxs("div", { className: "relative", ref: languageMenuRef, children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  size: "icon",
+                  className: "size-9 border-border/60 bg-background/80 backdrop-blur-sm",
+                  onClick: () => setLanguageMenuOpen((open) => !open),
+                  "aria-label": languageSwitcher.ariaLabel ?? "Select language",
+                  "aria-expanded": languageMenuOpen,
+                  "aria-haspopup": "menu",
+                  children: /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  role: "menu",
+                  "aria-label": languageSwitcher.ariaLabel,
+                  className: cn(
+                    "absolute right-0 top-full z-120 mt-2 flex min-w-36 flex-col gap-1 rounded-md border border-border bg-popover p-1 shadow-md",
+                    languageMenuOpen ? "flex" : "hidden"
+                  ),
+                  children: languageSwitcher.options.map((option) => {
+                    const isActive = option.code === languageSwitcher.currentCode;
+                    return /* @__PURE__ */ jsx(
+                      "a",
+                      {
+                        href: option.href,
+                        role: "menuitem",
+                        className: cn(
+                          "block w-full rounded-sm px-2 py-1.5 text-sm transition-colors hover:bg-accent hover:text-accent-foreground",
+                          isActive && "bg-accent/80 font-semibold text-foreground"
+                        ),
+                        onClick: () => setLanguageMenuOpen(false),
+                        children: option.label
+                      },
+                      option.code
+                    );
+                  })
+                }
+              )
+            ] }),
+            cta && /* @__PURE__ */ jsx("div", { className: "hidden md:flex", children: /* @__PURE__ */ jsx(Button, { asChild: true, variant: "default", size: "sm", className: "ds-mkt-btn-primary", children: /* @__PURE__ */ jsx("a", { href: cta.href, children: cta.label }) }) }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "md:hidden min-h-[44px] min-w-[44px]",
+                onClick: () => setMobileMenuOpen(true),
+                "aria-label": "Open menu",
+                "aria-expanded": mobileMenuOpen,
+                children: /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Menu",
+        className: cn(
+          "fixed inset-0 top-0 z-100 md:hidden",
+          mobileMenuOpen ? "pointer-events-auto" : "pointer-events-none"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "fixed inset-0 bg-foreground/20 backdrop-blur-sm transition-opacity duration-300",
+                mobileMenuOpen ? "opacity-100" : "opacity-0"
+              ),
+              onClick: () => setMobileMenuOpen(false),
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "fixed inset-y-0 right-0 top-0 z-101 flex h-full w-[min(320px,85vw)] max-w-full flex-col shadow-2xl transition-transform duration-300 ease-out",
+                "bg-[linear-gradient(180deg,hsl(0_0%_100%)_0%,hsl(199_50%_97%)_50%,hsl(199_60%_94%)_100%)]",
+                mobileMenuOpen ? "translate-x-0" : "translate-x-full"
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex h-16 shrink-0 items-center justify-between border-b border-border/60 px-5", children: [
+                  /* @__PURE__ */ jsx("div", { onClick: () => setMobileMenuOpen(false), children: typeof logo === "string" ? logoHref ? /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: logoHref,
+                      "aria-label": "Go to top",
+                      className: "text-xl font-bold tracking-tight text-foreground",
+                      children: logo
+                    }
+                  ) : /* @__PURE__ */ jsx("span", { className: "text-xl font-bold tracking-tight text-foreground", children: logo }) : logo }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "icon",
+                      className: "min-h-[44px] min-w-[44px] rounded-full text-muted-foreground hover:bg-muted hover:text-foreground",
+                      onClick: () => setMobileMenuOpen(false),
+                      "aria-label": "Close menu",
+                      children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("nav", { className: "flex flex-1 flex-col gap-0.5 overflow-y-auto px-4 py-5", children: [
+                  links.map((link) => /* @__PURE__ */ jsx(
+                    "a",
+                    {
+                      href: link.href,
+                      className: "rounded-lg px-4 py-3.5 text-base font-medium text-foreground transition-colors hover:bg-muted hover:text-primary",
+                      onClick: () => setMobileMenuOpen(false),
+                      children: link.label
+                    },
+                    link.href
+                  )),
+                  cta && /* @__PURE__ */ jsx("div", { className: "mt-6 px-4", children: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      asChild: true,
+                      variant: "default",
+                      className: "ds-mkt-btn-primary w-full min-h-[48px]",
+                      size: "lg",
+                      children: /* @__PURE__ */ jsx("a", { href: cta.href, onClick: () => setMobileMenuOpen(false), children: cta.label })
+                    }
+                  ) })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function Newsletter({
+  id,
+  title,
+  description,
+  placeholder = "you@company.com",
+  buttonLabel = "Subscribe",
+  formAction,
+  formMethod = "post",
+  inputName = "email",
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("px-4 py-16", className), children: /* @__PURE__ */ jsx("div", { className: "container mx-auto max-w-2xl", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "ds-mkt-surface-elevated overflow-hidden rounded-3xl p-8 sm:p-10",
+        "bg-gradient-to-br from-card via-card to-primary/5"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold tracking-tight sm:text-3xl", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mt-3 text-muted-foreground", children: description })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-8", children: children ? children : formAction ? /* @__PURE__ */ jsxs(
+          "form",
+          {
+            action: formAction,
+            method: formMethod,
+            className: "flex flex-col gap-3 sm:flex-row sm:items-stretch",
+            children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "email",
+                  name: inputName,
+                  required: true,
+                  placeholder,
+                  autoComplete: "email",
+                  className: "h-11 flex-1 border-border/60 bg-background/80 shadow-inner"
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { type: "submit", size: "lg", className: "ds-mkt-btn-primary shrink-0 sm:px-8", children: buttonLabel })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx("p", { className: "text-center text-sm text-muted-foreground", children: "Provide a formAction URL or custom children to wire email capture." }) })
+      ]
+    }
+  ) }) });
+}
+function tierUsesBillingToggle(t) {
+  return t.priceMonthly != null && t.priceAnnual != null;
+}
+function resolveTierPrice(tier, interval) {
+  if (tierUsesBillingToggle(tier)) {
+    return interval === "annual" ? {
+      amount: tier.priceAnnual,
+      period: tier.periodAnnual ?? "/year"
+    } : {
+      amount: tier.priceMonthly,
+      period: tier.periodMonthly ?? "/mo"
+    };
+  }
+  return { amount: tier.price, period: tier.period };
+}
+function PricingSection({
+  id,
+  eyebrow,
+  title,
+  description,
+  tiers,
+  comparisonRows,
+  annualDiscountPercent = 15,
+  className
+}) {
+  const showBillingToggle = tiers.some(tierUsesBillingToggle);
+  const [interval, setInterval] = React.useState("monthly");
+  return /* @__PURE__ */ jsx("section", { id, className: cn("ds-mkt-section-soft px-4 py-20 sm:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-6xl", children: [
+    (eyebrow || title || description) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center sm:mb-14", children: [
+      eyebrow && /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider text-primary", children: eyebrow }),
+      title && /* @__PURE__ */ jsx("h2", { className: "mt-2 text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: description })
+    ] }),
+    showBillingToggle && /* @__PURE__ */ jsxs("div", { className: "mb-10 flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-1 rounded-full border border-border/80 bg-background/80 p-1 shadow-sm backdrop-blur-sm", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "cursor-pointer rounded-full px-4 py-2 text-sm font-medium transition-colors",
+              interval === "monthly" ? "bg-primary text-primary-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+            ),
+            onClick: () => setInterval("monthly"),
+            children: "Monthly"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "hidden h-4 w-px bg-border sm:block", "aria-hidden": true }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: cn(
+              "cursor-pointer rounded-full px-4 py-2 text-sm font-medium transition-colors",
+              interval === "annual" ? "bg-primary text-primary-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
+            ),
+            onClick: () => setInterval("annual"),
+            children: "Annual"
+          }
+        )
+      ] }),
+      annualDiscountPercent > 0 && /* @__PURE__ */ jsxs("div", { className: "rounded-full border border-primary/35 bg-primary/10 px-4 py-1.5 text-sm font-semibold text-primary", children: [
+        "Save ",
+        annualDiscountPercent,
+        "% on annual billing"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "grid gap-6 lg:gap-8",
+          tiers.length === 2 && "md:grid-cols-2",
+          tiers.length >= 3 && "md:grid-cols-2 lg:grid-cols-3"
+        ),
+        children: tiers.map((tier) => {
+          const { amount, period } = resolveTierPrice(tier, interval);
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "ds-mkt-pricing-tier relative flex flex-col overflow-hidden rounded-2xl border border-border/50 bg-gradient-to-b from-card to-muted/25 p-8 shadow-lg transition duration-300",
+                tier.highlighted && "z-[1] border-primary/35 shadow-xl ring-2 ring-primary/40 ring-offset-2 ring-offset-background lg:scale-[1.02]"
+              ),
+              children: [
+                tier.highlighted && /* @__PURE__ */ jsx("span", { className: "absolute -top-px left-1/2 -translate-x-1/2 rounded-b-lg bg-primary px-4 py-1 text-xs font-semibold text-primary-foreground shadow-md", children: "Popular" }),
+                /* @__PURE__ */ jsxs("div", { className: "min-h-[3.25rem]", children: [
+                  /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold tracking-tight", children: tier.name }),
+                  tier.badge && /* @__PURE__ */ jsx("span", { className: "mt-2 inline-block rounded-full bg-primary/10 px-2.5 py-0.5 text-xs font-medium text-primary", children: tier.badge })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "mt-5", children: [
+                  tier.originalPrice && /* @__PURE__ */ jsx("div", { className: "mb-1 text-sm font-medium text-muted-foreground line-through", children: tier.originalPrice }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-4xl font-bold tracking-tight text-foreground", children: amount }),
+                    period && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: period })
+                  ] })
+                ] }),
+                tier.description && /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm leading-relaxed text-muted-foreground", children: tier.description }),
+                /* @__PURE__ */ jsx("ul", { className: "mt-8 flex flex-1 flex-col gap-3 text-sm", children: tier.features.map((f) => /* @__PURE__ */ jsxs("li", { className: "flex gap-3", children: [
+                  /* @__PURE__ */ jsx("span", { className: "mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary/12 text-primary", children: /* @__PURE__ */ jsx(Check, { className: "size-3.5", "aria-hidden": true }) }),
+                  /* @__PURE__ */ jsx("span", { className: "leading-snug", children: f })
+                ] }, f)) }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    asChild: true,
+                    className: cn(
+                      "mt-10 w-full",
+                      tier.highlighted ? "ds-mkt-hero-cta-primary min-h-11 font-semibold" : "ds-mkt-btn-secondary min-h-11 font-semibold"
+                    ),
+                    size: "lg",
+                    variant: tier.highlighted ? "default" : "outline",
+                    children: /* @__PURE__ */ jsx("a", { href: tier.cta.href, children: tier.cta.label })
+                  }
+                )
+              ]
+            },
+            tier.name
+          );
+        })
+      }
+    ),
+    comparisonRows && comparisonRows.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-16 overflow-x-auto sm:mt-20", children: /* @__PURE__ */ jsxs("div", { className: "ds-mkt-pricing-table min-w-[640px] overflow-hidden rounded-xl border border-border/60 bg-card/50 shadow-sm", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "grid border-b border-border/60 bg-muted/50 text-sm font-medium",
+          style: {
+            gridTemplateColumns: `minmax(10rem,2fr) repeat(${tiers.length}, minmax(0,1fr))`
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "px-4 py-3 text-left text-muted-foreground", children: "\xA0" }),
+            tiers.map((t) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "border-l border-border/40 px-3 py-3 text-center sm:px-4",
+                children: t.name
+              },
+              t.name
+            ))
+          ]
+        }
+      ),
+      comparisonRows.map((row) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "grid border-t border-border/50 text-sm",
+          style: {
+            gridTemplateColumns: `minmax(10rem,2fr) repeat(${tiers.length}, minmax(0,1fr))`
+          },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "px-4 py-3 text-left leading-snug text-foreground", children: row.label }),
+            tiers.map((_, i) => {
+              const cell = row.values[i];
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "flex items-center justify-center border-l border-border/40 px-3 py-3 sm:px-4",
+                  children: cell === void 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }) : typeof cell === "string" ? /* @__PURE__ */ jsx("span", { className: "text-center text-muted-foreground", children: cell }) : cell ? /* @__PURE__ */ jsx(Check, { className: "size-4 shrink-0 text-primary", "aria-label": "Included" }) : /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "inline-block size-1.5 rounded-full bg-muted-foreground/35",
+                      "aria-label": "Not included"
+                    }
+                  )
+                },
+                `${row.label}-${i}`
+              );
+            })
+          ]
+        },
+        row.label
+      ))
+    ] }) })
+  ] }) });
+}
+function ProjectLaunches({
+  id = "projects",
+  eyebrow,
+  title,
+  liveLabel,
+  comingSoonLabel,
+  projects,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("px-4 py-20 sm:py-24", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-6xl", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-10 text-center sm:mb-12", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold uppercase tracking-wider text-primary", children: eyebrow }),
+      /* @__PURE__ */ jsx("h2", { className: "mt-2 text-3xl font-bold tracking-tight sm:text-4xl", children: title })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-5 md:grid-cols-2 lg:grid-cols-3 lg:gap-6", children: projects.map((project) => /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: project.href,
+        className: "ds-mkt-surface-elevated group flex flex-col rounded-2xl border-0 p-6 transition duration-300 hover:-translate-y-1 hover:shadow-lg",
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "mb-4 inline-flex w-fit rounded-full px-2.5 py-1 text-xs font-semibold uppercase tracking-wide",
+                project.status === "live" ? "bg-primary/12 text-primary" : "bg-muted text-muted-foreground"
+              ),
+              children: project.status === "live" ? liveLabel : comingSoonLabel
+            }
+          ),
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground group-hover:text-primary", children: project.name }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 flex-1 text-sm leading-relaxed text-muted-foreground", children: project.description })
+        ]
+      },
+      project.name
+    )) })
+  ] }) });
+}
+function PromoBanner({
+  children,
+  href,
+  linkLabel = "Learn more",
+  dismissible = false,
+  className
+}) {
+  const [open, setOpen] = React.useState(true);
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "relative z-[60] w-full border-b border-primary/20",
+        "bg-gradient-to-r from-primary/90 via-primary to-primary/85",
+        "text-primary-foreground shadow-md shadow-primary/25",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "mx-auto flex max-w-7xl flex-col items-center justify-center gap-3 px-4 py-3 sm:flex-row sm:gap-6 sm:px-6",
+            dismissible && "pr-12 sm:pr-14"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("p", { className: "text-center text-sm font-medium sm:text-base", children }),
+            href && /* @__PURE__ */ jsx(
+              "a",
+              {
+                href,
+                className: "shrink-0 rounded-md bg-primary-foreground/15 px-3 py-1.5 text-sm font-semibold underline-offset-4 transition hover:bg-primary-foreground/25 hover:underline",
+                children: linkLabel
+              }
+            ),
+            dismissible && /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "absolute right-2 top-1/2 h-9 w-9 -translate-y-1/2 text-primary-foreground hover:bg-primary-foreground/15",
+                onClick: () => setOpen(false),
+                "aria-label": "Dismiss",
+                children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function Section({
+  id,
+  title,
+  subtitle,
+  description,
+  children,
+  variant = "default",
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      id,
+      className: cn(
+        "px-4 py-20",
+        variant === "soft" && "ds-mkt-section-soft",
+        variant === "spotlight" && "ds-mkt-section-spotlight",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto", children: [
+        (title || subtitle || description) && /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center", children: [
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: subtitle }),
+          title && /* @__PURE__ */ jsx("h2", { className: "mt-2 text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+          description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: description })
+        ] }),
+        children
+      ] })
+    }
+  );
+}
+function ServiceCard({ title, description, icon, className }) {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      className: cn(
+        "h-full border-0 bg-transparent shadow-none",
+        "ds-mkt-surface-elevated transition duration-300 hover:-translate-y-1",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(CardHeader, { children: [
+          icon && /* @__PURE__ */ jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-lg bg-primary/10 text-primary", children: icon }),
+          /* @__PURE__ */ jsx(CardTitle, { children: title })
+        ] }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(CardDescription, { className: "text-base", children: description }) })
+      ]
+    }
+  );
+}
+function StatsStrip({ id, stats, className }) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("px-4 py-16", className), children: /* @__PURE__ */ jsx("div", { className: "container mx-auto max-w-6xl", children: /* @__PURE__ */ jsx("dl", { className: "grid grid-cols-2 gap-8 md:grid-cols-4 md:gap-12", children: stats.map((stat) => /* @__PURE__ */ jsxs("div", { className: "text-center ds-mkt-stat-pop", children: [
+    /* @__PURE__ */ jsx("dt", { className: "ds-mkt-stat-value text-3xl font-bold tracking-tight sm:text-4xl", children: stat.value }),
+    /* @__PURE__ */ jsx("dd", { className: "mt-2 text-sm text-muted-foreground", children: stat.label })
+  ] }, stat.label)) }) }) });
+}
+function TeamGrid({ id, eyebrow, title, description, members, className }) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("ds-mkt-section-spotlight px-4 py-20", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-6xl", children: [
+    (eyebrow || title || description) && /* @__PURE__ */ jsxs("div", { className: "mb-14 text-center", children: [
+      eyebrow && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-primary", children: eyebrow }),
+      title && /* @__PURE__ */ jsx("h2", { className: "mt-2 text-3xl font-bold tracking-tight sm:text-4xl", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "mx-auto mt-4 max-w-2xl text-lg text-muted-foreground", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-3 lg:gap-10", children: members.map((m) => {
+      const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "ds-mkt-media-frame w-full", children: /* @__PURE__ */ jsx("div", { className: "ds-mkt-media-frame-inner relative aspect-[4/5] w-full overflow-hidden bg-muted", children: m.image ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: m.image.src,
+            alt: m.image.alt,
+            className: "absolute inset-0 h-full w-full object-cover",
+            loading: "lazy"
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-[200px] w-full items-center justify-center bg-gradient-to-br from-primary/20 to-muted text-4xl font-bold text-muted-foreground", children: m.name.slice(0, 1) }) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-5 text-center", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground", children: m.name }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: m.role })
+        ] })
+      ] });
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "ds-mkt-surface-elevated rounded-2xl border-0 p-5 transition duration-300 hover:-translate-y-1",
+          children: m.href ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: m.href,
+              className: "block focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-xl",
+              children: body
+            }
+          ) : body
+        },
+        `${m.name}-${m.role}`
+      );
+    }) })
+  ] }) });
+}
+function Testimonial({
+  id,
+  quote,
+  attribution,
+  role,
+  avatar,
+  logo,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("px-4 py-16", className), children: /* @__PURE__ */ jsx("div", { className: "container mx-auto max-w-3xl", children: /* @__PURE__ */ jsxs("div", { className: "ds-mkt-glass-panel px-8 py-12 text-center sm:px-12 sm:py-14", children: [
+    logo && /* @__PURE__ */ jsx("div", { className: "mb-8 flex justify-center", children: /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: logo.src,
+        alt: logo.alt,
+        className: "h-8 w-auto object-contain opacity-90",
+        loading: "lazy"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("blockquote", { className: "text-xl font-medium leading-relaxed text-foreground sm:text-2xl", children: [
+      "\u201C",
+      quote,
+      "\u201D"
+    ] }),
+    /* @__PURE__ */ jsxs("footer", { className: "mt-8 flex flex-col items-center gap-3 sm:flex-row sm:justify-center", children: [
+      avatar && /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: avatar.src,
+          alt: avatar.alt,
+          className: "h-12 w-12 rounded-full border-2 border-primary/20 object-cover shadow-md",
+          width: 48,
+          height: 48,
+          loading: "lazy"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "text-left sm:text-center", children: [
+        /* @__PURE__ */ jsx("cite", { className: "not-italic font-semibold text-foreground", children: attribution }),
+        role && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: role })
+      ] })
+    ] })
+  ] }) }) });
+}
+function TrustBadges({ id, title, items, className }) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("px-4 py-10", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-5xl", children: [
+    title && /* @__PURE__ */ jsx("p", { className: "mb-6 text-center text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-center gap-3", children: items.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "inline-flex items-center gap-2 rounded-full border border-border/60",
+          "bg-gradient-to-b from-card to-muted/30 px-4 py-2 text-sm font-medium text-foreground shadow-sm",
+          "ring-1 ring-border/40 transition hover:border-primary/30 hover:shadow-md"
+        ),
+        children: [
+          item.icon && /* @__PURE__ */ jsx("span", { className: "text-primary [&_svg]:size-4", children: item.icon }),
+          item.label
+        ]
+      },
+      item.label
+    )) })
+  ] }) });
+}
+function VideoShowcase({
+  id,
+  title,
+  description,
+  embedUrl,
+  video,
+  titleAttr = "Video",
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { id, className: cn("px-4 py-12", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto max-w-5xl", children: [
+    (title || description) && /* @__PURE__ */ jsxs("div", { className: "mb-8 text-center", children: [
+      title && /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold tracking-tight sm:text-3xl", children: title }),
+      description && /* @__PURE__ */ jsx("p", { className: "mt-3 text-lg text-muted-foreground", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "relative aspect-video w-full overflow-hidden rounded-xl border border-border/60 bg-muted/40 shadow-lg",
+          "ds-mkt-video-glow"
+        ),
+        children: embedUrl ? /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            title: titleAttr,
+            src: embedUrl,
+            className: "absolute inset-0 h-full w-full",
+            allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+            allowFullScreen: true
+          }
+        ) : video ? /* @__PURE__ */ jsx(
+          "video",
+          {
+            className: "absolute inset-0 h-full w-full object-cover",
+            controls: video.controls ?? true,
+            playsInline: video.playsInline ?? true,
+            loop: video.loop,
+            muted: video.muted,
+            poster: video.poster,
+            preload: "metadata",
+            children: /* @__PURE__ */ jsx("source", { src: video.src })
+          }
+        ) : null
+      }
+    )
+  ] }) });
+}
+
+export { BentoFeatures, BlogTeaser, ContactSection, CtaBanner, ErrorSpotlight, FaqSection, FeatureMedia, Footer, Hero, HeroSplit, LogoCloud, Navigation, Newsletter, PricingSection, ProjectLaunches, PromoBanner, Section, ServiceCard, StatsStrip, TeamGrid, Testimonial, TrustBadges, VideoShowcase };
+//# sourceMappingURL=chunk-QFKVPVFC.js.map
+//# sourceMappingURL=chunk-QFKVPVFC.js.map