@opensite/ui 1.4.0 → 1.4.1

package/dist/footer-background-card.cjs

@@ -1406,7 +1406,7 @@ function FooterBackgroundCard({
       patternOpacity,
       className: cn("bg-cover bg-center bg-no-repeat", className),
       style: sectionStyle,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-7xl rounded-lg bg-background p-8 shadow-lg md:p-12", cardClassName), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-7xl rounded-lg p-8 shadow-lg md:p-12", cardClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4 lg:gap-12", gridClassName), children: [
           (profileImage || tagline || personalMessage || ctaText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("lg:col-span-1", profileSectionClassName), children: [
             (profileImage || tagline) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
@@ -1421,33 +1421,33 @@ function FooterBackgroundCard({
               ),
               tagline && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-2xl font-medium", taglineClassName), children: tagline })
             ] }),
-            personalMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-6 text-sm leading-relaxed text-muted-foreground", messageClassName), children: personalMessage }),
+            personalMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-6 text-sm leading-relaxed opacity-80", messageClassName), children: personalMessage }),
             ctaText && /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: ctaUrl || "#",
-                className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2", ctaClassName),
+                className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 h-10 px-4 py-2", ctaClassName),
                 children: ctaText
               }
             )
           ] }),
           menuItems && menuItems.length > 0 && menuItems.map((menu, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(menuSectionClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", menuTitleClassName), children: menu.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider uppercase", menuTitleClassName), children: menu.title }),
             /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: link.url,
-                className: cn("border-b border-transparent text-muted-foreground transition-all duration-300 ease-in-out hover:border-primary hover:text-primary", menuLinkClassName),
+                className: cn("border-b border-transparent opacity-80 transition-all duration-300 ease-in-out hover:opacity-100", menuLinkClassName),
                 children: link.text
               }
             ) }, index)) })
           ] }, idx)),
           (contactTitle || contact) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactSectionClassName), children: [
-            contactTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
+            contactTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider uppercase", contactTitleClassName), children: contactTitle }),
             contact && /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-3", children: [
-              contact.phone && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.phone }),
-              contact.email && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.email }),
-              (contact.location || contact.timezone) && /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
+              contact.phone && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("opacity-80", contactItemClassName), children: contact.phone }),
+              contact.email && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("opacity-80", contactItemClassName), children: contact.email }),
+              (contact.location || contact.timezone) && /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cn("opacity-80", contactItemClassName), children: [
                 contact.location,
                 contact.location && contact.timezone && " \u2022 ",
                 contact.timezone
@@ -1455,8 +1455,8 @@ function FooterBackgroundCard({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-12 flex flex-col items-center justify-between gap-4 border-t border-border pt-8 md:flex-row", bottomClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 text-sm text-muted-foreground md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-12 flex flex-col items-center justify-between gap-4 border-t pt-8 md:flex-row", bottomClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 text-sm opacity-80 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
             /* @__PURE__ */ jsxRuntime.jsx(
               BrandAttribution,
@@ -1464,7 +1464,7 @@ function FooterBackgroundCard({
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 3,
                 variant: "span",
-                linkClassName: "hover:text-primary"
+                linkClassName: "hover:opacity-100"
               }
             )
           ] }),
@@ -1472,7 +1472,7 @@ function FooterBackgroundCard({
             Pressable,
             {
               href: link.url,
-              className: "text-sm text-muted-foreground transition-colors hover:text-primary",
+              className: "text-sm opacity-80 transition-colors hover:opacity-100",
               children: link.text
             },
             idx

package/dist/footer-background-card.js

@@ -1385,7 +1385,7 @@ function FooterBackgroundCard({
       patternOpacity,
       className: cn("bg-cover bg-center bg-no-repeat", className),
       style: sectionStyle,
-      children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-7xl rounded-lg bg-background p-8 shadow-lg md:p-12", cardClassName), children: [
+      children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-7xl rounded-lg p-8 shadow-lg md:p-12", cardClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4 lg:gap-12", gridClassName), children: [
           (profileImage || tagline || personalMessage || ctaText) && /* @__PURE__ */ jsxs("div", { className: cn("lg:col-span-1", profileSectionClassName), children: [
             (profileImage || tagline) && /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
@@ -1400,33 +1400,33 @@ function FooterBackgroundCard({
               ),
               tagline && /* @__PURE__ */ jsx("h3", { className: cn("text-2xl font-medium", taglineClassName), children: tagline })
             ] }),
-            personalMessage && /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-sm leading-relaxed text-muted-foreground", messageClassName), children: personalMessage }),
+            personalMessage && /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-sm leading-relaxed opacity-80", messageClassName), children: personalMessage }),
             ctaText && /* @__PURE__ */ jsx(
               Pressable,
               {
                 href: ctaUrl || "#",
-                className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2", ctaClassName),
+                className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 h-10 px-4 py-2", ctaClassName),
                 children: ctaText
               }
             )
           ] }),
           menuItems && menuItems.length > 0 && menuItems.map((menu, idx) => /* @__PURE__ */ jsxs("div", { className: cn(menuSectionClassName), children: [
-            /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", menuTitleClassName), children: menu.title }),
+            /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider uppercase", menuTitleClassName), children: menu.title }),
             /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
               Pressable,
               {
                 href: link.url,
-                className: cn("border-b border-transparent text-muted-foreground transition-all duration-300 ease-in-out hover:border-primary hover:text-primary", menuLinkClassName),
+                className: cn("border-b border-transparent opacity-80 transition-all duration-300 ease-in-out hover:opacity-100", menuLinkClassName),
                 children: link.text
               }
             ) }, index)) })
           ] }, idx)),
           (contactTitle || contact) && /* @__PURE__ */ jsxs("div", { className: cn(contactSectionClassName), children: [
-            contactTitle && /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
+            contactTitle && /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider uppercase", contactTitleClassName), children: contactTitle }),
             contact && /* @__PURE__ */ jsxs("ul", { className: "space-y-3", children: [
-              contact.phone && /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.phone }),
-              contact.email && /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.email }),
-              (contact.location || contact.timezone) && /* @__PURE__ */ jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
+              contact.phone && /* @__PURE__ */ jsx("li", { className: cn("opacity-80", contactItemClassName), children: contact.phone }),
+              contact.email && /* @__PURE__ */ jsx("li", { className: cn("opacity-80", contactItemClassName), children: contact.email }),
+              (contact.location || contact.timezone) && /* @__PURE__ */ jsxs("li", { className: cn("opacity-80", contactItemClassName), children: [
                 contact.location,
                 contact.location && contact.timezone && " \u2022 ",
                 contact.timezone
@@ -1434,8 +1434,8 @@ function FooterBackgroundCard({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-12 flex flex-col items-center justify-between gap-4 border-t border-border pt-8 md:flex-row", bottomClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 text-sm text-muted-foreground md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("mt-12 flex flex-col items-center justify-between gap-4 border-t pt-8 md:flex-row", bottomClassName), children: [
+          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 text-sm opacity-80 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
             /* @__PURE__ */ jsx(
               BrandAttribution,
@@ -1443,7 +1443,7 @@ function FooterBackgroundCard({
                 internalBrandSlug: "open_site_ai",
                 optionIndex: 3,
                 variant: "span",
-                linkClassName: "hover:text-primary"
+                linkClassName: "hover:opacity-100"
               }
             )
           ] }),
@@ -1451,7 +1451,7 @@ function FooterBackgroundCard({
             Pressable,
             {
               href: link.url,
-              className: "text-sm text-muted-foreground transition-colors hover:text-primary",
+              className: "text-sm opacity-80 transition-colors hover:opacity-100",
               children: link.text
             },
             idx

package/dist/footer-brand-description.cjs

@@ -1638,10 +1638,11 @@ function FooterBrandDescription({
   legalLinksClassName,
   legalLinkClassName,
   background,
-  spacing,
   pattern,
   patternOpacity,
-  optixFlowConfig
+  optixFlowConfig,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32"
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -1651,6 +1652,7 @@ function FooterBrandDescription({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contentClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -1689,7 +1691,7 @@ function FooterBrandDescription({
                       "p",
                       {
                         className: cn(
-                          "max-w-[70%] text-sm text-muted-foreground",
+                          "max-w-[70%] text-sm opacity-80",
                           descriptionClassName
                         ),
                         children: description
@@ -1699,7 +1701,7 @@ function FooterBrandDescription({
                       "ul",
                       {
                         className: cn(
-                          "flex items-center space-x-6 text-muted-foreground",
+                          "flex items-center space-x-6 opacity-80",
                           socialLinksClassName
                         ),
                         children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1709,7 +1711,7 @@ function FooterBrandDescription({
                             label: social.label,
                             iconNameOverride: social.iconNameOverride,
                             className: cn(
-                              "font-medium hover:text-primary",
+                              "font-medium hover:opacity-100",
                               socialLinkClassName
                             )
                           }
@@ -1732,14 +1734,14 @@ function FooterBrandDescription({
                       "ul",
                       {
                         className: cn(
-                          "space-y-3 text-sm text-muted-foreground",
+                          "space-y-3 text-sm opacity-80",
                           navLinksClassName
                         ),
                         children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
                           "li",
                           {
                             className: cn(
-                              "font-medium hover:text-primary",
+                              "font-medium hover:opacity-100",
                               navLinkClassName
                             ),
                             children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
@@ -1758,7 +1760,7 @@ function FooterBrandDescription({
           "div",
           {
             className: cn(
-              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium text-muted-foreground md:flex-row md:items-center md:text-left",
+              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
               bottomClassName
             ),
             children: [
@@ -1777,7 +1779,7 @@ function FooterBrandDescription({
                         internalBrandSlug: "open_site_ai",
                         optionIndex: 4,
                         variant: "span",
-                        linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
                     )
                   ]
@@ -1793,7 +1795,7 @@ function FooterBrandDescription({
                   children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
                     "li",
                     {
-                      className: cn("hover:text-primary", legalLinkClassName),
+                      className: cn("hover:opacity-100", legalLinkClassName),
                       children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
                     },
                     idx

package/dist/footer-brand-description.d.cts

@@ -98,6 +98,10 @@ interface FooterBrandDescriptionProps {
     pattern?: PatternName;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Optional Optix Flow configuration for @page-speed/img */
     optixFlowConfig?: OptixFlowConfig;
 }
@@ -108,6 +112,6 @@ interface FooterBrandDescriptionProps {
  * with multi-column navigation on the right. Ideal for brand-focused websites, startups,
  * and businesses that want to emphasize their identity and social presence in the footer.
  */
-declare function FooterBrandDescription({ logo, sections, description, socialLinks, copyright, legalLinks, className, contentClassName, layoutClassName, brandColumnClassName, logoWrapperClassName, logoClassName, descriptionClassName, socialLinksClassName, socialLinkClassName, navGridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, bottomClassName, copyrightClassName, legalLinksClassName, legalLinkClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterBrandDescriptionProps): React.JSX.Element;
+declare function FooterBrandDescription({ logo, sections, description, socialLinks, copyright, legalLinks, className, contentClassName, layoutClassName, brandColumnClassName, logoWrapperClassName, logoClassName, descriptionClassName, socialLinksClassName, socialLinkClassName, navGridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, bottomClassName, copyrightClassName, legalLinksClassName, legalLinkClassName, background, pattern, patternOpacity, optixFlowConfig, containerClassName, spacing, }: FooterBrandDescriptionProps): React.JSX.Element;
 
 export { FooterBrandDescription, type FooterBrandDescriptionLink, type FooterBrandDescriptionProps, type FooterBrandDescriptionSection };

package/dist/footer-brand-description.d.ts

@@ -98,6 +98,10 @@ interface FooterBrandDescriptionProps {
     pattern?: PatternName;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Optional Optix Flow configuration for @page-speed/img */
     optixFlowConfig?: OptixFlowConfig;
 }
@@ -108,6 +112,6 @@ interface FooterBrandDescriptionProps {
  * with multi-column navigation on the right. Ideal for brand-focused websites, startups,
  * and businesses that want to emphasize their identity and social presence in the footer.
  */
-declare function FooterBrandDescription({ logo, sections, description, socialLinks, copyright, legalLinks, className, contentClassName, layoutClassName, brandColumnClassName, logoWrapperClassName, logoClassName, descriptionClassName, socialLinksClassName, socialLinkClassName, navGridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, bottomClassName, copyrightClassName, legalLinksClassName, legalLinkClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterBrandDescriptionProps): React.JSX.Element;
+declare function FooterBrandDescription({ logo, sections, description, socialLinks, copyright, legalLinks, className, contentClassName, layoutClassName, brandColumnClassName, logoWrapperClassName, logoClassName, descriptionClassName, socialLinksClassName, socialLinkClassName, navGridClassName, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName, bottomClassName, copyrightClassName, legalLinksClassName, legalLinkClassName, background, pattern, patternOpacity, optixFlowConfig, containerClassName, spacing, }: FooterBrandDescriptionProps): React.JSX.Element;
 
 export { FooterBrandDescription, type FooterBrandDescriptionLink, type FooterBrandDescriptionProps, type FooterBrandDescriptionSection };

package/dist/footer-brand-description.js

@@ -1617,10 +1617,11 @@ function FooterBrandDescription({
   legalLinksClassName,
   legalLinkClassName,
   background,
-  spacing,
   pattern,
   patternOpacity,
-  optixFlowConfig
+  optixFlowConfig,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32"
 }) {
   return /* @__PURE__ */ jsx(
     Section,
@@ -1630,6 +1631,7 @@ function FooterBrandDescription({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxs("div", { className: cn(contentClassName), children: [
         /* @__PURE__ */ jsxs(
           "div",
@@ -1668,7 +1670,7 @@ function FooterBrandDescription({
                       "p",
                       {
                         className: cn(
-                          "max-w-[70%] text-sm text-muted-foreground",
+                          "max-w-[70%] text-sm opacity-80",
                           descriptionClassName
                         ),
                         children: description
@@ -1678,7 +1680,7 @@ function FooterBrandDescription({
                       "ul",
                       {
                         className: cn(
-                          "flex items-center space-x-6 text-muted-foreground",
+                          "flex items-center space-x-6 opacity-80",
                           socialLinksClassName
                         ),
                         children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -1688,7 +1690,7 @@ function FooterBrandDescription({
                             label: social.label,
                             iconNameOverride: social.iconNameOverride,
                             className: cn(
-                              "font-medium hover:text-primary",
+                              "font-medium hover:opacity-100",
                               socialLinkClassName
                             )
                           }
@@ -1711,14 +1713,14 @@ function FooterBrandDescription({
                       "ul",
                       {
                         className: cn(
-                          "space-y-3 text-sm text-muted-foreground",
+                          "space-y-3 text-sm opacity-80",
                           navLinksClassName
                         ),
                         children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
                           "li",
                           {
                             className: cn(
-                              "font-medium hover:text-primary",
+                              "font-medium hover:opacity-100",
                               navLinkClassName
                             ),
                             children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name })
@@ -1737,7 +1739,7 @@ function FooterBrandDescription({
           "div",
           {
             className: cn(
-              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium text-muted-foreground md:flex-row md:items-center md:text-left",
+              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
               bottomClassName
             ),
             children: [
@@ -1756,7 +1758,7 @@ function FooterBrandDescription({
                         internalBrandSlug: "open_site_ai",
                         optionIndex: 4,
                         variant: "span",
-                        linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
                     )
                   ]
@@ -1772,7 +1774,7 @@ function FooterBrandDescription({
                   children: legalLinks.map((link, idx) => /* @__PURE__ */ jsx(
                     "li",
                     {
-                      className: cn("hover:text-primary", legalLinkClassName),
+                      className: cn("hover:opacity-100", legalLinkClassName),
                       children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name })
                     },
                     idx

package/dist/footer-brand-links-contact.cjs

@@ -1595,7 +1595,7 @@ function FooterBrandLinksContact({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             linkItemClassName
           ),
           children: link.label
@@ -1616,12 +1616,12 @@ function FooterBrandLinksContact({
       {
         className: cn("flex items-start gap-4", contactItemClassName),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20, className: "text-primary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: item.href,
-              className: "text-sm font-medium transition-colors hover:text-muted-foreground",
+              className: "text-sm font-medium transition-colors hover:opacity-70",
               children: item.label
             }
           ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: item.label }) })
@@ -1680,7 +1680,7 @@ function FooterBrandLinksContact({
                   "p",
                   {
                     className: cn(
-                      "text-sm text-muted-foreground",
+                      "text-sm opacity-80",
                       descriptionClassName
                     ),
                     children: description
@@ -1700,14 +1700,14 @@ function FooterBrandLinksContact({
                   "ul",
                   {
                     className: cn(
-                      "mt-4 space-y-3 text-sm text-muted-foreground",
+                      "mt-4 space-y-3 text-sm opacity-80",
                       linkListClassName
                     ),
                     children: contactItemsContent
                   }
                 ),
                 socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
-                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: socialTitle }),
+                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] opacity-70", children: socialTitle }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex gap-4", children: socialLinksContent })
                 ] })
               ] })
@@ -1718,7 +1718,7 @@ function FooterBrandLinksContact({
           "div",
           {
             className: cn(
-              "mt-12 border-t pt-8 text-sm text-muted-foreground",
+              "mt-12 border-t pt-8 text-sm opacity-80",
               bottomBarClassName
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
@@ -1737,7 +1737,7 @@ function FooterBrandLinksContact({
                         internalBrandSlug: "open_site_ai",
                         optionIndex: 5,
                         variant: "span",
-                        linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
                     )
                   ]
@@ -1754,7 +1754,7 @@ function FooterBrandLinksContact({
                     Pressable,
                     {
                       href: link.href,
-                      className: "underline transition-colors hover:text-primary",
+                      className: "underline transition-colors hover:opacity-100",
                       children: link.label
                     },
                     idx

package/dist/footer-brand-links-contact.js

@@ -1574,7 +1574,7 @@ function FooterBrandLinksContact({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             linkItemClassName
           ),
           children: link.label
@@ -1595,12 +1595,12 @@ function FooterBrandLinksContact({
       {
         className: cn("flex items-start gap-4", contactItemClassName),
         children: [
-          /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 20, className: "text-primary" }) }),
+          /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
           /* @__PURE__ */ jsx("div", { className: "space-y-1", children: item.href ? /* @__PURE__ */ jsx(
             Pressable,
             {
               href: item.href,
-              className: "text-sm font-medium transition-colors hover:text-muted-foreground",
+              className: "text-sm font-medium transition-colors hover:opacity-70",
               children: item.label
             }
           ) : /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: item.label }) })
@@ -1659,7 +1659,7 @@ function FooterBrandLinksContact({
                   "p",
                   {
                     className: cn(
-                      "text-sm text-muted-foreground",
+                      "text-sm opacity-80",
                       descriptionClassName
                     ),
                     children: description
@@ -1679,14 +1679,14 @@ function FooterBrandLinksContact({
                   "ul",
                   {
                     className: cn(
-                      "mt-4 space-y-3 text-sm text-muted-foreground",
+                      "mt-4 space-y-3 text-sm opacity-80",
                       linkListClassName
                     ),
                     children: contactItemsContent
                   }
                 ),
                 socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
-                  socialTitle && /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: socialTitle }),
+                  socialTitle && /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] opacity-70", children: socialTitle }),
                   /* @__PURE__ */ jsx("div", { className: "mt-3 flex gap-4", children: socialLinksContent })
                 ] })
               ] })
@@ -1697,7 +1697,7 @@ function FooterBrandLinksContact({
           "div",
           {
             className: cn(
-              "mt-12 border-t pt-8 text-sm text-muted-foreground",
+              "mt-12 border-t pt-8 text-sm opacity-80",
               bottomBarClassName
             ),
             children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
@@ -1716,7 +1716,7 @@ function FooterBrandLinksContact({
                         internalBrandSlug: "open_site_ai",
                         optionIndex: 5,
                         variant: "span",
-                        linkClassName: "underline underline-offset-4 transition-colors hover:text-primary"
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
                     )
                   ]
@@ -1733,7 +1733,7 @@ function FooterBrandLinksContact({
                     Pressable,
                     {
                       href: link.href,
-                      className: "underline transition-colors hover:text-primary",
+                      className: "underline transition-colors hover:opacity-100",
                       children: link.label
                     },
                     idx

package/dist/footer-comprehensive-links.cjs

@@ -1671,7 +1671,7 @@ function FooterComprehensiveLinks({
                     iconNameOverride: link.iconNameOverride,
                     iconSize: 18,
                     className: cn(
-                      "flex size-fit p-2 items-center justify-center rounded-lg transition-shadow bg-muted border shadow-sm hover:shadow-lg"
+                      "flex size-fit p-2 items-center justify-center rounded-lg transition-shadow border shadow-sm hover:shadow-lg"
                     )
                   },
                   idx

package/dist/footer-comprehensive-links.js

@@ -1650,7 +1650,7 @@ function FooterComprehensiveLinks({
                     iconNameOverride: link.iconNameOverride,
                     iconSize: 18,
                     className: cn(
-                      "flex size-fit p-2 items-center justify-center rounded-lg transition-shadow bg-muted border shadow-sm hover:shadow-lg"
+                      "flex size-fit p-2 items-center justify-center rounded-lg transition-shadow border shadow-sm hover:shadow-lg"
                     )
                   },
                   idx