@djangocfg/ui-nextjs 2.1.103 → 2.1.104

package/dist/blocks.cjs

@@ -1,1609 +0,0 @@
-'use strict';
-
-var moment2 = require('moment');
-var components = require('@djangocfg/ui-core/components');
-var lib = require('@djangocfg/ui-core/lib');
-var jsxRuntime = require('react/jsx-runtime');
-var React5 = require('react');
-var Link = require('next/link');
-var lucideReact = require('lucide-react');
-var Image = require('next/image');
-var uiTools = require('@djangocfg/ui-tools');
-require('next-themes');
-require('@djangocfg/ui-core/hooks');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var moment2__default = /*#__PURE__*/_interopDefault(moment2);
-var React5__default = /*#__PURE__*/_interopDefault(React5);
-var Link__default = /*#__PURE__*/_interopDefault(Link);
-var Image__default = /*#__PURE__*/_interopDefault(Image);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var typeConfig = {
-  security: { label: "Security", variant: "destructive", icon: "\u{1F6E1}\uFE0F" },
-  release: { label: "Release", variant: "default", icon: "\u{1F4E6}" },
-  announcement: { label: "Announcement", variant: "secondary", icon: "\u{1F4E2}" },
-  feature: { label: "Feature", variant: "outline", icon: "\u2728" }
-};
-var ArticleCard = /* @__PURE__ */ __name(({
-  title,
-  description,
-  date,
-  type,
-  href,
-  author,
-  tags,
-  featured = false,
-  className
-}) => {
-  const config = typeConfig[type];
-  const formattedDate = moment2__default.default(date).format("MMMM D, YYYY");
-  return /* @__PURE__ */ jsxRuntime.jsxs(components.Card, { className: lib.cn(
-    "group relative overflow-hidden transition-all duration-200 hover:shadow-lg",
-    featured && "border-primary/50 bg-primary/5",
-    className
-  ), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(components.CardHeader, { className: "pb-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 mb-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg", children: config.icon }),
-          /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: config.variant, children: config.label })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("time", { className: "text-sm text-muted-foreground", children: formattedDate })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(components.CardTitle, { className: "text-xl group-hover:text-primary transition-colors line-clamp-2", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: "hover:underline", children: title }) }),
-      description && /* @__PURE__ */ jsxRuntime.jsx(components.CardDescription, { className: "line-clamp-2 mt-2", children: description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(components.CardContent, { className: "pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        author && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
-          "by ",
-          author
-        ] }),
-        tags && tags.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-1", children: tags.slice(0, 2).map((tag) => /* @__PURE__ */ jsxRuntime.jsx(components.Badge, { variant: "outline", className: "text-xs", children: tag }, tag)) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(components.ButtonLink, { href, variant: "ghost", size: "sm", children: "Read more \u2192" })
-    ] }) })
-  ] });
-}, "ArticleCard");
-var ArticleList = /* @__PURE__ */ __name(({
-  articles,
-  title,
-  description,
-  showFeatured = true,
-  columns = 2,
-  className
-}) => {
-  const { featuredArticles, regularArticles } = React5.useMemo(() => {
-    const sorted = [...articles].sort(
-      (a, b) => moment2__default.default(b.date).valueOf() - moment2__default.default(a.date).valueOf()
-    );
-    return {
-      featuredArticles: showFeatured ? sorted.filter((a) => a.featured) : [],
-      regularArticles: showFeatured ? sorted.filter((a) => !a.featured) : sorted
-    };
-  }, [articles, showFeatured]);
-  const gridCols = {
-    1: "grid-cols-1",
-    2: "grid-cols-1 md:grid-cols-2",
-    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: lib.cn("py-8", className), children: [
-    (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8", children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl font-bold tracking-tight", children: title }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-lg text-muted-foreground", children: description })
-    ] }),
-    featuredArticles.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-4", children: "Featured" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4", children: featuredArticles.map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(ArticleCard, { ...article, featured: true }, index)) })
-    ] }),
-    regularArticles.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn("grid gap-4", gridCols[columns]), children: regularArticles.map((article, index) => /* @__PURE__ */ jsxRuntime.jsx(ArticleCard, { ...article }, index)) }),
-    articles.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12 text-muted-foreground", children: "No articles yet. Check back soon!" })
-  ] });
-}, "ArticleList");
-var CTASection = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  primaryCTA,
-  secondaryCTA,
-  background = "default",
-  className,
-  children
-}) => {
-  const backgroundClasses = {
-    default: "bg-background",
-    muted: "bg-muted/30",
-    primary: "bg-primary/5",
-    gradient: "bg-gradient-to-b from-background via-primary/5 to-background"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "section",
-    {
-      className: lib.cn(
-        "relative py-16 sm:py-20 md:py-24 lg:py-32",
-        backgroundClasses[background],
-        className
-      ),
-      children: [
-        background === "gradient" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 -z-10 overflow-hidden pointer-events-none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-4xl aspect-square bg-primary/10 rounded-full blur-3xl" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container max-w-4xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center space-y-6 sm:space-y-8", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight", children: title }),
-          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base sm:text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto leading-relaxed", children: subtitle }),
-          (primaryCTA || secondaryCTA) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center items-center pt-4", children: [
-            primaryCTA && (primaryCTA.onClick ? /* @__PURE__ */ jsxRuntime.jsx(
-              components.Button,
-              {
-                onClick: primaryCTA.onClick,
-                variant: primaryCTA.variant || "default",
-                size: primaryCTA.size || "lg",
-                className: "w-full sm:w-auto",
-                children: primaryCTA.label
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              components.Button,
-              {
-                asChild: true,
-                variant: primaryCTA.variant || "default",
-                size: primaryCTA.size || "lg",
-                className: "w-full sm:w-auto",
-                children: /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: primaryCTA.href || "#", children: primaryCTA.label })
-              }
-            )),
-            secondaryCTA && (secondaryCTA.onClick ? /* @__PURE__ */ jsxRuntime.jsx(
-              components.Button,
-              {
-                onClick: secondaryCTA.onClick,
-                variant: secondaryCTA.variant || "outline",
-                size: secondaryCTA.size || "lg",
-                className: "w-full sm:w-auto",
-                children: secondaryCTA.label
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx(
-              components.Button,
-              {
-                asChild: true,
-                variant: secondaryCTA.variant || "outline",
-                size: secondaryCTA.size || "lg",
-                className: "w-full sm:w-auto",
-                children: /* @__PURE__ */ jsxRuntime.jsx(Link__default.default, { href: secondaryCTA.href || "#", children: secondaryCTA.label })
-              }
-            ))
-          ] }),
-          children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pt-8 sm:pt-12", children })
-        ] }) })
-      ]
-    }
-  );
-}, "CTASection");
-var FeatureSection = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  features,
-  columns = 3,
-  className,
-  background = "dark",
-  variant = "default"
-}) => {
-  const getGridClasses = /* @__PURE__ */ __name(() => {
-    if (variant === "compact") {
-      switch (columns) {
-        case 2:
-          return "grid-cols-2";
-        case 3:
-          return "grid-cols-2 md:grid-cols-3";
-        case 4:
-          return "grid-cols-2 md:grid-cols-4";
-        case 6:
-          return "grid-cols-2 md:grid-cols-3 lg:grid-cols-6";
-        default:
-          return "grid-cols-2 md:grid-cols-3";
-      }
-    }
-    switch (columns) {
-      case 1:
-        return "grid-cols-1 max-w-2xl mx-auto";
-      case 2:
-        return "grid-cols-1 sm:grid-cols-2";
-      case 3:
-        return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";
-      case 4:
-        return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4";
-      case 6:
-        return "grid-cols-2 sm:grid-cols-3 lg:grid-cols-6";
-      default:
-        return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";
-    }
-  }, "getGridClasses");
-  const getBackgroundClasses = /* @__PURE__ */ __name(() => {
-    switch (background) {
-      case "dark":
-        return "bg-muted/30";
-      case "card":
-        return "bg-card";
-      case "gradient":
-        return "bg-gradient-to-b from-background to-muted/20";
-      case "none":
-        return "";
-      default:
-        return "bg-background";
-    }
-  }, "getBackgroundClasses");
-  if (variant === "compact") {
-    return /* @__PURE__ */ jsxRuntime.jsx("section", { className: lib.cn("py-12 md:py-16", getBackgroundClasses(), className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container max-w-5xl mx-auto px-4", children: [
-      (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-8", children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl sm:text-2xl font-bold text-foreground mb-2", children: title }),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground max-w-2xl mx-auto", children: subtitle })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn("grid gap-4", getGridClasses()), children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center p-4", children: [
-        feature.icon && /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: lib.cn(
-              "w-10 h-10 mx-auto mb-3 rounded-lg flex items-center justify-center",
-              feature.gradient || "bg-primary/10 text-primary"
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "[&>svg]:w-5 [&>svg]:h-5", children: feature.icon })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-medium text-sm mb-1", children: feature.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: feature.description })
-      ] }, index)) })
-    ] }) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: lib.cn("py-12 sm:py-16 lg:py-24", getBackgroundClasses(), className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full px-4 sm:px-6 lg:px-8", children: [
-    (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-12 sm:mb-16", children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-4 sm:mb-6", children: title }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base sm:text-lg md:text-xl text-muted-foreground max-w-3xl mx-auto px-2", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn("grid gap-6 sm:gap-8", getGridClasses()), children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-      components.Card,
-      {
-        className: "h-full hover:shadow-lg transition-all duration-300 backdrop-blur-sm border-border/50 hover:border-primary/30 group",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(components.CardHeader, { className: "pb-4", children: [
-            feature.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn(
-              "w-12 h-12 sm:w-16 sm:h-16 rounded-lg flex items-center justify-center mb-4 sm:mb-6 group-hover:scale-110 transition-all duration-300",
-              feature.gradient || "bg-primary/10 text-primary group-hover:bg-primary/20"
-            ), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl sm:text-2xl", children: feature.icon }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(components.CardTitle, { className: "text-lg sm:text-xl text-foreground group-hover:text-primary transition-colors duration-300", children: feature.title })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(components.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(components.CardDescription, { className: "text-sm sm:text-base text-muted-foreground leading-relaxed", children: feature.description }) })
-        ]
-      },
-      index
-    )) })
-  ] }) });
-}, "FeatureSection");
-var Hero = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  description,
-  primaryAction,
-  secondaryAction,
-  background = "dark",
-  className,
-  children
-}) => {
-  const backgroundClasses = {
-    gradient: "bg-gradient-to-b from-primary/10 to-background",
-    solid: "bg-primary text-primary-foreground",
-    image: "bg-cover bg-center bg-no-repeat text-white",
-    dark: "bg-background text-foreground"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: lib.cn(
-    "relative py-16 sm:py-20 md:py-24 lg:py-32",
-    backgroundClasses[background],
-    className
-  ), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-4xl mx-auto", children: [
-    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base sm:text-lg md:text-xl mb-4 sm:mb-6 text-muted-foreground font-medium", children: subtitle }),
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-4xl sm:text-5xl md:text-6xl lg:text-7xl font-bold mb-6 sm:mb-8 leading-tight", children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg sm:text-xl md:text-2xl mb-8 sm:mb-10 md:mb-12 text-muted-foreground leading-relaxed max-w-3xl mx-auto", children: description }),
-    (primaryAction || secondaryAction) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center", children: [
-      primaryAction && /* @__PURE__ */ jsxRuntime.jsx(
-        components.ButtonLink,
-        {
-          href: primaryAction.href,
-          variant: primaryAction.variant || "default",
-          size: "huge",
-          className: "w-full sm:w-auto",
-          children: primaryAction.label
-        }
-      ),
-      secondaryAction && /* @__PURE__ */ jsxRuntime.jsx(
-        components.ButtonLink,
-        {
-          href: secondaryAction.href,
-          variant: secondaryAction.variant || "outline",
-          size: "huge",
-          className: "w-full sm:w-auto",
-          children: secondaryAction.label
-        }
-      )
-    ] }),
-    children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-12 sm:mt-14 md:mt-16 flex justify-center", children })
-  ] }) }) });
-}, "Hero");
-var NewsletterSection = /* @__PURE__ */ __name(({
-  title = "Stay Updated with Our Newsletter",
-  description = "Get the latest insights on AI, technology, and software development delivered to your inbox.",
-  placeholder = "Enter your email address",
-  buttonText = "Subscribe",
-  disclaimer = "No spam, unsubscribe at any time",
-  background = "muted",
-  className,
-  onSubmit
-}) => {
-  const [email, setEmail] = React5__default.default.useState("");
-  const handleSubmit = /* @__PURE__ */ __name((e) => {
-    e.preventDefault();
-    if (email && onSubmit) {
-      onSubmit(email);
-      setEmail("");
-    }
-  }, "handleSubmit");
-  const backgroundClasses = {
-    default: "bg-background",
-    muted: "bg-muted/50",
-    primary: "bg-primary/5",
-    gradient: "bg-gradient-to-b from-background via-primary/5 to-background"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: lib.cn(
-    "relative py-16 sm:py-20 md:py-24 lg:py-32",
-    backgroundClasses[background],
-    className
-  ), children: [
-    background === "gradient" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 -z-10 overflow-hidden pointer-events-none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-4xl aspect-square bg-primary/10 rounded-full blur-3xl" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center max-w-3xl mx-auto", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-4 sm:mb-6", children: title }),
-      description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base sm:text-lg md:text-xl text-muted-foreground leading-relaxed mb-8 sm:mb-10 md:mb-12", children: description }),
-      /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "max-w-md mx-auto", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-3 sm:gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              components.Input,
-              {
-                type: "email",
-                placeholder,
-                value: email,
-                onChange: (e) => setEmail(e.target.value),
-                className: "pl-10 h-12 w-full",
-                required: true,
-                "aria-label": "Email address"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            components.Button,
-            {
-              type: "submit",
-              size: "lg",
-              className: "h-12 w-full sm:w-auto sm:min-w-[120px]",
-              children: buttonText
-            }
-          )
-        ] }),
-        disclaimer && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs sm:text-sm text-muted-foreground mt-3 text-center", children: disclaimer })
-      ] })
-    ] }) })
-  ] });
-}, "NewsletterSection");
-var SplitHeroContent = /* @__PURE__ */ __name(({
-  badge,
-  title,
-  titleGradient,
-  subtitle,
-  features = [],
-  primaryAction,
-  secondaryAction,
-  align = "center",
-  className
-}) => {
-  const alignClasses = {
-    top: "justify-start",
-    center: "justify-center",
-    bottom: "justify-end"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("flex flex-col", alignClasses[align], className), children: [
-    badge && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-3 py-1.5 bg-primary/10 text-primary rounded-full text-sm font-medium mb-4 w-fit border border-primary/20", children: [
-      badge.icon || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3.5 h-3.5" }),
-      badge.text
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-foreground mb-4 leading-tight", children: [
-      title,
-      titleGradient && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        " ",
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent", children: titleGradient })
-      ] })
-    ] }),
-    subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground mb-6 leading-relaxed", children: subtitle }),
-    features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-3 mb-6", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        className: "flex items-center gap-2 text-sm text-muted-foreground",
-        children: [
-          feature.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: feature.icon }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: feature.text })
-        ]
-      },
-      index
-    )) }),
-    (primaryAction || secondaryAction) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-3", children: [
-      primaryAction && /* @__PURE__ */ jsxRuntime.jsxs(
-        components.ButtonLink,
-        {
-          href: primaryAction.href || "#",
-          onClick: primaryAction.onClick,
-          variant: primaryAction.variant || "default",
-          size: "lg",
-          className: "group",
-          children: [
-            primaryAction.label,
-            primaryAction.icon || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "w-4 h-4 group-hover:translate-x-1 transition-transform" })
-          ]
-        }
-      ),
-      secondaryAction && /* @__PURE__ */ jsxRuntime.jsxs(
-        components.ButtonLink,
-        {
-          href: secondaryAction.href || "#",
-          onClick: secondaryAction.onClick,
-          variant: secondaryAction.variant || "outline",
-          size: "lg",
-          children: [
-            secondaryAction.label,
-            secondaryAction.icon
-          ]
-        }
-      )
-    ] })
-  ] });
-}, "SplitHeroContent");
-var SplitHeroMedia = /* @__PURE__ */ __name(({
-  media,
-  className
-}) => {
-  const containerClass = lib.cn(
-    "relative w-full rounded-xl overflow-hidden",
-    className
-  );
-  switch (media.type) {
-    case "image":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClass, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative aspect-[4/3] w-full", children: /* @__PURE__ */ jsxRuntime.jsx(
-        Image__default.default,
-        {
-          src: media.src,
-          alt: media.alt || "",
-          fill: true,
-          className: "object-cover",
-          sizes: "(max-width: 768px) 100vw, 50vw"
-        }
-      ) }) });
-    case "video":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClass, children: /* @__PURE__ */ jsxRuntime.jsx(
-        uiTools.VideoPlayer,
-        {
-          source: {
-            type: "url",
-            url: media.url,
-            title: media.title,
-            poster: media.poster
-          },
-          theme: "modern",
-          aspectRatio: 16 / 9,
-          autoPlay: media.autoplay,
-          muted: media.muted ?? media.autoplay
-        }
-      ) });
-    case "custom":
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerClass, children: media.content });
-    default:
-      return null;
-  }
-}, "SplitHeroMedia");
-var MAX_WIDTH_CLASSES = {
-  sm: "max-w-3xl",
-  md: "max-w-4xl",
-  lg: "max-w-5xl",
-  xl: "max-w-6xl",
-  full: "max-w-7xl"
-};
-var BACKGROUND_CLASSES = {
-  none: "",
-  muted: "bg-muted/30",
-  gradient: "bg-gradient-to-br from-primary/5 via-background to-secondary/5"
-};
-var SplitHero = /* @__PURE__ */ __name(({
-  badge,
-  title,
-  titleGradient,
-  subtitle,
-  features,
-  primaryAction,
-  secondaryAction,
-  media,
-  layout = "text-left",
-  mobileOrder = "text-first",
-  align = "center",
-  maxWidth = "xl",
-  background = "none",
-  className
-}) => {
-  const isTextLeft = layout === "text-left";
-  const isMediaFirst = mobileOrder === "media-first";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "section",
-    {
-      className: lib.cn(
-        "py-12 md:py-16 lg:py-20",
-        BACKGROUND_CLASSES[background],
-        className
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn("mx-auto px-4", MAX_WIDTH_CLASSES[maxWidth]), children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: lib.cn(
-            "grid gap-8 lg:gap-12 items-center",
-            media ? "lg:grid-cols-2" : "lg:grid-cols-1 max-w-3xl mx-auto"
-          ),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: lib.cn(
-                  // Desktop order based on layout
-                  isTextLeft ? "lg:order-1" : "lg:order-2",
-                  // Mobile order based on mobileOrder
-                  isMediaFirst ? "order-2" : "order-1"
-                ),
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  SplitHeroContent,
-                  {
-                    badge,
-                    title,
-                    titleGradient,
-                    subtitle,
-                    features,
-                    primaryAction,
-                    secondaryAction,
-                    align
-                  }
-                )
-              }
-            ),
-            media && /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: lib.cn(
-                  // Desktop order based on layout
-                  isTextLeft ? "lg:order-2" : "lg:order-1",
-                  // Mobile order based on mobileOrder
-                  isMediaFirst ? "order-1" : "order-2"
-                ),
-                children: /* @__PURE__ */ jsxRuntime.jsx(SplitHeroMedia, { media })
-              }
-            )
-          ]
-        }
-      ) })
-    }
-  );
-}, "SplitHero");
-var StatsSection = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  stats,
-  columns = 4,
-  className,
-  background = "dark"
-}) => {
-  const getGridClasses = /* @__PURE__ */ __name(() => {
-    switch (columns) {
-      case 2:
-        return "grid-cols-1 sm:grid-cols-2";
-      case 3:
-        return "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";
-      case 4:
-        return "grid-cols-2 sm:grid-cols-2 lg:grid-cols-4";
-      default:
-        return "grid-cols-2 sm:grid-cols-2 lg:grid-cols-4";
-    }
-  }, "getGridClasses");
-  const getBackgroundClasses = /* @__PURE__ */ __name(() => {
-    switch (background) {
-      case "dark":
-        return "bg-background";
-      case "card":
-        return "gradient-card";
-      case "gradient":
-        return "gradient-subtle";
-      default:
-        return "bg-background";
-    }
-  }, "getBackgroundClasses");
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: lib.cn("py-12 sm:py-16 lg:py-24", getBackgroundClasses(), className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full px-4 sm:px-6 lg:px-8", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-12 sm:mb-16 animate-fade-in", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl sm:text-3xl md:text-4xl lg:text-5xl font-bold text-foreground mb-4 sm:mb-6", children: title }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base sm:text-lg md:text-xl text-muted-foreground max-w-3xl mx-auto px-2", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn("grid gap-6 sm:gap-8", getGridClasses()), children: stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      components.Card,
-      {
-        className: "text-center hover:shadow-large transition-all duration-300 animate-scale-in backdrop-blur-sm border-border/50 hover:border-primary/30 group",
-        style: { animationDelay: `${index * 0.1}s` },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(components.CardContent, { className: "p-6 sm:p-8", children: [
-          stat.icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 sm:w-16 sm:h-16 bg-primary/10 text-primary rounded-lg flex items-center justify-center mx-auto mb-4 sm:mb-6 group-hover:scale-110 group-hover:bg-primary/20 transition-all duration-300", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xl sm:text-2xl", children: stat.icon }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-3xl sm:text-4xl lg:text-5xl font-bold text-foreground mb-2 sm:mb-3 group-hover:text-primary transition-colors duration-300", children: stat.number }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm sm:text-base text-muted-foreground font-medium", children: stat.label }),
-          stat.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs sm:text-sm text-muted-foreground mt-2", children: stat.description })
-        ] })
-      },
-      index
-    )) })
-  ] }) });
-}, "StatsSection");
-var variantMap = {
-  "gradient-mesh": "mesh-gradient",
-  "dot-matrix": "geometric-flow",
-  "grid-lines": "geometric-flow",
-  "aurora": "aurora-borealis",
-  "particles": "floating-orbs",
-  "waves": "liquid-gradient"
-};
-var AnimatedBackground = /* @__PURE__ */ __name(({
-  variant = "mesh-gradient",
-  className,
-  intensity = "medium",
-  colorScheme = "vibrant"
-}) => {
-  const resolvedVariant = variantMap[variant] || variant;
-  const intensityConfig = React5.useMemo(() => ({
-    subtle: { opacity: 0.15, blur: "blur-3xl", scale: 0.8 },
-    medium: { opacity: 0.25, blur: "blur-2xl", scale: 1 },
-    strong: { opacity: 0.4, blur: "blur-xl", scale: 1.2 }
-  })[intensity], [intensity]);
-  const colors = React5.useMemo(() => {
-    const palettes = {
-      vibrant: [
-        "hsl(var(--chart-1))",
-        // Blue
-        "hsl(var(--chart-2))",
-        // Green
-        "hsl(var(--chart-3))",
-        // Purple
-        "hsl(var(--chart-4))",
-        // Orange
-        "hsl(var(--chart-5))"
-        // Red
-      ],
-      monochrome: [
-        "hsl(var(--primary))",
-        "hsl(var(--primary) / 0.8)",
-        "hsl(var(--primary) / 0.6)"
-      ],
-      cool: [
-        "hsl(var(--chart-1))",
-        // Blue
-        "hsl(var(--chart-3))",
-        // Purple
-        "hsl(210 100% 50%)",
-        // Bright blue
-        "hsl(260 100% 60%)"
-        // Violet
-      ],
-      warm: [
-        "hsl(var(--chart-4))",
-        // Orange
-        "hsl(var(--chart-5))",
-        // Red
-        "hsl(35 100% 55%)",
-        // Gold
-        "hsl(350 100% 60%)"
-        // Rose
-      ]
-    };
-    return palettes[colorScheme];
-  }, [colorScheme]);
-  if (resolvedVariant === "none") {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: lib.cn("absolute overflow-hidden pointer-events-none", className),
-      style: { inset: 0, width: "100%", height: "100%" },
-      children: [
-        resolvedVariant === "aurora-borealis" && /* @__PURE__ */ jsxRuntime.jsx(AuroraBorealis, { colors, intensity: intensityConfig }),
-        resolvedVariant === "mesh-gradient" && /* @__PURE__ */ jsxRuntime.jsx(MeshGradient, { colors, intensity: intensityConfig }),
-        resolvedVariant === "floating-orbs" && /* @__PURE__ */ jsxRuntime.jsx(FloatingOrbs, { colors, intensity: intensityConfig }),
-        resolvedVariant === "geometric-flow" && /* @__PURE__ */ jsxRuntime.jsx(GeometricFlow, { colors, intensity: intensityConfig }),
-        resolvedVariant === "liquid-gradient" && /* @__PURE__ */ jsxRuntime.jsx(LiquidGradient, { colors, intensity: intensityConfig }),
-        resolvedVariant === "spotlight" && /* @__PURE__ */ jsxRuntime.jsx(Spotlight, { colors, intensity: intensityConfig }),
-        /* @__PURE__ */ jsxRuntime.jsx(AnimationStyles, {})
-      ]
-    }
-  );
-}, "AnimatedBackground");
-var AuroraBorealis = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `linear-gradient(135deg, ${colors[0]} 0%, transparent 50%, ${colors[1]} 100%)`,
-        opacity: intensity.opacity * 0.3
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute inset-0", intensity.blur),
-      style: {
-        background: `linear-gradient(110deg,
-          transparent 0%,
-          ${colors[0]} 20%,
-          ${colors[2] || colors[0]} 35%,
-          ${colors[1]} 50%,
-          ${colors[3] || colors[1]} 65%,
-          ${colors[0]} 80%,
-          transparent 100%
-        )`,
-        opacity: intensity.opacity,
-        animation: "aurora-shift 15s ease-in-out infinite",
-        transform: `translateY(-30%) scaleY(${intensity.scale})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute inset-0", intensity.blur),
-      style: {
-        background: `linear-gradient(70deg,
-          transparent 0%,
-          ${colors[1]} 25%,
-          ${colors[2] || colors[0]} 50%,
-          ${colors[0]} 75%,
-          transparent 100%
-        )`,
-        opacity: intensity.opacity * 0.7,
-        animation: "aurora-shift 20s ease-in-out infinite reverse",
-        animationDelay: "-5s",
-        transform: `translateY(-20%) scaleY(${intensity.scale * 0.8})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `radial-gradient(ellipse 100% 50% at 50% 0%,
-          ${colors[2] || colors[0]} 0%,
-          transparent 70%
-        )`,
-        opacity: intensity.opacity * 0.4,
-        animation: "aurora-shimmer 8s ease-in-out infinite"
-      }
-    }
-  )
-] }), "AuroraBorealis");
-var MeshGradient = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "60%",
-        height: "60%",
-        top: "-10%",
-        right: "-10%",
-        background: `radial-gradient(circle, ${colors[0]} 0%, transparent 70%)`,
-        opacity: intensity.opacity,
-        animation: "mesh-float-1 25s ease-in-out infinite",
-        transform: `scale(${intensity.scale})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "50%",
-        height: "50%",
-        bottom: "-5%",
-        left: "-5%",
-        background: `radial-gradient(circle, ${colors[1]} 0%, transparent 70%)`,
-        opacity: intensity.opacity,
-        animation: "mesh-float-2 30s ease-in-out infinite",
-        transform: `scale(${intensity.scale})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "40%",
-        height: "40%",
-        top: "30%",
-        left: "25%",
-        background: `radial-gradient(circle, ${colors[2] || colors[0]} 0%, transparent 70%)`,
-        opacity: intensity.opacity * 0.8,
-        animation: "mesh-float-3 20s ease-in-out infinite",
-        transform: `scale(${intensity.scale})`
-      }
-    }
-  ),
-  colors[3] && /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "35%",
-        height: "35%",
-        bottom: "20%",
-        right: "15%",
-        background: `radial-gradient(circle, ${colors[3]} 0%, transparent 70%)`,
-        opacity: intensity.opacity * 0.6,
-        animation: "mesh-float-4 22s ease-in-out infinite",
-        transform: `scale(${intensity.scale})`
-      }
-    }
-  )
-] }), "MeshGradient");
-var FloatingOrbs = /* @__PURE__ */ __name(({ colors, intensity }) => {
-  const orbs = React5.useMemo(() => {
-    return Array.from({ length: 12 }).map((_, i) => ({
-      id: i,
-      size: 60 + i % 4 * 40,
-      x: i * 23 % 100,
-      y: i * 31 % 100,
-      color: colors[i % colors.length],
-      duration: 15 + i % 5 * 5,
-      delay: i * 1.5
-    }));
-  }, [colors]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: orbs.map((orb) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: `${orb.size * intensity.scale}px`,
-        height: `${orb.size * intensity.scale}px`,
-        left: `${orb.x}%`,
-        top: `${orb.y}%`,
-        background: `radial-gradient(circle at 30% 30%, ${orb.color}, transparent 70%)`,
-        opacity: intensity.opacity * (0.5 + orb.id % 3 * 0.2),
-        animation: `orb-float-${orb.id % 4 + 1} ${orb.duration}s ease-in-out infinite`,
-        animationDelay: `${orb.delay}s`
-      }
-    },
-    orb.id
-  )) });
-}, "FloatingOrbs");
-var GeometricFlow = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `linear-gradient(135deg,
-          ${colors[0]} 0%,
-          transparent 30%,
-          transparent 70%,
-          ${colors[1]} 100%
-        )`,
-        opacity: intensity.opacity * 0.3
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        backgroundImage: `
-          linear-gradient(${colors[0]}20 1px, transparent 1px),
-          linear-gradient(90deg, ${colors[0]}20 1px, transparent 1px)
-        `,
-        backgroundSize: "60px 60px",
-        animation: "grid-drift 30s linear infinite",
-        opacity: intensity.opacity
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        backgroundImage: `repeating-linear-gradient(
-          45deg,
-          transparent,
-          transparent 80px,
-          ${colors[2] || colors[0]}10 80px,
-          ${colors[2] || colors[0]}10 82px
-        )`,
-        animation: "diagonal-shift 20s linear infinite",
-        opacity: intensity.opacity
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "40%",
-        height: "40%",
-        top: "20%",
-        left: "50%",
-        transform: "translateX(-50%)",
-        background: `radial-gradient(circle, ${colors[0]} 0%, transparent 70%)`,
-        opacity: intensity.opacity * 0.5,
-        animation: "pulse-glow 8s ease-in-out infinite"
-      }
-    }
-  )
-] }), "GeometricFlow");
-var LiquidGradient = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `linear-gradient(180deg,
-          transparent 0%,
-          ${colors[0]}15 30%,
-          ${colors[1]}20 50%,
-          ${colors[2] || colors[0]}15 70%,
-          transparent 100%
-        )`,
-        opacity: intensity.opacity
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute", intensity.blur),
-      style: {
-        width: "120%",
-        height: "50%",
-        bottom: "-10%",
-        left: "-10%",
-        background: `linear-gradient(90deg,
-          ${colors[0]} 0%,
-          ${colors[1]} 33%,
-          ${colors[2] || colors[0]} 66%,
-          ${colors[0]} 100%
-        )`,
-        opacity: intensity.opacity,
-        borderRadius: "50% 50% 0 0",
-        animation: "liquid-flow-1 12s ease-in-out infinite",
-        transform: `scaleY(${intensity.scale})`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute", intensity.blur),
-      style: {
-        width: "100%",
-        height: "40%",
-        bottom: "-5%",
-        left: "0",
-        background: `linear-gradient(90deg,
-          ${colors[1]} 0%,
-          ${colors[2] || colors[0]} 50%,
-          ${colors[3] || colors[1]} 100%
-        )`,
-        opacity: intensity.opacity * 0.8,
-        borderRadius: "60% 40% 0 0",
-        animation: "liquid-flow-2 15s ease-in-out infinite",
-        transform: `scaleY(${intensity.scale * 0.9})`
-      }
-    }
-  ),
-  Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "absolute rounded-full",
-      style: {
-        width: `${12 + i * 4}px`,
-        height: `${12 + i * 4}px`,
-        left: `${15 + i * 15}%`,
-        bottom: "10%",
-        background: `radial-gradient(circle at 30% 30%,
-            ${colors[i % colors.length]}80,
-            ${colors[i % colors.length]}20
-          )`,
-        border: `1px solid ${colors[i % colors.length]}40`,
-        opacity: intensity.opacity,
-        animation: `bubble-float ${8 + i * 2}s ease-in-out infinite`,
-        animationDelay: `${i * 2}s`
-      }
-    },
-    i
-  ))
-] }), "LiquidGradient");
-var Spotlight = /* @__PURE__ */ __name(({ colors, intensity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute", intensity.blur),
-      style: {
-        width: "80%",
-        height: "80%",
-        top: "-20%",
-        left: "50%",
-        transform: "translateX(-50%)",
-        background: `conic-gradient(from 180deg at 50% 50%,
-          ${colors[0]} 0deg,
-          ${colors[1]} 60deg,
-          ${colors[2] || colors[0]} 120deg,
-          ${colors[3] || colors[1]} 180deg,
-          ${colors[0]} 240deg,
-          ${colors[1]} 300deg,
-          ${colors[0]} 360deg
-        )`,
-        opacity: intensity.opacity,
-        animation: "spotlight-rotate 30s linear infinite"
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: "absolute inset-0",
-      style: {
-        background: `radial-gradient(circle at 50% 30%,
-          transparent 0%,
-          hsl(var(--background)) 70%
-        )`
-      }
-    }
-  ),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn("absolute rounded-full", intensity.blur),
-      style: {
-        width: "50%",
-        height: "50%",
-        top: "10%",
-        left: "25%",
-        background: `radial-gradient(circle, ${colors[0]} 0%, transparent 70%)`,
-        opacity: intensity.opacity * 0.5,
-        animation: "pulse-glow 6s ease-in-out infinite"
-      }
-    }
-  )
-] }), "Spotlight");
-var AnimationStyles = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-    @keyframes aurora-shift {
-      0%, 100% {
-        transform: translateX(-10%) translateY(-30%) scaleX(1.1);
-      }
-      50% {
-        transform: translateX(10%) translateY(-25%) scaleX(0.9);
-      }
-    }
-
-    @keyframes aurora-shimmer {
-      0%, 100% {
-        opacity: 0.2;
-        transform: scale(1);
-      }
-      50% {
-        opacity: 0.4;
-        transform: scale(1.05);
-      }
-    }
-
-    @keyframes mesh-float-1 {
-      0%, 100% { transform: translate(0, 0) scale(1); }
-      25% { transform: translate(-5%, 10%) scale(1.05); }
-      50% { transform: translate(5%, 5%) scale(0.95); }
-      75% { transform: translate(-3%, -5%) scale(1.02); }
-    }
-
-    @keyframes mesh-float-2 {
-      0%, 100% { transform: translate(0, 0) scale(1); }
-      33% { transform: translate(8%, -8%) scale(1.08); }
-      66% { transform: translate(-6%, 6%) scale(0.92); }
-    }
-
-    @keyframes mesh-float-3 {
-      0%, 100% { transform: translate(0, 0) scale(1); }
-      50% { transform: translate(10%, 10%) scale(1.1); }
-    }
-
-    @keyframes mesh-float-4 {
-      0%, 100% { transform: translate(0, 0) scale(1); }
-      25% { transform: translate(5%, -10%) scale(0.95); }
-      75% { transform: translate(-8%, 5%) scale(1.05); }
-    }
-
-    @keyframes orb-float-1 {
-      0%, 100% { transform: translate(0, 0); }
-      50% { transform: translate(30px, -40px); }
-    }
-
-    @keyframes orb-float-2 {
-      0%, 100% { transform: translate(0, 0); }
-      50% { transform: translate(-25px, 35px); }
-    }
-
-    @keyframes orb-float-3 {
-      0%, 100% { transform: translate(0, 0); }
-      33% { transform: translate(40px, 20px); }
-      66% { transform: translate(-20px, -30px); }
-    }
-
-    @keyframes orb-float-4 {
-      0%, 100% { transform: translate(0, 0); }
-      25% { transform: translate(-35px, -25px); }
-      75% { transform: translate(25px, 40px); }
-    }
-
-    @keyframes grid-drift {
-      0% { transform: translate(0, 0); }
-      100% { transform: translate(60px, 60px); }
-    }
-
-    @keyframes diagonal-shift {
-      0% { transform: translateX(0); }
-      100% { transform: translateX(160px); }
-    }
-
-    @keyframes pulse-glow {
-      0%, 100% { opacity: 0.3; transform: translateX(-50%) scale(1); }
-      50% { opacity: 0.6; transform: translateX(-50%) scale(1.1); }
-    }
-
-    @keyframes liquid-flow-1 {
-      0%, 100% {
-        transform: translateY(0) scaleX(1);
-        border-radius: 50% 50% 0 0;
-      }
-      25% {
-        transform: translateY(-30px) scaleX(1.05);
-        border-radius: 45% 55% 0 0;
-      }
-      50% {
-        transform: translateY(-50px) scaleX(0.95);
-        border-radius: 55% 45% 0 0;
-      }
-      75% {
-        transform: translateY(-25px) scaleX(1.02);
-        border-radius: 48% 52% 0 0;
-      }
-    }
-
-    @keyframes liquid-flow-2 {
-      0%, 100% {
-        transform: translateY(0) scaleX(1);
-        border-radius: 60% 40% 0 0;
-      }
-      33% {
-        transform: translateY(-40px) scaleX(1.08);
-        border-radius: 40% 60% 0 0;
-      }
-      66% {
-        transform: translateY(-60px) scaleX(0.92);
-        border-radius: 55% 45% 0 0;
-      }
-    }
-
-    @keyframes bubble-float {
-      0%, 100% {
-        transform: translateY(0) scale(1);
-        opacity: 0.6;
-      }
-      50% {
-        transform: translateY(-100px) scale(1.2);
-        opacity: 0.3;
-      }
-    }
-
-    @keyframes spotlight-rotate {
-      0% { transform: translateX(-50%) rotate(0deg); }
-      100% { transform: translateX(-50%) rotate(360deg); }
-    }
-  ` }), "AnimationStyles");
-var darkThemeVars = {
-  // Base HSL values
-  "--background": "0 0% 4%",
-  "--foreground": "0 0% 98%",
-  "--card": "0 0% 8%",
-  "--card-foreground": "0 0% 98%",
-  "--popover": "0 0% 12%",
-  "--popover-foreground": "0 0% 98%",
-  "--primary": "217 91% 60%",
-  "--primary-foreground": "0 0% 100%",
-  "--secondary": "0 0% 98%",
-  "--secondary-foreground": "0 0% 9%",
-  "--muted": "0 0% 10%",
-  "--muted-foreground": "0 0% 60%",
-  "--accent": "0 0% 15%",
-  "--accent-foreground": "0 0% 98%",
-  "--destructive": "0 84% 60%",
-  "--destructive-foreground": "0 0% 98%",
-  "--border": "0 0% 15%",
-  "--input": "0 0% 15%",
-  "--ring": "217 91% 60%",
-  // Tailwind color tokens (used by bg-*, text-*, etc)
-  "--color-background": "hsl(0 0% 4%)",
-  "--color-foreground": "hsl(0 0% 98%)",
-  "--color-card": "hsl(0 0% 8%)",
-  "--color-card-foreground": "hsl(0 0% 98%)",
-  "--color-primary": "hsl(217 91% 60%)",
-  "--color-primary-foreground": "hsl(0 0% 100%)",
-  "--color-secondary": "hsl(0 0% 98%)",
-  "--color-secondary-foreground": "hsl(0 0% 9%)",
-  "--color-muted": "hsl(0 0% 10%)",
-  "--color-muted-foreground": "hsl(0 0% 60%)",
-  "--color-accent": "hsl(0 0% 15%)",
-  "--color-accent-foreground": "hsl(0 0% 98%)",
-  "--color-destructive": "hsl(0 84% 60%)",
-  "--color-destructive-foreground": "hsl(0 0% 98%)",
-  "--color-border": "hsl(0 0% 15%)",
-  "--color-input": "hsl(0 0% 15%)",
-  "--color-ring": "hsl(217 91% 60%)"
-};
-var lightThemeVars = {
-  // Base HSL values
-  "--background": "0 0% 96%",
-  "--foreground": "0 0% 9%",
-  "--card": "0 0% 100%",
-  "--card-foreground": "0 0% 9%",
-  "--popover": "0 0% 100%",
-  "--popover-foreground": "0 0% 9%",
-  "--primary": "217 91% 60%",
-  "--primary-foreground": "0 0% 100%",
-  "--secondary": "0 0% 9%",
-  "--secondary-foreground": "0 0% 98%",
-  "--muted": "0 0% 96%",
-  "--muted-foreground": "0 0% 40%",
-  "--accent": "0 0% 92%",
-  "--accent-foreground": "0 0% 9%",
-  "--destructive": "0 84% 60%",
-  "--destructive-foreground": "0 0% 98%",
-  "--border": "0 0% 90%",
-  "--input": "0 0% 90%",
-  "--ring": "217 91% 60%",
-  // Tailwind color tokens (used by bg-*, text-*, etc)
-  "--color-background": "hsl(0 0% 96%)",
-  "--color-foreground": "hsl(0 0% 9%)",
-  "--color-card": "hsl(0 0% 100%)",
-  "--color-card-foreground": "hsl(0 0% 9%)",
-  "--color-primary": "hsl(217 91% 60%)",
-  "--color-primary-foreground": "hsl(0 0% 100%)",
-  "--color-secondary": "hsl(0 0% 9%)",
-  "--color-secondary-foreground": "hsl(0 0% 98%)",
-  "--color-muted": "hsl(0 0% 96%)",
-  "--color-muted-foreground": "hsl(0 0% 40%)",
-  "--color-accent": "hsl(0 0% 92%)",
-  "--color-accent-foreground": "hsl(0 0% 9%)",
-  "--color-destructive": "hsl(0 84% 60%)",
-  "--color-destructive-foreground": "hsl(0 0% 98%)",
-  "--color-border": "hsl(0 0% 90%)",
-  "--color-input": "hsl(0 0% 90%)",
-  "--color-ring": "hsl(217 91% 60%)"
-};
-function ForceTheme({ theme, children, className }) {
-  const themeVars = theme === "dark" ? darkThemeVars : lightThemeVars;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: lib.cn(theme, className),
-      style: themeVars,
-      children
-    }
-  );
-}
-__name(ForceTheme, "ForceTheme");
-var BACKGROUND_VARIANTS = [
-  "aurora-borealis",
-  "mesh-gradient",
-  "floating-orbs",
-  "geometric-flow",
-  "liquid-gradient",
-  "spotlight",
-  "none"
-];
-var VARIANT_LABELS = {
-  "aurora-borealis": "Aurora Borealis",
-  "mesh-gradient": "Mesh Gradient",
-  "floating-orbs": "Floating Orbs",
-  "geometric-flow": "Geometric Flow",
-  "liquid-gradient": "Liquid Gradient",
-  "spotlight": "Spotlight",
-  "none": "None",
-  // Legacy labels for backwards compatibility
-  "gradient-mesh": "Gradient Mesh",
-  "dot-matrix": "Dot Matrix",
-  "grid-lines": "Grid Lines",
-  "aurora": "Aurora",
-  "particles": "Particles",
-  "waves": "Waves"
-};
-var SuperHero = /* @__PURE__ */ __name(({
-  badge,
-  title,
-  titleGradient,
-  subtitle,
-  features = [],
-  primaryAction,
-  secondaryAction,
-  stats = [],
-  floatingElements,
-  backgroundVariant = "mesh-gradient",
-  backgroundIntensity = "medium",
-  showBackgroundSwitcher = false,
-  codeCommand,
-  codeCommands,
-  className
-}) => {
-  const [currentVariant, setCurrentVariant] = React5__default.default.useState(backgroundVariant);
-  const [isMenuOpen, setIsMenuOpen] = React5__default.default.useState(false);
-  const [heroTheme, setHeroTheme] = React5__default.default.useState("dark");
-  const commands = React5__default.default.useMemo(() => {
-    if (codeCommands && codeCommands.length > 0) return codeCommands;
-    if (codeCommand) return [codeCommand];
-    return [];
-  }, [codeCommand, codeCommands]);
-  const titleLines = React5__default.default.useMemo(() => title.split("\n"), [title]);
-  const cycleBackground = /* @__PURE__ */ __name(() => {
-    const currentIndex = BACKGROUND_VARIANTS.indexOf(currentVariant);
-    const nextIndex = (currentIndex + 1) % BACKGROUND_VARIANTS.length;
-    setCurrentVariant(BACKGROUND_VARIANTS[nextIndex]);
-  }, "cycleBackground");
-  return /* @__PURE__ */ jsxRuntime.jsx(ForceTheme, { theme: heroTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "section",
-    {
-      className: lib.cn(
-        "relative overflow-hidden bg-background text-foreground z-0 isolate",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 -z-10", children: /* @__PURE__ */ jsxRuntime.jsx(AnimatedBackground, { variant: currentVariant, intensity: backgroundIntensity }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 sm:py-24 lg:py-32 relative z-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-          badge && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-2 bg-primary/10 text-primary rounded-full text-sm font-medium mb-6 border border-primary/20 hover:bg-primary/20 transition-all duration-300", children: [
-            badge.icon || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-4 h-4" }),
-            badge.text
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: "text-4xl sm:text-5xl lg:text-6xl xl:text-7xl font-bold text-foreground mb-6 leading-tight", children: [
-            titleLines.map((line, index) => /* @__PURE__ */ jsxRuntime.jsxs(React5__default.default.Fragment, { children: [
-              line,
-              index < titleLines.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("br", {})
-            ] }, index)),
-            titleGradient && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("br", {}),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-gradient-to-r from-primary via-primary/80 to-secondary bg-clip-text text-transparent animate-pulse", children: titleGradient })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xl sm:text-2xl lg:text-3xl text-muted-foreground mb-8 max-w-4xl mx-auto leading-relaxed", children: subtitle }),
-          commands.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-2 mb-8", children: commands.map((cmd, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: "inline-flex items-center gap-3 px-6 py-3 bg-background/50 backdrop-blur-md border border-primary/20 rounded-xl shadow-lg hover:border-primary/40 transition-colors group",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground font-mono text-sm select-none", children: "$" }),
-                /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-lg text-primary font-semibold", children: cmd }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  components.CopyButton,
-                  {
-                    value: cmd,
-                    variant: "ghost",
-                    className: "p-1.5 h-auto rounded-md bg-primary/10 text-primary hover:bg-primary hover:text-primary-foreground transition-colors",
-                    iconClassName: "w-4 h-4"
-                  }
-                )
-              ]
-            },
-            index
-          )) }),
-          features.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-center gap-6 mb-8", children: features.map((feature, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: "flex items-center gap-2 text-sm text-muted-foreground bg-card/50 px-4 py-2 rounded-full border border-border/50 hover:border-primary/30 hover:bg-card transition-all duration-300",
-              children: [
-                feature.icon,
-                /* @__PURE__ */ jsxRuntime.jsx("span", { children: feature.text })
-              ]
-            },
-            index
-          )) }),
-          (primaryAction || secondaryAction) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-center mb-12", children: [
-            primaryAction && /* @__PURE__ */ jsxRuntime.jsxs(
-              components.ButtonLink,
-              {
-                href: primaryAction.href || "#",
-                onClick: primaryAction.onClick,
-                size: "huge",
-                className: "group",
-                children: [
-                  primaryAction.label,
-                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, { className: "group-hover:translate-x-1 transition-transform duration-300" })
-                ]
-              }
-            ),
-            secondaryAction && /* @__PURE__ */ jsxRuntime.jsxs(
-              components.ButtonLink,
-              {
-                href: secondaryAction.href || "#",
-                onClick: secondaryAction.onClick,
-                variant: "outline",
-                size: "huge",
-                className: "group",
-                children: [
-                  secondaryAction.label,
-                  secondaryAction.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "group-hover:rotate-12 transition-transform duration-300", children: secondaryAction.icon })
-                ]
-              }
-            )
-          ] }),
-          stats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap justify-center gap-x-6 gap-y-3 md:gap-x-8 md:gap-y-4 max-w-3xl mx-auto", children: stats.map((stat, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
-            {
-              className: "text-center min-w-[80px] md:min-w-[100px] px-4 py-2 md:px-5 md:py-3 rounded-lg border border-foreground/8 bg-background/10 backdrop-blur-sm",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg md:text-xl font-bold text-foreground mb-0.5 md:mb-1", children: stat.number }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] md:text-xs text-foreground/50 uppercase tracking-wide", children: stat.label })
-              ]
-            },
-            index
-          )) })
-        ] }) }),
-        floatingElements,
-        /* @__PURE__ */ jsxRuntime.jsx(
-          components.Sticky,
-          {
-            bottom: true,
-            offsetBottom: 32,
-            className: "w-full flex justify-center pointer-events-none",
-            zIndex: 50,
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex items-center gap-2 px-4 py-2 bg-background/90 backdrop-blur-md border border-border rounded-full shadow-lg pointer-events-auto", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground font-medium", children: VARIANT_LABELS[currentVariant] || currentVariant }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-border" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(components.Tooltip, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(components.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                  components.Button,
-                  {
-                    size: "sm",
-                    variant: "ghost",
-                    onClick: cycleBackground,
-                    className: "h-7 w-7 p-0",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wand2, { className: "w-3.5 h-3.5" })
-                  }
-                ) }),
-                /* @__PURE__ */ jsxRuntime.jsx(components.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Cycle background" }) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-                isMenuOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 bg-card border border-border rounded-lg shadow-xl p-2 min-w-[180px]", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-semibold text-muted-foreground mb-2 px-2", children: "Background Style" }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: BACKGROUND_VARIANTS.map((variant) => /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      onClick: () => {
-                        setCurrentVariant(variant);
-                        setIsMenuOpen(false);
-                      },
-                      className: lib.cn(
-                        "w-full text-left px-3 py-2 rounded-md text-sm transition-colors",
-                        currentVariant === variant ? "bg-primary text-primary-foreground" : "hover:bg-accent hover:text-accent-foreground"
-                      ),
-                      children: VARIANT_LABELS[variant] || variant
-                    },
-                    variant
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsxs(components.Tooltip, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(components.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                    components.Button,
-                    {
-                      size: "sm",
-                      variant: "ghost",
-                      onClick: () => setIsMenuOpen(!isMenuOpen),
-                      className: "h-7 w-7 p-0",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "w-3.5 h-3.5" })
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(components.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Choose background" }) })
-                ] })
-              ] })
-            ] })
-          }
-        )
-      ]
-    }
-  ) });
-}, "SuperHero");
-var TestimonialSection = /* @__PURE__ */ __name(({
-  title,
-  subtitle,
-  testimonials,
-  columns = 3,
-  className,
-  background = "dark"
-}) => {
-  const gridClasses = {
-    1: "grid-cols-1 max-w-4xl mx-auto",
-    2: "grid-cols-1 md:grid-cols-2",
-    3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
-  };
-  const backgroundClasses = {
-    dark: "bg-background",
-    card: "bg-muted/30",
-    gradient: "bg-gradient-to-b from-background via-muted/10 to-background"
-  };
-  const renderStars = /* @__PURE__ */ __name((rating) => {
-    return Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: i < rating ? "text-yellow-400" : "text-neutral-400", children: "\u2605" }, i));
-  }, "renderStars");
-  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: lib.cn(
-    "relative py-16 sm:py-20 md:py-24 lg:py-32",
-    backgroundClasses[background],
-    className
-  ), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
-    (title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center mb-12 sm:mb-14 md:mb-16", children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-bold text-foreground mb-4 sm:mb-6", children: title }),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg sm:text-xl text-muted-foreground max-w-3xl mx-auto", children: subtitle })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn("grid gap-6 sm:gap-8", gridClasses[columns]), children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      components.Card,
-      {
-        className: "h-full hover:shadow-lg transition-all duration-300 backdrop-blur-sm border-border/50 hover:border-primary/30 group",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(components.CardContent, { className: "p-8", children: [
-          testimonial.rating && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex mb-6 text-lg", children: renderStars(testimonial.rating) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "text-foreground mb-8 italic text-lg leading-relaxed group-hover:text-primary transition-colors duration-300", children: [
-            '"',
-            testimonial.content,
-            '"'
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-            testimonial.author.avatar && /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: testimonial.author.avatar,
-                alt: testimonial.author.name,
-                className: "w-14 h-14 rounded-full mr-4 ring-2 ring-primary/20 group-hover:ring-primary/40 transition-all duration-300"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-foreground group-hover:text-primary transition-colors duration-300", children: testimonial.author.name }),
-              testimonial.author.title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm text-muted-foreground", children: [
-                testimonial.author.title,
-                testimonial.author.company && ` at ${testimonial.author.company}`
-              ] })
-            ] })
-          ] })
-        ] })
-      },
-      index
-    )) })
-  ] }) });
-}, "TestimonialSection");
-
-exports.ArticleCard = ArticleCard;
-exports.ArticleList = ArticleList;
-exports.CTASection = CTASection;
-exports.FeatureSection = FeatureSection;
-exports.Hero = Hero;
-exports.NewsletterSection = NewsletterSection;
-exports.SplitHero = SplitHero;
-exports.SplitHeroContent = SplitHeroContent;
-exports.SplitHeroMedia = SplitHeroMedia;
-exports.StatsSection = StatsSection;
-exports.SuperHero = SuperHero;
-exports.TestimonialSection = TestimonialSection;
-//# sourceMappingURL=blocks.cjs.map
-//# sourceMappingURL=blocks.cjs.map