@vadimcomanescu/nadicode-design-system 2.0.6 → 2.0.8

package/dist/components/blocks/HeroBlock.js

@@ -1,318 +1,135 @@
 'use client';
+export { HeroBlock } from '../../chunk-7A2RXKGH.js';
 import '../../chunk-G5EO22OR.js';
+import '../../chunk-OHX2LFAH.js';
+import '../../chunk-SGI25ZJ6.js';
 import '../../chunk-ANBJ2OLC.js';
-import { TextReveal } from '../../chunk-LV4LBWCS.js';
-import { AnimatedGradientText } from '../../chunk-XZ3A33GP.js';
+import '../../chunk-LV4LBWCS.js';
+import '../../chunk-XZ3A33GP.js';
 import '../../chunk-F3T2U7YL.js';
 import '../../chunk-6DYFX5IR.js';
 import '../../chunk-EB5PYS7Q.js';
-import '../../chunk-OHX2LFAH.js';
-import '../../chunk-SGI25ZJ6.js';
 import '../../chunk-ULLTRLBD.js';
 import '../../chunk-4O6L5YWT.js';
-import { Heading } from '../../chunk-WI547C47.js';
-import { siteConfig } from '../../chunk-A7NUWD76.js';
-import { Card, CardHeader, CardContent } from '../../chunk-AH6YSYYT.js';
-import { MouseGlow } from '../../chunk-SV3KZ6CB.js';
-import { Button } from '../../chunk-7KIDDF3I.js';
-import { m, heroStagger } from '../../chunk-PD2YEH3H.js';
+import '../../chunk-WI547C47.js';
+import '../../chunk-A7NUWD76.js';
+import '../../chunk-AH6YSYYT.js';
+import '../../chunk-DSMGCFMJ.js';
+import '../../chunk-7KIDDF3I.js';
+import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
 import '../../chunk-GO35FTNJ.js';
-import '../../chunk-PSVQ7ZNX.js';
-import { ZapIcon } from '../../chunk-FLF5AMNO.js';
-import '../../chunk-WFJQ43SM.js';
+import '../../chunk-WUO7OONN.js';
+import '../../chunk-FLF5AMNO.js';
+import '../../chunk-3CLXYQKB.js';
 import '../../chunk-S4GKGKON.js';
 import '../../chunk-LCDDAE7J.js';
 import '../../chunk-R674XI7C.js';
-import '../../chunk-WUO7OONN.js';
+import '../../chunk-HNY45VUQ.js';
 import '../../chunk-BPCCTJSK.js';
-import { SparklesIcon } from '../../chunk-CGUCH322.js';
+import '../../chunk-CGUCH322.js';
 import '../../chunk-ELKIUARM.js';
-import '../../chunk-ZU2GYVAP.js';
 import '../../chunk-KSHJQ2VT.js';
-import { TerminalIcon } from '../../chunk-3CLXYQKB.js';
-import '../../chunk-JHQ5NMLZ.js';
-import '../../chunk-CRZ2JE24.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
 import '../../chunk-TXGANOAX.js';
 import '../../chunk-OITJWGFV.js';
 import '../../chunk-Z74D6D2W.js';
-import '../../chunk-HNY45VUQ.js';
+import '../../chunk-7WDT2PRI.js';
 import '../../chunk-IJJI4RQU.js';
 import '../../chunk-E7RBK6ML.js';
 import '../../chunk-UBIGDGOP.js';
-import '../../chunk-Q7LVUGFL.js';
 import '../../chunk-ALMGJVMT.js';
 import '../../chunk-QPXTBZWN.js';
-import '../../chunk-GAKU7DFY.js';
-import '../../chunk-T6BRD7TS.js';
+import '../../chunk-4NXZIMYZ.js';
 import '../../chunk-R5XP45PD.js';
 import '../../chunk-G5EO5FWC.js';
 import '../../chunk-NCULQXJE.js';
 import '../../chunk-VDYPDMYR.js';
 import '../../chunk-WDGIQDQG.js';
-import '../../chunk-WKRIKCJC.js';
-import '../../chunk-7WDT2PRI.js';
-import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-RYOTIXZO.js';
 import '../../chunk-JZ4G2SJH.js';
 import '../../chunk-KYGKJ553.js';
 import '../../chunk-M7YSMMAC.js';
 import '../../chunk-XQ2UDMPO.js';
 import '../../chunk-JMCSAGZ3.js';
 import '../../chunk-QUKDUSHD.js';
-import '../../chunk-4NXZIMYZ.js';
-import '../../chunk-TBKJ34BB.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
 import '../../chunk-2IZC7HSV.js';
 import '../../chunk-2SDZMTB2.js';
-import '../../chunk-R3AO6AZM.js';
-import '../../chunk-RYOTIXZO.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
 import '../../chunk-W3B3UOEG.js';
 import '../../chunk-ACRVOD7W.js';
 import '../../chunk-QSU23VYZ.js';
 import '../../chunk-BJYCQ2NV.js';
 import '../../chunk-VM462WZC.js';
-import '../../chunk-O74AEVHW.js';
-import '../../chunk-ZUHIWALK.js';
 import '../../chunk-5UZDOF6V.js';
 import '../../chunk-PKVTEDKO.js';
 import '../../chunk-I3TH7PIB.js';
 import '../../chunk-WGPK3FQ7.js';
 import '../../chunk-JL4MVVFH.js';
-import '../../chunk-IQEBXXB5.js';
-import '../../chunk-AZUJNRQU.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
 import '../../chunk-WA45EC4Y.js';
 import '../../chunk-2MOEOEOI.js';
 import '../../chunk-5LCXASRW.js';
 import '../../chunk-2ZJVU7NV.js';
 import '../../chunk-5ESF6N36.js';
 import '../../chunk-RBPLOM3A.js';
-import '../../chunk-GCUTJI7M.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
 import '../../chunk-2NT57K4U.js';
-import '../../chunk-6G3RRWJT.js';
 import '../../chunk-JRJGSNI4.js';
 import '../../chunk-RF6ECFS5.js';
-import '../../chunk-TV4RSQH4.js';
-import '../../chunk-4FEAWXJD.js';
-import '../../chunk-JHQTKMKG.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
 import '../../chunk-CI7GPGCJ.js';
 import '../../chunk-226EBOTK.js';
-import '../../chunk-G5YLGJXR.js';
-import { ChevronRightIcon } from '../../chunk-G24VV5NO.js';
-import '../../chunk-6BAV4TZ5.js';
-import '../../chunk-SW6QPJM4.js';
+import '../../chunk-74RKVIBV.js';
 import '../../chunk-V6WNRZT3.js';
 import '../../chunk-JBK2LA6U.js';
 import '../../chunk-55U27XY4.js';
 import '../../chunk-LSPO6OBI.js';
 import '../../chunk-Y56WBNCY.js';
-import '../../chunk-KYZT3RNW.js';
-import '../../chunk-UEG2LI7Z.js';
 import '../../chunk-JJTQOH7J.js';
 import '../../chunk-72X6SXOX.js';
 import '../../chunk-SR5U52V3.js';
-import '../../chunk-74RKVIBV.js';
 import '../../chunk-AWIJHDNK.js';
-import '../../chunk-BRP6D56U.js';
-import '../../chunk-S733NAYS.js';
 import '../../chunk-MAUTIHQG.js';
+import '../../chunk-S733NAYS.js';
 import '../../chunk-666N6OTL.js';
 import '../../chunk-FMH55OKV.js';
 import '../../chunk-WXVNTJIB.js';
+import '../../chunk-T7H53CK2.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-G5YLGJXR.js';
+import '../../chunk-G24VV5NO.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-GCUTJI7M.js';
 import '../../chunk-CXACRCZ4.js';
-import { ArrowRightIcon } from '../../chunk-T7H53CK2.js';
-import '../../chunk-BFLN54VR.js';
 import '../../chunk-P6IRHPFM.js';
 import '../../chunk-SXHYB7JB.js';
+import '../../chunk-BFLN54VR.js';
 import '../../chunk-ONGJ7AC2.js';
 import '../../chunk-UHXGBV5N.js';
 import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
-import { Badge } from '../../chunk-S4JAHKOP.js';
+import '../../chunk-S4JAHKOP.js';
+import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
-import { cn } from '../../chunk-QYZT24TS.js';
-import { useReducedMotion } from 'motion/react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var TEXT_EFFECTS = {
-  textRevealDelayMs: 200
-};
-var DEFAULT_PRIMARY_ACTION = { label: "Get Started" };
-var DEFAULT_SECONDARY_ACTION = { label: "View Components" };
-var DEFAULT_ANNOUNCEMENT = { label: "New", text: `${siteConfig.name} System v2.0 is now live`, href: "#" };
-function HeroCentered({
-  headline = "Experience the Future of Synthetic Intelligence",
-  subheadline = "Unleash the power of deep learning with our ultra-realistic, high-performance design system. Built for the next generation of AI interfaces.",
-  primaryAction = DEFAULT_PRIMARY_ACTION,
-  secondaryAction = DEFAULT_SECONDARY_ACTION,
-  announcement = DEFAULT_ANNOUNCEMENT,
-  className
-}) {
-  const shouldReduceMotion = useReducedMotion();
-  const Wrapper = shouldReduceMotion ? "div" : m.div;
-  const Item = shouldReduceMotion ? "div" : m.div;
-  return /* @__PURE__ */ jsxs("section", { className: cn("relative overflow-hidden py-24 md:py-32", className), children: [
-    /* @__PURE__ */ jsx(MouseGlow, { className: "opacity-40" }),
-    /* @__PURE__ */ jsxs(
-      Wrapper,
-      {
-        className: "container relative z-10 mx-auto px-4 text-center",
-        ...!shouldReduceMotion && {
-          initial: "hidden",
-          animate: "visible",
-          variants: heroStagger.container
-        },
-        children: [
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx("div", { className: "mb-8 flex justify-center", children: /* @__PURE__ */ jsxs(
-            "a",
-            {
-              href: announcement.href,
-              className: "inline-flex items-center rounded-full border border-border/50 bg-surface/50 px-4 py-1.5 text-sm font-medium text-text-secondary glass-overlay transition-colors hover:border-accent/10 hover:bg-surface-hover",
-              children: [
-                /* @__PURE__ */ jsx(Badge, { variant: "accent", className: "mr-2 h-5 px-1.5 text-[10px]", children: announcement.label }),
-                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-                  announcement.text,
-                  /* @__PURE__ */ jsx(ChevronRightIcon, { size: 12 })
-                ] })
-              ]
-            }
-          ) }) }),
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs(Heading, { level: 1, size: "display", className: "mx-auto max-w-4xl text-5xl text-text-primary sm:text-7xl", children: [
-            /* @__PURE__ */ jsx("span", { className: "block", children: /* @__PURE__ */ jsx(TextReveal, { text: headline.split(" ").slice(0, 3).join(" "), by: "word", delay: TEXT_EFFECTS.textRevealDelayMs, className: "justify-center" }) }),
-            /* @__PURE__ */ jsx(AnimatedGradientText, { className: "mt-1.5", children: headline.split(" ").slice(3).join(" ") })
-          ] }) }),
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx("p", { className: "mx-auto mt-6 max-w-2xl text-lg leading-8 text-text-secondary", children: subheadline }) }),
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs("div", { className: "mt-10 flex items-center justify-center gap-4", children: [
-            /* @__PURE__ */ jsxs(Button, { size: "lg", variant: "primary", onClick: primaryAction.onClick, children: [
-              primaryAction.label,
-              /* @__PURE__ */ jsx(ArrowRightIcon, { size: 16, className: "ml-2" })
-            ] }),
-            /* @__PURE__ */ jsx(Button, { size: "lg", variant: "outline", onClick: secondaryAction.onClick, children: secondaryAction.label })
-          ] }) }),
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx("div", { className: "mt-20", children: /* @__PURE__ */ jsx(Card, { className: "mx-auto max-w-5xl rounded-xl p-2 lg:rounded-2xl lg:p-4", children: /* @__PURE__ */ jsxs("div", { className: "aspect-[16/9] overflow-hidden rounded-lg border border-border glass-panel shadow-inner relative", children: [
-            /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 flex flex-col", children: [
-              /* @__PURE__ */ jsxs("div", { className: "h-12 border-b border-border flex items-center px-4 gap-4 bg-muted/30", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-destructive/50" }),
-                  /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-chart-5/50" }),
-                  /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-chart-4/50" })
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: "h-6 w-full max-w-sm rounded bg-muted" })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 flex", children: [
-                /* @__PURE__ */ jsxs("div", { className: "w-64 border-r border-border p-4 space-y-4 bg-muted/10 hidden md:block", children: [
-                  /* @__PURE__ */ jsx("div", { className: "h-4 w-24 rounded bg-muted" }),
-                  /* @__PURE__ */ jsx("div", { className: "h-4 w-32 rounded bg-muted/50" }),
-                  /* @__PURE__ */ jsx("div", { className: "h-4 w-20 rounded bg-muted/50" }),
-                  /* @__PURE__ */ jsx("div", { className: "h-4 w-28 rounded bg-muted/50" })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex-1 p-6 space-y-6", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-                    /* @__PURE__ */ jsx("div", { className: "h-32 flex-1 rounded-lg border border-border bg-muted/20" }),
-                    /* @__PURE__ */ jsx("div", { className: "h-32 flex-1 rounded-lg border border-border bg-muted/20" }),
-                    /* @__PURE__ */ jsx("div", { className: "h-32 flex-1 rounded-lg border border-border bg-muted/20" })
-                  ] }),
-                  /* @__PURE__ */ jsx("div", { className: "h-64 rounded-lg border border-border bg-muted/10" })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex h-full w-full items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 opacity-20", children: [
-              /* @__PURE__ */ jsx("div", { className: "h-32 w-32 rounded-full border border-primary/50 blur-3xl animate-pulse" }),
-              /* @__PURE__ */ jsx("div", { className: "h-32 w-32 rounded-full border border-primary/50 blur-3xl animate-pulse delay-1000" })
-            ] }) })
-          ] }) }) }) })
-        ]
-      }
-    )
-  ] });
-}
-var DEFAULT_SPLIT_PRIMARY_ACTION = { label: "Start Building" };
-function HeroSplit({
-  headline = `Build faster with ${siteConfig.name}`,
-  subheadline = "A complete component library for building modern, high-contrast AI applications.",
-  primaryAction = DEFAULT_SPLIT_PRIMARY_ACTION,
-  className
-}) {
-  const shouldReduceMotion = useReducedMotion();
-  const Wrapper = shouldReduceMotion ? "div" : m.div;
-  const Item = shouldReduceMotion ? "div" : m.div;
-  return /* @__PURE__ */ jsx("section", { className: cn("relative overflow-hidden py-24 md:py-32", className), children: /* @__PURE__ */ jsxs("div", { className: "container mx-auto grid gap-12 px-6 lg:px-8 lg:grid-cols-2 lg:items-center", children: [
-    /* @__PURE__ */ jsxs(
-      Wrapper,
-      {
-        className: "relative z-10",
-        ...!shouldReduceMotion && {
-          initial: "hidden",
-          animate: "visible",
-          variants: heroStagger.container
-        },
-        children: [
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center rounded-lg border border-border bg-surface px-4 py-1.5 mb-6", children: [
-            /* @__PURE__ */ jsx(SparklesIcon, { size: 16, className: "mr-2 text-accent" }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-text-secondary", children: "AI-Powered Components" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx(Heading, { level: 1, size: "display", className: "text-text-primary sm:text-6xl mb-6", children: /* @__PURE__ */ jsx(TextReveal, { text: headline, by: "word", delay: TEXT_EFFECTS.textRevealDelayMs }) }) }),
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsx("p", { className: "text-lg text-text-secondary mb-8 leading-relaxed max-w-lg", children: subheadline }) }),
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-4", children: [
-            /* @__PURE__ */ jsxs(Button, { size: "lg", variant: "accent", onClick: primaryAction.onClick, children: [
-              primaryAction.label,
-              /* @__PURE__ */ jsx(ZapIcon, { size: 16, className: "ml-2" })
-            ] }),
-            /* @__PURE__ */ jsx(Button, { size: "lg", variant: "ghost", children: "Documentation" })
-          ] }) }),
-          /* @__PURE__ */ jsx(Item, { ...!shouldReduceMotion && { variants: heroStagger.child }, children: /* @__PURE__ */ jsxs("div", { className: "mt-8 flex items-center gap-4 text-sm text-text-tertiary", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex -space-x-2", children: [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxs("div", { className: "h-8 w-8 rounded-full border-2 border-background bg-surface-active flex items-center justify-center text-[10px] font-bold", children: [
-              "U",
-              i
-            ] }, i)) }),
-            /* @__PURE__ */ jsx("p", { children: "Trusted by 10,000+ developers" })
-          ] }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "relative lg:ml-auto w-full max-w-md", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute -inset-4 rounded-xl bg-gradient-to-r from-primary to-text-secondary opacity-20 blur-2xl" }),
-      /* @__PURE__ */ jsxs(Card, { interactive: true, className: "relative w-full border-border/50", children: [
-        /* @__PURE__ */ jsx(CardHeader, { className: "border-b border-border/50 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex space-x-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-destructive/50" }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-chart-5/50" }),
-            /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-chart-4/50" })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "text-xs text-text-tertiary font-mono", children: "terminal.tsx" })
-        ] }) }),
-        /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4 p-6 font-mono text-sm", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-chart-4", children: [
-            /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16 }),
-            /* @__PURE__ */ jsx("span", { children: "npm install @nadicode/core" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "text-text-secondary", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-chart-2", children: "\u2714" }),
-            " Added 124 packages"
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-text-primary", children: [
-            /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16, className: "text-text-tertiary" }),
-            /* @__PURE__ */ jsx("span", { children: "npx nadicode init" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "bg-surface/50 p-4 rounded border border-border/50 text-xs text-text-secondary mt-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
-              /* @__PURE__ */ jsx(TerminalIcon, { size: 12 }),
-              /* @__PURE__ */ jsx("span", { children: "Initializing project..." })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "h-1 w-full bg-border rounded-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "h-full bg-accent w-2/3" }) })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "absolute -bottom-6 -left-6 max-w-[200px]", children: /* @__PURE__ */ jsx(Card, { className: "border-border/50 shadow-xl", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4 flex items-center gap-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "h-8 w-8 rounded-full bg-chart-4/20 flex items-center justify-center text-chart-4", children: /* @__PURE__ */ jsx(ZapIcon, { size: 16 }) }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: "text-xs font-bold text-text-primary", children: "Deployment" }),
-          /* @__PURE__ */ jsx("div", { className: "text-[10px] text-text-secondary", children: "Successful (24ms)" })
-        ] })
-      ] }) }) })
-    ] })
-  ] }) });
-}
-
-export { HeroCentered, HeroSplit };
+import '../../chunk-QYZT24TS.js';

package/dist/components/blocks/HeroSectionBlock.d.ts

@@ -15,5 +15,5 @@ interface HeroSectionProps {
     logos?: HeroLogo[];
     className?: string;
 }
-export declare function HeroSection({ headline, flipWords, primaryAction, secondaryAction, logos, className, }: HeroSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function HeroSectionBlock({ headline, flipWords, primaryAction, secondaryAction, logos, className, }: HeroSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/blocks/HeroSectionBlock.js

@@ -1,21 +1,22 @@
 'use client';
-import { HeroHeader } from '../../chunk-5I3FWRC5.js';
+import { LOCAL_HERO_LOGOS } from '../../chunk-QQOWC53X.js';
+import { HeaderBlock } from '../../chunk-WOYBVPXK.js';
 import '../../chunk-G5EO22OR.js';
+import '../../chunk-OHX2LFAH.js';
+import '../../chunk-SGI25ZJ6.js';
 import '../../chunk-ANBJ2OLC.js';
 import '../../chunk-LV4LBWCS.js';
 import '../../chunk-XZ3A33GP.js';
 import '../../chunk-F3T2U7YL.js';
 import { FlipWords } from '../../chunk-6DYFX5IR.js';
 import '../../chunk-EB5PYS7Q.js';
-import '../../chunk-OHX2LFAH.js';
-import '../../chunk-SGI25ZJ6.js';
 import '../../chunk-HOWTYZL5.js';
 import { ProgressiveBlur } from '../../chunk-3UJ3HJZ3.js';
-import '../../chunk-GHIBG7OM.js';
 import '../../chunk-ULLTRLBD.js';
 import '../../chunk-4O6L5YWT.js';
-import { InfiniteSlider } from '../../chunk-IFIDWZ5M.js';
+import '../../chunk-GHIBG7OM.js';
 import { Heading } from '../../chunk-WI547C47.js';
+import { InfiniteSlider } from '../../chunk-IFIDWZ5M.js';
 import '../../chunk-A7NUWD76.js';
 import { Button } from '../../chunk-7KIDDF3I.js';
 import '../../chunk-6FOHUNXR.js';
@@ -23,115 +24,115 @@ import '../../chunk-PD2YEH3H.js';
 import '../../chunk-CRY67BIF.js';
 import '../../chunk-HJC6U46F.js';
 import '../../chunk-GO35FTNJ.js';
-import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-WUO7OONN.js';
 import '../../chunk-FLF5AMNO.js';
-import '../../chunk-WFJQ43SM.js';
+import '../../chunk-3CLXYQKB.js';
 import '../../chunk-S4GKGKON.js';
 import '../../chunk-LCDDAE7J.js';
 import '../../chunk-R674XI7C.js';
-import '../../chunk-WUO7OONN.js';
+import '../../chunk-HNY45VUQ.js';
 import '../../chunk-BPCCTJSK.js';
 import '../../chunk-CGUCH322.js';
 import '../../chunk-ELKIUARM.js';
-import '../../chunk-ZU2GYVAP.js';
 import '../../chunk-KSHJQ2VT.js';
-import '../../chunk-3CLXYQKB.js';
-import '../../chunk-JHQ5NMLZ.js';
-import '../../chunk-CRZ2JE24.js';
+import '../../chunk-GAKU7DFY.js';
+import '../../chunk-T6BRD7TS.js';
 import '../../chunk-TXGANOAX.js';
 import '../../chunk-OITJWGFV.js';
 import '../../chunk-Z74D6D2W.js';
-import '../../chunk-HNY45VUQ.js';
+import '../../chunk-7WDT2PRI.js';
 import '../../chunk-IJJI4RQU.js';
 import '../../chunk-E7RBK6ML.js';
 import '../../chunk-UBIGDGOP.js';
-import '../../chunk-Q7LVUGFL.js';
 import '../../chunk-ALMGJVMT.js';
 import '../../chunk-QPXTBZWN.js';
-import '../../chunk-GAKU7DFY.js';
-import '../../chunk-T6BRD7TS.js';
+import '../../chunk-4NXZIMYZ.js';
 import '../../chunk-R5XP45PD.js';
 import '../../chunk-G5EO5FWC.js';
 import '../../chunk-NCULQXJE.js';
 import '../../chunk-VDYPDMYR.js';
 import '../../chunk-WDGIQDQG.js';
-import '../../chunk-WKRIKCJC.js';
-import '../../chunk-7WDT2PRI.js';
-import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-RYOTIXZO.js';
 import '../../chunk-JZ4G2SJH.js';
 import '../../chunk-KYGKJ553.js';
 import '../../chunk-M7YSMMAC.js';
 import '../../chunk-XQ2UDMPO.js';
 import '../../chunk-JMCSAGZ3.js';
 import '../../chunk-QUKDUSHD.js';
-import '../../chunk-4NXZIMYZ.js';
-import '../../chunk-TBKJ34BB.js';
+import '../../chunk-O74AEVHW.js';
+import '../../chunk-ZUHIWALK.js';
 import '../../chunk-2IZC7HSV.js';
 import '../../chunk-2SDZMTB2.js';
-import '../../chunk-R3AO6AZM.js';
-import '../../chunk-RYOTIXZO.js';
+import '../../chunk-IQEBXXB5.js';
+import '../../chunk-AZUJNRQU.js';
 import '../../chunk-W3B3UOEG.js';
 import '../../chunk-ACRVOD7W.js';
 import '../../chunk-QSU23VYZ.js';
 import '../../chunk-BJYCQ2NV.js';
 import '../../chunk-VM462WZC.js';
-import '../../chunk-O74AEVHW.js';
-import '../../chunk-ZUHIWALK.js';
 import '../../chunk-5UZDOF6V.js';
 import '../../chunk-PKVTEDKO.js';
 import '../../chunk-I3TH7PIB.js';
 import '../../chunk-WGPK3FQ7.js';
 import '../../chunk-JL4MVVFH.js';
-import '../../chunk-IQEBXXB5.js';
-import '../../chunk-AZUJNRQU.js';
+import '../../chunk-4FEAWXJD.js';
+import '../../chunk-JHQTKMKG.js';
 import '../../chunk-WA45EC4Y.js';
 import '../../chunk-2MOEOEOI.js';
 import '../../chunk-5LCXASRW.js';
 import '../../chunk-2ZJVU7NV.js';
 import '../../chunk-5ESF6N36.js';
 import '../../chunk-RBPLOM3A.js';
-import '../../chunk-GCUTJI7M.js';
+import '../../chunk-6BAV4TZ5.js';
+import '../../chunk-SW6QPJM4.js';
 import '../../chunk-2NT57K4U.js';
-import '../../chunk-6G3RRWJT.js';
 import '../../chunk-JRJGSNI4.js';
 import '../../chunk-RF6ECFS5.js';
-import '../../chunk-TV4RSQH4.js';
-import '../../chunk-4FEAWXJD.js';
-import '../../chunk-JHQTKMKG.js';
+import '../../chunk-KYZT3RNW.js';
+import '../../chunk-UEG2LI7Z.js';
 import '../../chunk-CI7GPGCJ.js';
 import '../../chunk-226EBOTK.js';
-import '../../chunk-G5YLGJXR.js';
-import { ChevronRightIcon } from '../../chunk-G24VV5NO.js';
-import '../../chunk-6BAV4TZ5.js';
-import '../../chunk-SW6QPJM4.js';
+import '../../chunk-74RKVIBV.js';
 import '../../chunk-V6WNRZT3.js';
 import '../../chunk-JBK2LA6U.js';
 import '../../chunk-55U27XY4.js';
 import '../../chunk-LSPO6OBI.js';
 import '../../chunk-Y56WBNCY.js';
-import '../../chunk-KYZT3RNW.js';
-import '../../chunk-UEG2LI7Z.js';
 import '../../chunk-JJTQOH7J.js';
 import '../../chunk-72X6SXOX.js';
 import '../../chunk-SR5U52V3.js';
-import '../../chunk-74RKVIBV.js';
 import '../../chunk-AWIJHDNK.js';
-import '../../chunk-BRP6D56U.js';
-import '../../chunk-S733NAYS.js';
 import '../../chunk-MAUTIHQG.js';
+import '../../chunk-S733NAYS.js';
 import '../../chunk-666N6OTL.js';
 import '../../chunk-FMH55OKV.js';
 import '../../chunk-WXVNTJIB.js';
-import '../../chunk-CXACRCZ4.js';
 import '../../chunk-T7H53CK2.js';
-import '../../chunk-BFLN54VR.js';
+import '../../chunk-TBKJ34BB.js';
+import '../../chunk-BRP6D56U.js';
+import '../../chunk-6G3RRWJT.js';
+import '../../chunk-ZU2GYVAP.js';
+import '../../chunk-CRZ2JE24.js';
+import '../../chunk-PSVQ7ZNX.js';
+import '../../chunk-WKRIKCJC.js';
+import '../../chunk-JHQ5NMLZ.js';
+import '../../chunk-WFJQ43SM.js';
+import '../../chunk-AP5Y5M3R.js';
+import '../../chunk-Q7LVUGFL.js';
+import '../../chunk-G5YLGJXR.js';
+import { ChevronRightIcon } from '../../chunk-G24VV5NO.js';
+import '../../chunk-R3AO6AZM.js';
+import '../../chunk-GCUTJI7M.js';
+import '../../chunk-CXACRCZ4.js';
 import '../../chunk-P6IRHPFM.js';
 import '../../chunk-SXHYB7JB.js';
+import '../../chunk-BFLN54VR.js';
 import '../../chunk-ONGJ7AC2.js';
 import '../../chunk-UHXGBV5N.js';
 import '../../chunk-UIUMTURU.js';
 import '../../chunk-PRUXIDBD.js';
 import '../../chunk-NURPUVUV.js';
+import '../../chunk-TV4RSQH4.js';
 import '../../chunk-HJBXUXTD.js';
 import '../../chunk-ASKFAYYR.js';
 import { cn } from '../../chunk-QYZT24TS.js';
@@ -141,16 +142,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 var defaultFlipWords = ["scalable", "accessible", "beautiful", "performant"];
 var defaultPrimaryAction = { label: "Start Building", href: "#link" };
 var defaultSecondaryAction = { label: "Request a demo", href: "#link" };
-var defaultLogos = [
-  { src: "https://html.tailus.io/blocks/customers/nvidia.svg", alt: "Nvidia Logo", height: "20" },
-  { src: "https://html.tailus.io/blocks/customers/column.svg", alt: "Column Logo", height: "16" },
-  { src: "https://html.tailus.io/blocks/customers/github.svg", alt: "GitHub Logo", height: "16" },
-  { src: "https://html.tailus.io/blocks/customers/nike.svg", alt: "Nike Logo", height: "20" },
-  { src: "https://html.tailus.io/blocks/customers/lemonsqueezy.svg", alt: "Lemon Squeezy Logo", height: "20" },
-  { src: "https://html.tailus.io/blocks/customers/laravel.svg", alt: "Laravel Logo", height: "16" },
-  { src: "https://html.tailus.io/blocks/customers/lilly.svg", alt: "Lilly Logo", height: "28" },
-  { src: "https://html.tailus.io/blocks/customers/openai.svg", alt: "OpenAI Logo", height: "24" }
-];
+var defaultLogos = LOCAL_HERO_LOGOS;
 function heightClass(h) {
   const n = parseInt(h, 10);
   if (n <= 16) return "h-4";
@@ -158,7 +150,7 @@ function heightClass(h) {
   if (n <= 24) return "h-6";
   return "h-7";
 }
-function HeroSection({
+function HeroSectionBlock({
   headline = "Build 10x Faster with NS",
   flipWords = defaultFlipWords,
   primaryAction = defaultPrimaryAction,
@@ -167,7 +159,7 @@ function HeroSection({
   className
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(HeroHeader, {}),
+    /* @__PURE__ */ jsx(HeaderBlock, {}),
     /* @__PURE__ */ jsxs("main", { className: className ?? "overflow-x-hidden", children: [
       /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsxs("div", { className: "py-24 md:pb-32 lg:pb-36 lg:pt-72", children: [
         /* @__PURE__ */ jsx("div", { className: "relative mx-auto flex max-w-7xl flex-col px-6 lg:block lg:px-12", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-lg text-center lg:ml-0 lg:max-w-full lg:text-left", children: [
@@ -210,15 +202,19 @@ function HeroSection({
             )
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx("div", { className: "aspect-2/3 absolute inset-1.5 -z-10 overflow-hidden rounded-3xl border border-border/50 lg:aspect-video lg:rounded-[3rem]", children: /* @__PURE__ */ jsx(
-          "video",
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            autoPlay: true,
-            loop: true,
-            className: "size-full object-cover opacity-50 invert dark:opacity-35 dark:invert-0 dark:lg:opacity-75",
-            src: "https://ik.imagekit.io/lrigu76hy/tailark/dna-video.mp4?updatedAt=1745736251477"
+            "aria-hidden": "true",
+            className: "absolute inset-1.5 -z-10 overflow-hidden rounded-3xl border border-border/50 bg-[radial-gradient(circle_at_top_left,rgba(255,255,255,0.12),transparent_34%),radial-gradient(circle_at_bottom_right,rgba(59,130,246,0.18),transparent_30%),linear-gradient(135deg,rgba(15,23,42,0.98),rgba(30,41,59,0.94))] lg:rounded-[3rem]",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-x-10 top-10 h-24 rounded-full bg-accent/20 blur-3xl" }),
+              /* @__PURE__ */ jsx("div", { className: "absolute left-8 top-16 size-40 rounded-full border border-foreground/10 bg-foreground/5 blur-[1px]" }),
+              /* @__PURE__ */ jsx("div", { className: "absolute right-10 bottom-10 size-48 rounded-full border border-accent/20 bg-accent/10 blur-[1px]" }),
+              /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-[linear-gradient(to_right,rgba(255,255,255,0.03)_1px,transparent_1px),linear-gradient(to_bottom,rgba(255,255,255,0.03)_1px,transparent_1px)] bg-[size:48px_48px] opacity-40" })
+            ]
           }
-        ) })
+        )
       ] }) }),
       /* @__PURE__ */ jsx("section", { className: "bg-background pb-2", children: /* @__PURE__ */ jsx("div", { className: "group relative m-auto max-w-7xl px-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center md:flex-row", children: [
         /* @__PURE__ */ jsx("div", { className: "md:max-w-44 md:border-r md:pr-6", children: /* @__PURE__ */ jsx("p", { className: "text-end text-sm", children: "Powering the best teams" }) }),
@@ -264,4 +260,4 @@ function HeroSection({
   ] });
 }
 
-export { HeroSection };
+export { HeroSectionBlock };

package/dist/components/blocks/IntegrationsBlock.d.ts

@@ -11,5 +11,5 @@ interface IntegrationsSectionProps {
     integrations?: IntegrationItem[];
     className?: string;
 }
-export declare function IntegrationsSection({ title, description, integrations, className, }?: IntegrationsSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function IntegrationsBlock({ title, description, integrations, className, }?: IntegrationsSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};