@vadimcomanescu/nadicode-design-system 2.0.9 → 4.0.0

package/dist/chunk-7IADIXDV.js

@@ -0,0 +1,168 @@
+import { LogoIcon } from './chunk-GHIBG7OM.js';
+import { Heading } from './chunk-WI547C47.js';
+import { Field, FieldLabel } from './chunk-RX5EUODB.js';
+import { siteConfig } from './chunk-A7NUWD76.js';
+import { Input } from './chunk-AP3XXYAY.js';
+import { GoogleIcon, MicrosoftIcon } from './chunk-DJTF3XFB.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import Link from 'next/link';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function SignUpBlock({
+  title = `Create a ${siteConfig.name} Account`,
+  description = "Welcome! Create an account to get started",
+  showSocial = true,
+  signInHref = "#",
+  onSubmit,
+  className
+}) {
+  return /* @__PURE__ */ jsx("section", { className: className ?? "flex min-h-dvh bg-background px-4 py-16 md:py-32 dark:bg-transparent", children: /* @__PURE__ */ jsxs(
+    "form",
+    {
+      action: "",
+      onSubmit,
+      className: "bg-surface m-auto h-fit w-full max-w-sm rounded-[calc(var(--radius)+.125rem)] border p-0.5 shadow-md dark:[--color-muted:var(--color-surface)]",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "p-8 pb-6", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              Link,
+              {
+                href: "#",
+                "aria-label": "go home",
+                children: /* @__PURE__ */ jsx(LogoIcon, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(Heading, { level: 1, size: "title", className: "mb-1.5 mt-4", children: title }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm", children: description })
+          ] }),
+          !!showSocial && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "mt-6 grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  className: "h-11",
+                  children: [
+                    /* @__PURE__ */ jsx(GoogleIcon, {}),
+                    /* @__PURE__ */ jsx("span", { children: "Google" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  type: "button",
+                  variant: "outline",
+                  className: "h-11",
+                  children: [
+                    /* @__PURE__ */ jsx(MicrosoftIcon, {}),
+                    /* @__PURE__ */ jsx("span", { children: "Microsoft" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx("hr", { className: "my-4 border-dashed" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ jsxs(Field, { children: [
+                /* @__PURE__ */ jsx(
+                  FieldLabel,
+                  {
+                    htmlFor: "firstname",
+                    className: "block text-sm",
+                    children: "Firstname"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "text",
+                    required: true,
+                    name: "firstname",
+                    id: "firstname"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(Field, { children: [
+                /* @__PURE__ */ jsx(
+                  FieldLabel,
+                  {
+                    htmlFor: "lastname",
+                    className: "block text-sm",
+                    children: "Lastname"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    type: "text",
+                    required: true,
+                    name: "lastname",
+                    id: "lastname"
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(Field, { children: [
+              /* @__PURE__ */ jsx(
+                FieldLabel,
+                {
+                  htmlFor: "email",
+                  className: "block text-sm",
+                  children: "Username"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "email",
+                  required: true,
+                  name: "email",
+                  id: "email"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(Field, { children: [
+              /* @__PURE__ */ jsx(
+                FieldLabel,
+                {
+                  htmlFor: "pwd",
+                  className: "text-sm",
+                  children: "Password"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "password",
+                  required: true,
+                  name: "pwd",
+                  id: "pwd",
+                  className: "input sz-md variant-mixed"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(Button, { className: "w-full", children: "Continue" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "bg-muted rounded-(--radius) border p-4", children: /* @__PURE__ */ jsxs("p", { className: "text-accent-foreground text-center text-sm", children: [
+          "Have an account ?",
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              asChild: true,
+              variant: "link",
+              className: "px-2",
+              children: /* @__PURE__ */ jsx(Link, { href: signInHref, children: "Sign In" })
+            }
+          )
+        ] }) })
+      ]
+    }
+  ) });
+}
+
+export { SignUpBlock };

package/dist/chunk-7NS3VFD7.js

@@ -0,0 +1,86 @@
+import { StaggerChildren } from './chunk-DQPK2XRL.js';
+import { Heading } from './chunk-WI547C47.js';
+import { ScrollFadeIn } from './chunk-I23DDSU7.js';
+import { Card, CardHeader, CardContent } from './chunk-AH6YSYYT.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { Badge } from './chunk-S4JAHKOP.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultAgents = [
+  {
+    name: "Atlas",
+    role: "Data Analyst",
+    description: "Transforms raw data into actionable insights with automated reporting.",
+    avatar: /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-accent/10 text-2xl font-bold text-accent", children: "A" }),
+    capabilities: ["Analytics", "Reporting", "Forecasting"],
+    status: "active"
+  },
+  {
+    name: "Nova",
+    role: "Customer Support",
+    description: "Handles customer inquiries with empathy and precision, 24/7.",
+    avatar: /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-accent/10 text-2xl font-bold text-accent", children: "N" }),
+    capabilities: ["Chat", "Email", "Tickets"],
+    status: "active"
+  },
+  {
+    name: "Orion",
+    role: "Content Creator",
+    description: "Generates and optimizes content across all your marketing channels.",
+    avatar: /* @__PURE__ */ jsx("div", { className: "flex size-16 items-center justify-center rounded-full bg-accent/10 text-2xl font-bold text-accent", children: "O" }),
+    capabilities: ["Writing", "SEO", "Social"],
+    status: "coming-soon"
+  }
+];
+var statusVariant = {
+  active: "accent",
+  idle: "secondary",
+  "coming-soon": "outline"
+};
+var statusLabel = {
+  active: "Active",
+  idle: "Idle",
+  "coming-soon": "Coming Soon"
+};
+var columnClasses = {
+  2: "grid-cols-1 sm:grid-cols-2",
+  3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+  4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
+};
+function AgentProfileGridBlock({
+  title = "Meet your AI team",
+  description = "Purpose-built agents that work together to accelerate your workflow.",
+  agents = defaultAgents,
+  columns = 3,
+  className
+}) {
+  return /* @__PURE__ */ jsx(ScrollFadeIn, { children: /* @__PURE__ */ jsx("section", { className: className ?? "py-16 md:py-32", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-5xl px-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx(Heading, { level: 2, size: "section", className: "text-4xl lg:text-5xl", children: title }),
+      /* @__PURE__ */ jsx("p", { className: "mt-4 text-text-secondary", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      StaggerChildren,
+      {
+        staggerMs: 80,
+        className: cn("mt-8 grid gap-6 md:mt-16", columnClasses[columns]),
+        children: agents.map((agent, i) => /* @__PURE__ */ jsxs(Card, { className: "text-center", children: [
+          /* @__PURE__ */ jsxs(CardHeader, { className: "items-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "size-16", children: agent.avatar }),
+            /* @__PURE__ */ jsx(Heading, { level: 3, size: "title", className: "mt-4 font-medium", children: agent.name }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: agent.role })
+          ] }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary", children: agent.description }),
+            agent.capabilities && agent.capabilities.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-1.5", children: agent.capabilities.map((cap) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: cap }, cap)) }),
+            agent.status && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, { variant: statusVariant[agent.status], children: statusLabel[agent.status] }) }),
+            agent.href && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { variant: "link", asChild: true, children: /* @__PURE__ */ jsx("a", { href: agent.href, children: "Learn more" }) }) })
+          ] })
+        ] }, i))
+      }
+    )
+  ] }) }) });
+}
+
+export { AgentProfileGridBlock };

package/dist/chunk-7XLZCXUL.js

@@ -0,0 +1,175 @@
+import { MarketingShellPageKit } from './chunk-Z233ZQZE.js';
+import { TeamBlock } from './chunk-VBZQ4DBE.js';
+import { TestimonialsBlock } from './chunk-FV2G6SAF.js';
+import { ProcessFlowBlock } from './chunk-HZERHGBT.js';
+import { HeroBlock } from './chunk-7A2RXKGH.js';
+import { FAQBlock } from './chunk-NEHCPO53.js';
+import { FeatureBlock } from './chunk-HJ3A2YNO.js';
+import { CallToActionBlock } from './chunk-GJPTPLCQ.js';
+import { cn } from './chunk-QYZT24TS.js';
+import React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DEFAULT_SECTION_ORDER = [
+  "hero",
+  "features",
+  "process",
+  "team",
+  "testimonials",
+  "faq",
+  "cta"
+];
+var DEFAULTS_BY_VARIANT = {
+  "agency-home": {
+    hero: {
+      headline: "A service partner for design and engineering velocity.",
+      subheadline: "Launch polished digital experiences with a repeatable service system.",
+      primaryAction: { label: "Talk to sales" }
+    },
+    features: {
+      features: [
+        {
+          title: "Cross-functional squads",
+          description: "Design, engineering, and QA operating in one weekly cadence.",
+          icon: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u25CF" }),
+          bullets: ["Shared backlog", "Contract-first delivery", "Continuous validation"],
+          buttonLabel: "Learn more"
+        }
+      ]
+    },
+    process: {
+      title: "Service process",
+      steps: [
+        { title: "Discover", description: "Map goals, constraints, and target outcomes." },
+        { title: "Build", description: "Ship slices weekly with measurable acceptance." },
+        { title: "Scale", description: "Expand coverage using reusable contracts and kits." }
+      ]
+    },
+    team: null,
+    testimonials: {},
+    faq: {},
+    cta: {
+      title: "Need an execution partner?",
+      description: "Book a planning session and get a route-level rollout plan.",
+      primaryAction: { label: "Book planning", href: "/contact" }
+    }
+  },
+  "digital-workers": {
+    hero: {
+      headline: "Digital workers for planning, delivery, and quality.",
+      subheadline: "Deploy role-based workers that execute work while humans stay in control.",
+      primaryAction: { label: "Request demo" }
+    },
+    features: {
+      features: [
+        {
+          title: "Role-specialized workers",
+          description: "Assign planner, coder, and QA workers per workflow.",
+          icon: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u25CD" }),
+          bullets: ["Shared context", "Traceable decisions", "Approval checkpoints"],
+          buttonLabel: "Explore workers"
+        }
+      ]
+    },
+    process: {
+      title: "Delivery process",
+      steps: [
+        { title: "Select workers", description: "Pick the worker stack for each objective." },
+        { title: "Run supervised", description: "Review outputs before execution-critical actions." },
+        { title: "Promote safely", description: "Ship with tests and release gates enforced." }
+      ]
+    },
+    team: {
+      title: "Worker team"
+    },
+    testimonials: {},
+    faq: {},
+    cta: {
+      title: "Design your worker stack",
+      description: "Start with a pilot route and scale based on measured outcomes.",
+      primaryAction: { label: "Start pilot", href: "/contact" }
+    }
+  },
+  "service-detail": {
+    hero: {
+      headline: "A focused service track for your highest-impact route.",
+      subheadline: "Bring one route from concept to production with a contract-first approach.",
+      primaryAction: { label: "Request proposal" }
+    },
+    features: {
+      features: [
+        {
+          title: "Outcome-led scope",
+          description: "Every section is mapped to a measurable business outcome.",
+          icon: /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u25C9" }),
+          bullets: ["Delivery milestones", "Weekly demos", "Launch checklist"],
+          buttonLabel: "See deliverables"
+        }
+      ]
+    },
+    process: {
+      title: "Implementation steps",
+      steps: [
+        { title: "Audit", description: "Review current route structure and conversion friction." },
+        { title: "Design", description: "Define section contracts and interaction states." },
+        { title: "Implement", description: "Ship validated route kit with test coverage." }
+      ]
+    },
+    team: null,
+    testimonials: {},
+    faq: {},
+    cta: {
+      title: "Need this service for your route?",
+      description: "Share your current page and goals, we will map a rollout plan.",
+      primaryAction: { label: "Contact team", href: "/contact" }
+    }
+  }
+};
+function normalizeSectionOrder(sectionOrder) {
+  if (!sectionOrder || sectionOrder.length === 0) {
+    return DEFAULT_SECTION_ORDER;
+  }
+  const seen = /* @__PURE__ */ new Set();
+  return sectionOrder.filter((sectionId) => {
+    if (seen.has(sectionId)) {
+      return false;
+    }
+    seen.add(sectionId);
+    return true;
+  });
+}
+function ServiceSuitePageKit({
+  shell,
+  variant = "agency-home",
+  sectionOrder,
+  hero,
+  features,
+  process,
+  team,
+  testimonials,
+  faq,
+  cta,
+  className
+}) {
+  const defaults = DEFAULTS_BY_VARIANT[variant];
+  const resolvedHero = hero ?? defaults.hero;
+  const resolvedFeatures = features === void 0 ? defaults.features : features;
+  const resolvedProcess = process === void 0 ? defaults.process : process;
+  const resolvedTeam = team === void 0 ? defaults.team : team;
+  const resolvedTestimonials = testimonials === void 0 ? defaults.testimonials : testimonials;
+  const resolvedFaq = faq === void 0 ? defaults.faq : faq;
+  const resolvedCta = cta === void 0 ? defaults.cta : cta;
+  const orderedSections = normalizeSectionOrder(sectionOrder);
+  const sectionById = {
+    hero: resolvedHero === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-hero", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(HeroBlock, { variant: "split", ...resolvedHero }) }),
+    features: resolvedFeatures === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-features", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(FeatureBlock, { variant: "list", ...resolvedFeatures }) }),
+    process: resolvedProcess === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-process", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(ProcessFlowBlock, { ...resolvedProcess }) }),
+    team: resolvedTeam === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-team", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(TeamBlock, { ...resolvedTeam }) }),
+    testimonials: resolvedTestimonials === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-testimonials", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(TestimonialsBlock, { ...resolvedTestimonials }) }),
+    faq: resolvedFaq === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-faq", className: "mx-auto w-full max-w-6xl px-6", children: /* @__PURE__ */ jsx(FAQBlock, { ...resolvedFaq }) }),
+    cta: resolvedCta === null ? null : /* @__PURE__ */ jsx("section", { "data-testid": "service-section-cta", className: "mx-auto w-full max-w-6xl px-6 pb-16", children: /* @__PURE__ */ jsx(CallToActionBlock, { ...resolvedCta }) })
+  };
+  return /* @__PURE__ */ jsx(MarketingShellPageKit, { ...shell, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-10 pb-10", className), children: orderedSections.map((sectionId) => /* @__PURE__ */ jsx(React.Fragment, { children: sectionById[sectionId] }, sectionId)) }) });
+}
+
+export { ServiceSuitePageKit };

package/dist/chunk-ALA6OM7K.js

@@ -0,0 +1,134 @@
+import { LOCAL_HERO_LOGOS } from './chunk-QQOWC53X.js';
+import { HeaderBlock } from './chunk-WOYBVPXK.js';
+import { FlipWords } from './chunk-6DYFX5IR.js';
+import { ProgressiveBlur } from './chunk-3UJ3HJZ3.js';
+import { Heading } from './chunk-WI547C47.js';
+import { InfiniteSlider } from './chunk-IFIDWZ5M.js';
+import { Button } from './chunk-7KIDDF3I.js';
+import { ChevronRightIcon } from './chunk-G24VV5NO.js';
+import { cn } from './chunk-QYZT24TS.js';
+import Link from 'next/link';
+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 = LOCAL_HERO_LOGOS;
+function heightClass(h) {
+  const n = parseInt(h, 10);
+  if (n <= 16) return "h-4";
+  if (n <= 20) return "h-5";
+  if (n <= 24) return "h-6";
+  return "h-7";
+}
+function HeroSectionBlock({
+  headline = "Build 10x Faster with NS",
+  flipWords = defaultFlipWords,
+  primaryAction = defaultPrimaryAction,
+  secondaryAction = defaultSecondaryAction,
+  logos = defaultLogos,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__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: [
+          /* @__PURE__ */ jsx(Heading, { level: 1, size: "display", className: "mt-8 max-w-2xl text-5xl md:text-6xl lg:mt-16 xl:text-7xl", children: headline }),
+          /* @__PURE__ */ jsxs("p", { className: "mt-8 max-w-2xl text-balance text-lg", children: [
+            "Highly customizable components that are",
+            " ",
+            /* @__PURE__ */ jsx(
+              FlipWords,
+              {
+                words: flipWords,
+                interval: 3e3,
+                className: "text-accent"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "mt-12 flex flex-col items-center justify-center gap-2 sm:flex-row lg:justify-start", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                asChild: true,
+                size: "lg",
+                className: "h-12 rounded-full pl-6 pr-4 text-base",
+                children: /* @__PURE__ */ jsxs(Link, { href: primaryAction.href, children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-nowrap", children: primaryAction.label }),
+                  /* @__PURE__ */ jsx(ChevronRightIcon, { size: 16, className: "ml-1.5" })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                asChild: true,
+                size: "lg",
+                variant: "ghost",
+                className: "h-12 rounded-full px-6 text-base hover:bg-surface-hover",
+                children: /* @__PURE__ */ jsx(Link, { href: secondaryAction.href, children: /* @__PURE__ */ jsx("span", { className: "text-nowrap", children: secondaryAction.label }) })
+              },
+              2
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "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" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "relative py-6 md:w-[calc(100%-11rem)]", children: [
+          /* @__PURE__ */ jsx(
+            InfiniteSlider,
+            {
+              speed: 40,
+              gap: 112,
+              children: logos.map((logo) => /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  className: cn("mx-auto w-fit dark:invert", heightClass(logo.height)),
+                  src: logo.src,
+                  alt: logo.alt,
+                  height: logo.height,
+                  width: "auto"
+                }
+              ) }, logo.alt))
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "bg-linear-to-r from-background absolute inset-y-0 left-0 w-20" }),
+          /* @__PURE__ */ jsx("div", { className: "bg-linear-to-l from-background absolute inset-y-0 right-0 w-20" }),
+          /* @__PURE__ */ jsx(
+            ProgressiveBlur,
+            {
+              className: "pointer-events-none absolute left-0 top-0 h-full w-20",
+              direction: "left",
+              blurIntensity: 1
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ProgressiveBlur,
+            {
+              className: "pointer-events-none absolute right-0 top-0 h-full w-20",
+              direction: "right",
+              blurIntensity: 1
+            }
+          )
+        ] })
+      ] }) }) })
+    ] })
+  ] });
+}
+
+export { HeroSectionBlock };

package/dist/chunk-AN5TW4AL.js

@@ -0,0 +1,50 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function AudioVisualizerBlock({
+  className,
+  bars = 20,
+  isPlaying = false
+}) {
+  const barsRef = useRef(null);
+  const opacityOffsetsRef = useRef(null);
+  if (opacityOffsetsRef.current === null || opacityOffsetsRef.current.length !== bars) {
+    opacityOffsetsRef.current = Array.from({ length: bars }, (_, i) => (i * 3 + 1) % 10 * 0.05);
+  }
+  const opacityOffsets = opacityOffsetsRef.current;
+  useEffect(() => {
+    const container = barsRef.current;
+    if (!container) return;
+    let interval;
+    const applyHeights = (heights) => {
+      const children = container.children;
+      for (let i = 0; i < children.length; i++) {
+        const child = children[i];
+        child.style.height = `${Math.max(10, heights[i])}%`;
+        child.style.opacity = String(isPlaying ? 0.5 + opacityOffsets[i] : 0.3);
+      }
+    };
+    if (isPlaying) {
+      interval = setInterval(() => {
+        applyHeights(Array.from({ length: bars }, () => Math.random() * 100));
+      }, 100);
+    } else {
+      applyHeights(Array(bars).fill(10));
+    }
+    return () => clearInterval(interval);
+  }, [isPlaying, bars, opacityOffsets]);
+  return /* @__PURE__ */ jsx("div", { ref: barsRef, className: cn("flex h-16 items-center justify-center gap-1.5", className), children: Array.from({ length: bars }, (_, i) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "w-1 rounded-full bg-accent transition-[height,opacity] duration-micro ease-out",
+      style: {
+        height: "10%",
+        opacity: 0.3
+      }
+    },
+    i
+  )) });
+}
+
+export { AudioVisualizerBlock };