@opensite/ui 0.8.6 → 0.8.8

package/dist/footer-cta-banner.cjs

@@ -1045,7 +1045,7 @@ function FooterCtaBanner({
               {
                 href: social.href,
                 "aria-label": social.label,
-                className: cn("text-muted-foreground transition-colors hover:text-foreground", socialLinkClassName),
+                className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName),
                 children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
               }
             ) }, idx)) })
@@ -1056,7 +1056,7 @@ function FooterCtaBanner({
               Pressable,
               {
                 href: link.href,
-                className: cn("hover:text-foreground", navLinkClassName),
+                className: cn("hover:text-primary", navLinkClassName),
                 children: link.name
               }
             ) }, linkIdx)) })
@@ -1069,14 +1069,14 @@ function FooterCtaBanner({
               Pressable,
               {
                 href: attributionHref,
-                className: "hover:text-foreground",
+                className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
                 children: attributionText
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: cn("hover:text-foreground", legalLinkClassName), children: link.name }) }, idx)) })
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: cn("hover:text-primary", legalLinkClassName), children: link.name }) }, idx)) })
         ] })
       ] }) })
     }

package/dist/footer-cta-banner.js

@@ -1024,7 +1024,7 @@ function FooterCtaBanner({
               {
                 href: social.href,
                 "aria-label": social.label,
-                className: cn("text-muted-foreground transition-colors hover:text-foreground", socialLinkClassName),
+                className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName),
                 children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 })
               }
             ) }, idx)) })
@@ -1035,7 +1035,7 @@ function FooterCtaBanner({
               Pressable,
               {
                 href: link.href,
-                className: cn("hover:text-foreground", navLinkClassName),
+                className: cn("hover:text-primary", navLinkClassName),
                 children: link.name
               }
             ) }, linkIdx)) })
@@ -1048,14 +1048,14 @@ function FooterCtaBanner({
               Pressable,
               {
                 href: attributionHref,
-                className: "hover:text-foreground",
+                className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
                 children: attributionText
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Pressable, { href: link.href, className: cn("hover:text-foreground", legalLinkClassName), children: link.name }) }, idx)) })
+          /* @__PURE__ */ jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Pressable, { href: link.href, className: cn("hover:text-primary", legalLinkClassName), children: link.name }) }, idx)) })
         ] })
       ] }) })
     }

package/dist/footer-cta-social.cjs

@@ -1014,7 +1014,7 @@ function FooterCtaSocial({
           Pressable,
           {
             href: `mailto:${email}`,
-            className: "transition-colors hover:text-foreground",
+            className: "transition-colors hover:text-primary",
             children: email
           }
         ) }),
@@ -1024,7 +1024,7 @@ function FooterCtaSocial({
             Pressable,
             {
               href: attributionHref,
-              className: "mt-2 inline-block hover:text-foreground",
+              className: "mt-2 inline-block hover:text-primary",
               target: "_blank",
               rel: "noopener noreferrer",
               children: attributionText

package/dist/footer-cta-social.js

@@ -993,7 +993,7 @@ function FooterCtaSocial({
           Pressable,
           {
             href: `mailto:${email}`,
-            className: "transition-colors hover:text-foreground",
+            className: "transition-colors hover:text-primary",
             children: email
           }
         ) }),
@@ -1003,7 +1003,7 @@ function FooterCtaSocial({
             Pressable,
             {
               href: attributionHref,
-              className: "mt-2 inline-block hover:text-foreground",
+              className: "mt-2 inline-block hover:text-primary",
               target: "_blank",
               rel: "noopener noreferrer",
               children: attributionText

package/dist/footer-newsletter-minimal.cjs

@@ -1103,7 +1103,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("tracking-tight text-foreground hover:text-foreground/30", navLinkClassName),
+        className: cn("tracking-tight hover:text-muted-foreground", navLinkClassName),
         children: item.label
       }
     ) }, idx));
@@ -1114,7 +1114,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", socialLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", socialLinkClassName),
         children: [
           item.label,
           " ",
@@ -1123,7 +1123,7 @@ function FooterNewsletterMinimal({
             {
               name: "lucide/arrow-up-right",
               size: 14,
-              className: "text-foreground group-hover:text-muted-foreground/50"
+              className: "group-hover:text-muted-foreground/50"
             }
           )
         ]
@@ -1136,7 +1136,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", footerLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", footerLinkClassName),
         children: item.label
       }
     ) }, item.label));
@@ -1262,7 +1262,7 @@ function FooterNewsletterMinimal({
             Pressable,
             {
               href: attributionHref,
-              className: "mt-2 inline-block hover:text-foreground",
+              className: "mt-2 inline-block hover:text-primary",
               target: "_blank",
               rel: "noopener noreferrer",
               children: attributionText

package/dist/footer-newsletter-minimal.js

@@ -1082,7 +1082,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("tracking-tight text-foreground hover:text-foreground/30", navLinkClassName),
+        className: cn("tracking-tight hover:text-muted-foreground", navLinkClassName),
         children: item.label
       }
     ) }, idx));
@@ -1093,7 +1093,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", socialLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", socialLinkClassName),
         children: [
           item.label,
           " ",
@@ -1102,7 +1102,7 @@ function FooterNewsletterMinimal({
             {
               name: "lucide/arrow-up-right",
               size: 14,
-              className: "text-foreground group-hover:text-muted-foreground/50"
+              className: "group-hover:text-muted-foreground/50"
             }
           )
         ]
@@ -1115,7 +1115,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", footerLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", footerLinkClassName),
         children: item.label
       }
     ) }, item.label));
@@ -1241,7 +1241,7 @@ function FooterNewsletterMinimal({
             Pressable,
             {
               href: attributionHref,
-              className: "mt-2 inline-block hover:text-foreground",
+              className: "mt-2 inline-block hover:text-primary",
               target: "_blank",
               rel: "noopener noreferrer",
               children: attributionText

package/dist/footer-simple-centered.cjs

@@ -865,7 +865,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            "text-sm text-muted-foreground transition-colors hover:text-primary",
             sitemapLinkClassName
           ),
           children: link.label
@@ -882,7 +882,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            "text-sm text-muted-foreground transition-colors hover:text-primary",
             bottomLinkClassName
           ),
           children: link.text

package/dist/footer-simple-centered.js

@@ -844,7 +844,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            "text-sm text-muted-foreground transition-colors hover:text-primary",
             sitemapLinkClassName
           ),
           children: link.label
@@ -861,7 +861,7 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            "text-sm text-muted-foreground transition-colors hover:text-primary",
             bottomLinkClassName
           ),
           children: link.text

package/dist/hero-ad-campaign-expert.cjs

@@ -881,13 +881,13 @@ function HeroAdCampaignExpert({
       className: cn("pb-24", className),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("pt-16 lg:pt-24", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center lg:flex-row lg:items-start", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex flex-col items-start gap-8 pb-20 lg:w-1/2", contentClassName), children: [
-          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter text-foreground lg:text-5xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter text-foreground lg:text-5xl", headingClassName), children: [
+          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: [
             "Your ad campaigns excel with",
             " ",
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-muted2 border-b-2", children: headingHighlight }),
             ", delivering optimized performance."
           ] }) : null),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
           renderAction
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative flex w-full justify-center lg:w-1/2", imageContainerClassName), children: [

package/dist/hero-ad-campaign-expert.js

@@ -859,13 +859,13 @@ function HeroAdCampaignExpert({
       className: cn("pb-24", className),
       children: /* @__PURE__ */ jsx("div", { className: cn("pt-16 lg:pt-24", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center lg:flex-row lg:items-start", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("relative flex flex-col items-start gap-8 pb-20 lg:w-1/2", contentClassName), children: [
-          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter text-foreground lg:text-5xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxs("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter text-foreground lg:text-5xl", headingClassName), children: [
+          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxs("h2", { className: cn("text-3xl leading-tight font-bold tracking-tighter lg:text-5xl", headingClassName), children: [
             "Your ad campaigns excel with",
             " ",
             /* @__PURE__ */ jsx("span", { className: "border-muted2 border-b-2", children: headingHighlight }),
             ", delivering optimized performance."
           ] }) : null),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
           renderAction
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn("relative flex w-full justify-center lg:w-1/2", imageContainerClassName), children: [

package/dist/hero-agency-animated-images.cjs

@@ -905,8 +905,8 @@ function HeroAgencyAnimatedImages({
       className,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container max-w-444", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-full grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full max-w-125 flex-col gap-8 md:gap-14 lg:max-w-full", contentClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("font-serif text-5xl text-foreground md:text-6xl lg:text-7xl xl:text-[5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("font-montserrat text-2xl leading-snug text-foreground lg:text-3xl xl:text-4xl", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("font-serif text-5xl md:text-6xl lg:text-7xl xl:text-[5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("font-montserrat text-2xl leading-snug lg:text-3xl xl:text-4xl", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading })),
           renderAction
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mx-auto w-full max-w-211.5 lg:mx-0", imagesContainerClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1.049627792 / 1, children: renderImages }) })

package/dist/hero-agency-animated-images.js

@@ -883,8 +883,8 @@ function HeroAgencyAnimatedImages({
       className,
       children: /* @__PURE__ */ jsx("div", { className: cn("container max-w-444", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid w-full grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex w-full max-w-125 flex-col gap-8 md:gap-14 lg:max-w-full", contentClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("font-serif text-5xl text-foreground md:text-6xl lg:text-7xl xl:text-[5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx("p", { className: cn("font-montserrat text-2xl leading-snug text-foreground lg:text-3xl xl:text-4xl", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("font-serif text-5xl md:text-6xl lg:text-7xl xl:text-[5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx("p", { className: cn("font-montserrat text-2xl leading-snug lg:text-3xl xl:text-4xl", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading })),
           renderAction
         ] }),
         /* @__PURE__ */ jsx("div", { className: cn("mx-auto w-full max-w-211.5 lg:mx-0", imagesContainerClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 1.049627792 / 1, children: renderImages }) })

package/dist/hero-architecture-fullscreen.cjs

@@ -867,14 +867,14 @@ function HeroArchitectureFullscreen({
       pattern,
       patternOpacity,
       className: cn(
-        "dark relative h-svh max-h-[1400px] w-full overflow-hidden bg-cover bg-center bg-no-repeat font-poppins after:absolute after:top-0 after:left-0 after:block after:h-full after:w-full after:bg-black/65 after:content-['']",
+        "dark relative h-svh max-h-[1400px] w-full overflow-hidden bg-cover bg-center bg-no-repeat font-poppins after:absolute after:top-0 after:left-0 after:block after:h-full after:w-full after:bg-foreground/65 after:content-['']",
         className
       ),
       style: { backgroundImage: backgroundImage ? `url('${backgroundImage}')` : void 0 },
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative z-20 container h-full w-full max-w-340", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full w-full flex-col justify-end gap-12", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-245.5 flex-col gap-1", children: [
           tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm leading-none text-muted-foreground uppercase", taglineClassName), children: tagline }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-3xl leading-snug! text-foreground md:text-4xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-3xl leading-snug! md:text-4xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }))
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col justify-between gap-5 sm:flex-row sm:items-center", children: [
           description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-81 border-l border-muted-foreground pl-6 text-base text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),

package/dist/hero-architecture-fullscreen.js

@@ -846,14 +846,14 @@ function HeroArchitectureFullscreen({
       pattern,
       patternOpacity,
       className: cn(
-        "dark relative h-svh max-h-[1400px] w-full overflow-hidden bg-cover bg-center bg-no-repeat font-poppins after:absolute after:top-0 after:left-0 after:block after:h-full after:w-full after:bg-black/65 after:content-['']",
+        "dark relative h-svh max-h-[1400px] w-full overflow-hidden bg-cover bg-center bg-no-repeat font-poppins after:absolute after:top-0 after:left-0 after:block after:h-full after:w-full after:bg-foreground/65 after:content-['']",
         className
       ),
       style: { backgroundImage: backgroundImage ? `url('${backgroundImage}')` : void 0 },
       children: /* @__PURE__ */ jsx("div", { className: cn("relative z-20 container h-full w-full max-w-340", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col justify-end gap-12", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex max-w-245.5 flex-col gap-1", children: [
           tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-sm leading-none text-muted-foreground uppercase", taglineClassName), children: tagline }) : /* @__PURE__ */ jsx("div", { className: taglineClassName, children: tagline })),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-3xl leading-snug! text-foreground md:text-4xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-3xl leading-snug! md:text-4xl lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }))
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col justify-between gap-5 sm:flex-row sm:items-center", children: [
           description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-81 border-l border-muted-foreground pl-6 text-base text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),

package/dist/hero-billing-platform-logos.cjs

@@ -1001,7 +1001,7 @@ function HeroBillingPlatformLogos({
             ...pressableProps,
             children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               icon,
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-sm font-medium text-foreground uppercase", children: label }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-mono text-sm font-medium uppercase", children: label }),
               iconAfter
             ] })
           },
@@ -1038,8 +1038,8 @@ function HeroBillingPlatformLogos({
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-center gap-12 lg:grid-cols-[minmax(33.75rem,1fr)_1.5fr] lg:gap-8", children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3", children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl leading-tight text-foreground md:text-5xl lg:text-[3.5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-5 text-lg text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("text-4xl leading-tight md:text-5xl lg:text-[3.5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+            description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-5 text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
             (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-col items-center gap-4 lg:flex-row", actionsClassName), children: renderActions }) })
           ] }) }),
           imagesSlot ? imagesSlot : mainImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mr-auto ml-auto aspect-[1.28581291/1] w-full max-w-149 lg:mr-0 lg:ml-auto", children: [
@@ -1082,7 +1082,7 @@ function HeroBillingPlatformLogos({
           ] }) }) : null
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center justify-center gap-8 pt-28", logosClassName), children: [
-          logosTagline && (typeof logosTagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-5 text-center font-mono text-sm font-medium text-foreground uppercase", children: logosTagline }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: logosTagline })),
+          logosTagline && (typeof logosTagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-5 text-center font-mono text-sm font-medium uppercase", children: logosTagline }) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: logosTagline })),
           logosSlot ? logosSlot : logos && logos.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
             Carousel,
             {

package/dist/hero-billing-platform-logos.js

@@ -975,7 +975,7 @@ function HeroBillingPlatformLogos({
             ...pressableProps,
             children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
               icon,
-              /* @__PURE__ */ jsx("p", { className: "font-mono text-sm font-medium text-foreground uppercase", children: label }),
+              /* @__PURE__ */ jsx("p", { className: "font-mono text-sm font-medium uppercase", children: label }),
               iconAfter
             ] })
           },
@@ -1012,8 +1012,8 @@ function HeroBillingPlatformLogos({
       children: [
         /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-center gap-12 lg:grid-cols-[minmax(33.75rem,1fr)_1.5fr] lg:gap-8", children: [
           /* @__PURE__ */ jsx("div", { className: contentClassName, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl leading-tight text-foreground md:text-5xl lg:text-[3.5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-            description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-5 text-lg text-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("text-4xl leading-tight md:text-5xl lg:text-[3.5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+            description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-5 text-lg", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description })),
             (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-col items-center gap-4 lg:flex-row", actionsClassName), children: renderActions }) })
           ] }) }),
           imagesSlot ? imagesSlot : mainImage ? /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "relative mr-auto ml-auto aspect-[1.28581291/1] w-full max-w-149 lg:mr-0 lg:ml-auto", children: [
@@ -1056,7 +1056,7 @@ function HeroBillingPlatformLogos({
           ] }) }) : null
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center justify-center gap-8 pt-28", logosClassName), children: [
-          logosTagline && (typeof logosTagline === "string" ? /* @__PURE__ */ jsx("p", { className: "px-5 text-center font-mono text-sm font-medium text-foreground uppercase", children: logosTagline }) : /* @__PURE__ */ jsx("div", { children: logosTagline })),
+          logosTagline && (typeof logosTagline === "string" ? /* @__PURE__ */ jsx("p", { className: "px-5 text-center font-mono text-sm font-medium uppercase", children: logosTagline }) : /* @__PURE__ */ jsx("div", { children: logosTagline })),
           logosSlot ? logosSlot : logos && logos.length > 0 ? /* @__PURE__ */ jsx(
             Carousel,
             {

package/dist/hero-business-operations-mosaic.cjs

@@ -476,8 +476,8 @@ function HeroBusinessOperationsMosaic({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container max-w-392.5", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full max-w-125 flex-col gap-14 lg:max-w-full", contentClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("font-serif text-6xl text-foreground lg:text-7xl xl:text-[5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("font-montserrat text-2xl leading-snug text-foreground lg:text-3xl xl:text-4xl", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("font-serif text-6xl lg:text-7xl xl:text-[5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("font-montserrat text-2xl leading-snug lg:text-3xl xl:text-4xl", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: subheadingClassName, children: subheading }))
         ] })
       ] }) })
     }

package/dist/hero-business-operations-mosaic.js

@@ -451,8 +451,8 @@ function HeroBusinessOperationsMosaic({
       children: /* @__PURE__ */ jsx("div", { className: cn("container max-w-392.5", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center justify-between gap-14 lg:grid-cols-2", children: [
         /* @__PURE__ */ jsx("div", { className: cn("w-full max-w-166.5", mosaicClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 0.815177479 / 1, children: renderMosaic }) }),
         /* @__PURE__ */ jsxs("div", { className: cn("flex w-full max-w-125 flex-col gap-14 lg:max-w-full", contentClassName), children: [
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("font-serif text-6xl text-foreground lg:text-7xl xl:text-[5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
-          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx("p", { className: cn("font-montserrat text-2xl leading-snug text-foreground lg:text-3xl xl:text-4xl", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading }))
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("font-serif text-6xl lg:text-7xl xl:text-[5rem]", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          subheading && (typeof subheading === "string" ? /* @__PURE__ */ jsx("p", { className: cn("font-montserrat text-2xl leading-snug lg:text-3xl xl:text-4xl", subheadingClassName), children: subheading }) : /* @__PURE__ */ jsx("div", { className: subheadingClassName, children: subheading }))
         ] })
       ] }) })
     }

package/dist/hero-centered-gradient-cta.cjs

@@ -890,7 +890,7 @@ function HeroCenteredGradientCta({
             badgeIcon,
             typeof badge === "string" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: badge }) : badge
           ] }),
-          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: [
+          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: [
             "Build something",
             " ",
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "bg-linear-to-r from-primary to-purple-600 bg-clip-text text-transparent", children: headingHighlight })

package/dist/hero-centered-gradient-cta.js

@@ -869,7 +869,7 @@ function HeroCenteredGradientCta({
             badgeIcon,
             typeof badge === "string" ? /* @__PURE__ */ jsx("span", { children: badge }) : badge
           ] }),
-          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxs("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: [
+          (heading || headingHighlight) && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : heading ? /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading }) : headingHighlight ? /* @__PURE__ */ jsxs("h1", { className: cn("mt-8 max-w-4xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: [
             "Build something",
             " ",
             /* @__PURE__ */ jsx("span", { className: "bg-linear-to-r from-primary to-purple-600 bg-clip-text text-transparent", children: headingHighlight })

package/dist/hero-coming-soon-countdown.cjs

@@ -974,7 +974,7 @@ function HeroComingSoonCountdown({
     if (countdownSlot) return countdownSlot;
     if (!countdownItems || countdownItems.length === 0) return null;
     return countdownItems.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-xl bg-muted/50 text-3xl font-bold text-foreground md:h-24 md:w-24 md:text-5xl", children: item.value }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-xl bg-muted/50 text-3xl font-bold md:h-24 md:w-24 md:text-5xl", children: item.value }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-2 text-sm text-muted-foreground", children: item.label })
     ] }, item.label));
   }, [countdownSlot, countdownItems]);
@@ -1013,7 +1013,7 @@ function HeroComingSoonCountdown({
       Pressable,
       {
         href: link.href,
-        className: cn("text-muted-foreground hover:text-foreground", link.className),
+        className: cn("text-muted-foreground hover:opacity-80", link.className),
         children: link.icon ?? (link.iconName && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.iconName, size: 20 }))
       },
       index
@@ -1031,7 +1031,7 @@ function HeroComingSoonCountdown({
           badgeIcon && /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: badgeIcon, size: 16, className: "text-primary" }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: badgeText })
         ] }),
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-8 max-w-3xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8", headingClassName), children: heading })),
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mt-8 max-w-3xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8", headingClassName), children: heading })),
         description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mt-6 max-w-xl text-lg text-muted-foreground md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-6", descriptionClassName), children: description })),
         (countdownSlot || countdownItems && countdownItems.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-12 grid grid-cols-4 gap-4 md:gap-8", countdownClassName), children: renderCountdown }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-12 flex w-full max-w-md flex-col gap-4 sm:flex-row", formClassName), children: renderForm }),

package/dist/hero-coming-soon-countdown.js

@@ -953,7 +953,7 @@ function HeroComingSoonCountdown({
     if (countdownSlot) return countdownSlot;
     if (!countdownItems || countdownItems.length === 0) return null;
     return countdownItems.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-xl bg-muted/50 text-3xl font-bold text-foreground md:h-24 md:w-24 md:text-5xl", children: item.value }),
+      /* @__PURE__ */ jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-xl bg-muted/50 text-3xl font-bold md:h-24 md:w-24 md:text-5xl", children: item.value }),
       /* @__PURE__ */ jsx("span", { className: "mt-2 text-sm text-muted-foreground", children: item.label })
     ] }, item.label));
   }, [countdownSlot, countdownItems]);
@@ -992,7 +992,7 @@ function HeroComingSoonCountdown({
       Pressable,
       {
         href: link.href,
-        className: cn("text-muted-foreground hover:text-foreground", link.className),
+        className: cn("text-muted-foreground hover:opacity-80", link.className),
         children: link.icon ?? (link.iconName && /* @__PURE__ */ jsx(DynamicIcon, { name: link.iconName, size: 20 }))
       },
       index
@@ -1010,7 +1010,7 @@ function HeroComingSoonCountdown({
           badgeIcon && /* @__PURE__ */ jsx(DynamicIcon, { name: badgeIcon, size: 16, className: "text-primary" }),
           /* @__PURE__ */ jsx("span", { children: badgeText })
         ] }),
-        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-8 max-w-3xl text-5xl font-bold tracking-tight text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: cn("mt-8", headingClassName), children: heading })),
+        heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("mt-8 max-w-3xl text-5xl font-bold tracking-tight md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: cn("mt-8", headingClassName), children: heading })),
         description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-6 max-w-xl text-lg text-muted-foreground md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-6", descriptionClassName), children: description })),
         (countdownSlot || countdownItems && countdownItems.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("mt-12 grid grid-cols-4 gap-4 md:gap-8", countdownClassName), children: renderCountdown }),
         /* @__PURE__ */ jsx("div", { className: cn("mt-12 flex w-full max-w-md flex-col gap-4 sm:flex-row", formClassName), children: renderForm }),

package/dist/hero-conversation-intelligence.cjs

@@ -916,7 +916,7 @@ function HeroConversationIntelligence({
       className: cn("bg-background py-12 font-sans md:py-20", className),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-24", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative z-10 mx-auto flex max-w-220 flex-col gap-7", contentClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: cn("text-center text-5xl leading-[1.294] font-semibold text-foreground sm:text-[3.75rem] md:text-[4.25rem]", headingClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("h1", { className: cn("text-center text-5xl leading-[1.294] font-semibold sm:text-[3.75rem] md:text-[4.25rem]", headingClassName), children: [
             headingPrimary,
             " ",
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "relative text-nowrap after:absolute after:top-1/2 after:left-0 after:z-[-1] after:block after:h-[65%] after:w-full after:-translate-y-1/3 after:bg-muted after:content-['']", children: headingHighlight })

package/dist/hero-conversation-intelligence.js

@@ -894,7 +894,7 @@ function HeroConversationIntelligence({
       className: cn("bg-background py-12 font-sans md:py-20", className),
       children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-24", children: [
         /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: cn("relative z-10 mx-auto flex max-w-220 flex-col gap-7", contentClassName), children: [
-          /* @__PURE__ */ jsxs("h1", { className: cn("text-center text-5xl leading-[1.294] font-semibold text-foreground sm:text-[3.75rem] md:text-[4.25rem]", headingClassName), children: [
+          /* @__PURE__ */ jsxs("h1", { className: cn("text-center text-5xl leading-[1.294] font-semibold sm:text-[3.75rem] md:text-[4.25rem]", headingClassName), children: [
             headingPrimary,
             " ",
             /* @__PURE__ */ jsx("span", { className: "relative text-nowrap after:absolute after:top-1/2 after:left-0 after:z-[-1] after:block after:h-[65%] after:w-full after:-translate-y-1/3 after:bg-muted after:content-['']", children: headingHighlight })

package/dist/hero-conversion-video-play.cjs

@@ -1126,7 +1126,7 @@ function HeroConversionVideoPlay({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden border-b border-muted", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-16 md:gap-24", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col items-center gap-8", contentClassName), children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-7", children: [
-                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-[920px] text-center text-4xl leading-tight font-semibold text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("max-w-[920px] text-center text-4xl leading-tight font-semibold md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
                 description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-[750px] text-center text-base leading-relaxed font-normal text-muted-foreground md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description }))
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-8", actionsClassName), children: renderActions })

package/dist/hero-conversion-video-play.js

@@ -1103,7 +1103,7 @@ function HeroConversionVideoPlay({
           /* @__PURE__ */ jsx("div", { className: "overflow-hidden border-b border-muted", children: /* @__PURE__ */ jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-16 md:gap-24", children: [
             /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center gap-8", contentClassName), children: [
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-7", children: [
-                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("max-w-[920px] text-center text-4xl leading-tight font-semibold text-foreground md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+                heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h1", { className: cn("max-w-[920px] text-center text-4xl leading-tight font-semibold md:text-6xl lg:text-7xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
                 description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("max-w-[750px] text-center text-base leading-relaxed font-normal text-muted-foreground md:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
               ] }),
               /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center justify-center gap-8", actionsClassName), children: renderActions })

package/dist/hero-crm-streamlined.cjs

@@ -875,8 +875,8 @@ function HeroCrmStreamlined({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("container", containerClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-10 md:flex-row", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("basis-2/4", contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-10 flex flex-col gap-2", children: [
           tagline && (typeof tagline === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-base font-semibold text-muted-foreground", taglineClassName), children: tagline }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: taglineClassName, children: tagline })),
-          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mb-2 text-4xl leading-snug! font-medium text-black lg:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
-          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-2 text-lg text-black/80", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mb-2 text-4xl leading-snug! font-medium lg:text-5xl", headingClassName), children: heading }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-2 text-lg opacity-80", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: descriptionClassName, children: description })),
           renderAction
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative basis-[42%] py-9 md:py-16", imageClassName), children: imageSlot ? imageSlot : image ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aspect-square w-full overflow-hidden", children: [