@opensite/ui 1.5.4 → 1.5.6

package/dist/footer-info-cards-accordion.cjs

@@ -1758,31 +1758,40 @@ function FooterInfoCardsAccordion({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-10", contentClassName), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-12 lg:space-y-14", contentClassName), children: [
         footerDetails?.image?.src && (newsletterTitle || newsletterDescription || subscribeText) && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: cn(
-              "grid items-center gap-x-20 gap-y-5 lg:grid-cols-2",
+              "grid gap-6 rounded-3xl border bg-card/40 p-4 sm:p-6 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,1fr)] lg:items-center lg:gap-10 lg:p-8",
               newsletterGridClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(newsletterImageClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 2, className: "overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
                 {
-                  src: footerDetails.image.src,
-                  alt: footerDetails.image.alt || "",
-                  className: "block h-full w-full object-cover object-center",
-                  optixFlowConfig
+                  className: cn(
+                    "overflow-hidden rounded-2xl bg-muted/30",
+                    newsletterImageClassName
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 3 / 2, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    img.Img,
+                    {
+                      src: footerDetails.image.src,
+                      alt: footerDetails.image.alt || "",
+                      className: "block h-full w-full object-cover object-center",
+                      optixFlowConfig
+                    }
+                  ) })
                 }
-              ) }) }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-5", newsletterContentClassName), children: [
-                (newsletterTitle || newsletterDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6", newsletterContentClassName), children: [
+                (newsletterTitle || newsletterDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 text-pretty", children: [
                   newsletterTitle && /* @__PURE__ */ jsxRuntime.jsx(
                     "h3",
                     {
                       className: cn(
-                        "text-4xl font-semibold leading-snug",
+                        "text-2xl font-semibold leading-tight tracking-tight sm:text-3xl lg:text-4xl",
                         newsletterTitleClassName
                       ),
                       children: newsletterTitle
@@ -1792,7 +1801,7 @@ function FooterInfoCardsAccordion({
                     "p",
                     {
                       className: cn(
-                        "leading-normal",
+                        "text-sm leading-relaxed text-muted-foreground sm:text-base",
                         newsletterDescriptionClassName
                       ),
                       children: newsletterDescription
@@ -1803,7 +1812,7 @@ function FooterInfoCardsAccordion({
                   "form",
                   {
                     className: cn(
-                      "flex items-start gap-4",
+                      "flex flex-col gap-3 sm:flex-row sm:items-center",
                       newsletterFormClassName
                     ),
                     onSubmit: handleSubmit,
@@ -1815,7 +1824,7 @@ function FooterInfoCardsAccordion({
                           value: email,
                           onChange: (e) => setEmail(e.target.value),
                           placeholder: emailPlaceholder || "Email Address",
-                          className: "flex h-10 flex-1 rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                          className: "h-11 w-full rounded-full border border-input bg-background px-4 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 sm:flex-1"
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1825,20 +1834,21 @@ function FooterInfoCardsAccordion({
                           type: "submit",
                           variant: "default",
                           asButton: true,
+                          className: "h-11 w-full rounded-full px-6 text-sm font-semibold sm:w-auto",
                           children: subscribeText
                         }
                       )
                     ]
                   }
                 ),
-                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm opacity-80", children: [
+                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs leading-relaxed text-muted-foreground sm:text-sm", children: [
                   termsText,
                   " ",
                   termsLinkText && /* @__PURE__ */ jsxRuntime.jsx(
                     Pressable,
                     {
                       href: termsLinkUrl || "#",
-                      className: "underline underline-offset-2",
+                      className: "underline underline-offset-4 transition-colors hover:text-foreground",
                       children: termsLinkText
                     }
                   ),
@@ -1849,7 +1859,7 @@ function FooterInfoCardsAccordion({
                     Pressable,
                     {
                       href: privacyLinkUrl || "#",
-                      className: "underline underline-offset-2",
+                      className: "underline underline-offset-4 transition-colors hover:text-foreground",
                       children: privacyLinkText
                     }
                   ),
@@ -1863,26 +1873,29 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4",
+              "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
               infoCardsGridClassName
             ),
             children: infoItems.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
               Card,
               {
-                className: cn("rounded-lg px-5 py-6", infoCardClassName),
-                children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex items-start gap-3 p-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 basis-7 flex items-center justify-center mt-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 24 }) }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 space-y-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-sm leading-relaxed", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-base font-semibold leading-relaxed", children: item.title }),
+                className: cn(
+                  "group rounded-2xl border-border/60 bg-card/40 px-5 py-5 shadow-none transition-all hover:border-border/80 hover:bg-card/60 hover:shadow-sm",
+                  infoCardClassName
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex items-start gap-4 p-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-0.5 flex size-10 items-center justify-center rounded-full border bg-background/80 text-muted-foreground transition-colors group-hover:text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 18 }) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-sm font-semibold", children: item.title }),
                     item.link ? /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "break-word opacity-80 underline",
+                        className: "text-sm text-muted-foreground underline underline-offset-4 transition-colors hover:text-foreground",
                         children: item.text
                       }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: item.text })
-                  ] }) })
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: item.text })
+                  ] })
                 ] })
               },
               idx
@@ -1893,7 +1906,7 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "grid grid-cols-1 gap-8 lg:grid-cols-5 xl:grid-cols-2",
+              "grid grid-cols-1 gap-10 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,2fr)]",
               brandGridClassName
             ),
             children: [
@@ -1901,7 +1914,7 @@ function FooterInfoCardsAccordion({
                 "div",
                 {
                   className: cn(
-                    "space-y-5 lg:col-span-2 xl:col-span-1",
+                    "space-y-5",
                     brandColumnClassName
                   ),
                   children: [
@@ -1913,7 +1926,7 @@ function FooterInfoCardsAccordion({
                           url: footerDetails.logoUrl || "/"
                         },
                         logoClassName: cn(
-                          "inline-block w-full max-w-80",
+                          "inline-block w-full max-w-64",
                           logoClassName
                         ),
                         optixFlowConfig
@@ -1923,7 +1936,7 @@ function FooterInfoCardsAccordion({
                       "p",
                       {
                         className: cn(
-                          "max-w-md text-sm leading-relaxed opacity-80",
+                          "max-w-md text-sm leading-relaxed text-muted-foreground",
                           brandDescriptionClassName
                         ),
                         children: footerDetails.description
@@ -1936,16 +1949,16 @@ function FooterInfoCardsAccordion({
                 "div",
                 {
                   className: cn(
-                    "lg:col-span-3 xl:col-span-1",
+                    "space-y-6",
                     accordionColumnClassName
                   ),
                   children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-base font-bold", children: section.title }),
-                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-sm opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-sm font-semibold tracking-wide", children: section.title }),
+                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2.5 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "hover:opacity-100",
+                        className: "transition-colors hover:text-foreground",
                         children: item.text
                       }
                     ) }, idx)) })
@@ -1959,30 +1972,31 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "flex flex-wrap justify-between gap-6",
+              "flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between",
               paymentSocialRowClassName
             ),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-5", children: paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                 "ul",
                 {
                   className: cn(
                     "flex flex-wrap items-center gap-3",
                     paymentMethodsClassName
                   ),
-                  children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 28 }) }, idx))
+                  children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentPlatformIcon, { platform, size: 26 }) }, idx))
                 }
               ) }),
-              socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-wrap gap-4", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-wrap gap-3", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                 SocialLinkIcon,
                 {
                   href: social.href,
                   label: social.label,
                   iconNameOverride: social.iconNameOverride,
-                  variant: "default",
+                  variant: "outline",
                   size: "icon",
                   asButton: true,
-                  className: "rounded-full"
+                  className: "rounded-full border shadow-sm transition-shadow hover:shadow-md",
+                  iconSize: 18
                 }
               ) }, idx)) })
             ]
@@ -1992,7 +2006,7 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "flex flex-wrap justify-between gap-6 border-t pt-8",
+              "flex flex-col gap-6 border-t pt-8 md:flex-row md:items-center md:justify-between",
               bottomClassName
             ),
             children: [
@@ -2000,7 +2014,7 @@ function FooterInfoCardsAccordion({
                 "div",
                 {
                   className: cn(
-                    "flex flex-wrap items-center gap-4 text-sm opacity-80",
+                    "flex flex-wrap items-center gap-4 text-sm text-muted-foreground",
                     copyrightClassName
                   ),
                   children: [

package/dist/footer-info-cards-accordion.d.cts

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface FooterInfoCardsAccordionInfoItem {

package/dist/footer-info-cards-accordion.d.ts

@@ -2,10 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PaymentPlatformName } from './payment-platform-icon.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface FooterInfoCardsAccordionInfoItem {

package/dist/footer-info-cards-accordion.js

@@ -1736,31 +1736,40 @@ function FooterInfoCardsAccordion({
       pattern,
       patternOpacity,
       className: cn(className),
-      children: /* @__PURE__ */ jsxs("div", { className: cn("space-y-10", contentClassName), children: [
+      children: /* @__PURE__ */ jsxs("div", { className: cn("space-y-12 lg:space-y-14", contentClassName), children: [
         footerDetails?.image?.src && (newsletterTitle || newsletterDescription || subscribeText) && /* @__PURE__ */ jsxs(
           "div",
           {
             className: cn(
-              "grid items-center gap-x-20 gap-y-5 lg:grid-cols-2",
+              "grid gap-6 rounded-3xl border bg-card/40 p-4 sm:p-6 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,1fr)] lg:items-center lg:gap-10 lg:p-8",
               newsletterGridClassName
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: cn(newsletterImageClassName), children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 2, className: "overflow-hidden rounded-2xl", children: /* @__PURE__ */ jsx(
-                Img,
+              /* @__PURE__ */ jsx(
+                "div",
                 {
-                  src: footerDetails.image.src,
-                  alt: footerDetails.image.alt || "",
-                  className: "block h-full w-full object-cover object-center",
-                  optixFlowConfig
+                  className: cn(
+                    "overflow-hidden rounded-2xl bg-muted/30",
+                    newsletterImageClassName
+                  ),
+                  children: /* @__PURE__ */ jsx(AspectRatio, { ratio: 3 / 2, children: /* @__PURE__ */ jsx(
+                    Img,
+                    {
+                      src: footerDetails.image.src,
+                      alt: footerDetails.image.alt || "",
+                      className: "block h-full w-full object-cover object-center",
+                      optixFlowConfig
+                    }
+                  ) })
                 }
-              ) }) }),
-              /* @__PURE__ */ jsxs("div", { className: cn("space-y-5", newsletterContentClassName), children: [
-                (newsletterTitle || newsletterDescription) && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+              ),
+              /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", newsletterContentClassName), children: [
+                (newsletterTitle || newsletterDescription) && /* @__PURE__ */ jsxs("div", { className: "space-y-3 text-pretty", children: [
                   newsletterTitle && /* @__PURE__ */ jsx(
                     "h3",
                     {
                       className: cn(
-                        "text-4xl font-semibold leading-snug",
+                        "text-2xl font-semibold leading-tight tracking-tight sm:text-3xl lg:text-4xl",
                         newsletterTitleClassName
                       ),
                       children: newsletterTitle
@@ -1770,7 +1779,7 @@ function FooterInfoCardsAccordion({
                     "p",
                     {
                       className: cn(
-                        "leading-normal",
+                        "text-sm leading-relaxed text-muted-foreground sm:text-base",
                         newsletterDescriptionClassName
                       ),
                       children: newsletterDescription
@@ -1781,7 +1790,7 @@ function FooterInfoCardsAccordion({
                   "form",
                   {
                     className: cn(
-                      "flex items-start gap-4",
+                      "flex flex-col gap-3 sm:flex-row sm:items-center",
                       newsletterFormClassName
                     ),
                     onSubmit: handleSubmit,
@@ -1793,7 +1802,7 @@ function FooterInfoCardsAccordion({
                           value: email,
                           onChange: (e) => setEmail(e.target.value),
                           placeholder: emailPlaceholder || "Email Address",
-                          className: "flex h-10 flex-1 rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                          className: "h-11 w-full rounded-full border border-input bg-background px-4 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground/70 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 sm:flex-1"
                         }
                       ),
                       /* @__PURE__ */ jsx(
@@ -1803,20 +1812,21 @@ function FooterInfoCardsAccordion({
                           type: "submit",
                           variant: "default",
                           asButton: true,
+                          className: "h-11 w-full rounded-full px-6 text-sm font-semibold sm:w-auto",
                           children: subscribeText
                         }
                       )
                     ]
                   }
                 ),
-                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxs("p", { className: "text-sm opacity-80", children: [
+                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxs("p", { className: "text-xs leading-relaxed text-muted-foreground sm:text-sm", children: [
                   termsText,
                   " ",
                   termsLinkText && /* @__PURE__ */ jsx(
                     Pressable,
                     {
                       href: termsLinkUrl || "#",
-                      className: "underline underline-offset-2",
+                      className: "underline underline-offset-4 transition-colors hover:text-foreground",
                       children: termsLinkText
                     }
                   ),
@@ -1827,7 +1837,7 @@ function FooterInfoCardsAccordion({
                     Pressable,
                     {
                       href: privacyLinkUrl || "#",
-                      className: "underline underline-offset-2",
+                      className: "underline underline-offset-4 transition-colors hover:text-foreground",
                       children: privacyLinkText
                     }
                   ),
@@ -1841,26 +1851,29 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-4",
+              "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
               infoCardsGridClassName
             ),
             children: infoItems.map((item, idx) => /* @__PURE__ */ jsx(
               Card,
               {
-                className: cn("rounded-lg px-5 py-6", infoCardClassName),
-                children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-start gap-3 p-0", children: [
-                  /* @__PURE__ */ jsx("div", { className: "shrink-0 basis-7 flex items-center justify-center mt-0.5", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 24 }) }),
-                  /* @__PURE__ */ jsx("div", { className: "flex-1 space-y-1", children: /* @__PURE__ */ jsxs("div", { className: "text-sm leading-relaxed", children: [
-                    /* @__PURE__ */ jsx(CardTitle, { className: "text-base font-semibold leading-relaxed", children: item.title }),
+                className: cn(
+                  "group rounded-2xl border-border/60 bg-card/40 px-5 py-5 shadow-none transition-all hover:border-border/80 hover:bg-card/60 hover:shadow-sm",
+                  infoCardClassName
+                ),
+                children: /* @__PURE__ */ jsxs(CardContent, { className: "flex items-start gap-4 p-0", children: [
+                  /* @__PURE__ */ jsx("div", { className: "mt-0.5 flex size-10 items-center justify-center rounded-full border bg-background/80 text-muted-foreground transition-colors group-hover:text-foreground", children: /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 18 }) }),
+                  /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
+                    /* @__PURE__ */ jsx(CardTitle, { className: "text-sm font-semibold", children: item.title }),
                     item.link ? /* @__PURE__ */ jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "break-word opacity-80 underline",
+                        className: "text-sm text-muted-foreground underline underline-offset-4 transition-colors hover:text-foreground",
                         children: item.text
                       }
-                    ) : /* @__PURE__ */ jsx("p", { className: "opacity-80", children: item.text })
-                  ] }) })
+                    ) : /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: item.text })
+                  ] })
                 ] })
               },
               idx
@@ -1871,7 +1884,7 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "grid grid-cols-1 gap-8 lg:grid-cols-5 xl:grid-cols-2",
+              "grid grid-cols-1 gap-10 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,2fr)]",
               brandGridClassName
             ),
             children: [
@@ -1879,7 +1892,7 @@ function FooterInfoCardsAccordion({
                 "div",
                 {
                   className: cn(
-                    "space-y-5 lg:col-span-2 xl:col-span-1",
+                    "space-y-5",
                     brandColumnClassName
                   ),
                   children: [
@@ -1891,7 +1904,7 @@ function FooterInfoCardsAccordion({
                           url: footerDetails.logoUrl || "/"
                         },
                         logoClassName: cn(
-                          "inline-block w-full max-w-80",
+                          "inline-block w-full max-w-64",
                           logoClassName
                         ),
                         optixFlowConfig
@@ -1901,7 +1914,7 @@ function FooterInfoCardsAccordion({
                       "p",
                       {
                         className: cn(
-                          "max-w-md text-sm leading-relaxed opacity-80",
+                          "max-w-md text-sm leading-relaxed text-muted-foreground",
                           brandDescriptionClassName
                         ),
                         children: footerDetails.description
@@ -1914,16 +1927,16 @@ function FooterInfoCardsAccordion({
                 "div",
                 {
                   className: cn(
-                    "lg:col-span-3 xl:col-span-1",
+                    "space-y-6",
                     accordionColumnClassName
                   ),
                   children: /* @__PURE__ */ jsx("div", { className: "grid gap-8 sm:grid-cols-2 lg:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("h3", { className: "mb-4 text-base font-bold", children: section.title }),
-                    /* @__PURE__ */ jsx("ul", { className: "space-y-3 text-sm opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx("h3", { className: "mb-4 text-sm font-semibold tracking-wide", children: section.title }),
+                    /* @__PURE__ */ jsx("ul", { className: "space-y-2.5 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "hover:opacity-100",
+                        className: "transition-colors hover:text-foreground",
                         children: item.text
                       }
                     ) }, idx)) })
@@ -1937,30 +1950,31 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "flex flex-wrap justify-between gap-6",
+              "flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between",
               paymentSocialRowClassName
             ),
             children: [
-              /* @__PURE__ */ jsx("div", { className: "space-y-5", children: paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx("div", { className: "space-y-4", children: paymentPlatforms && paymentPlatforms.length > 0 && /* @__PURE__ */ jsx(
                 "ul",
                 {
                   className: cn(
                     "flex flex-wrap items-center gap-3",
                     paymentMethodsClassName
                   ),
-                  children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(PaymentPlatformIcon, { platform, size: 28 }) }, idx))
+                  children: paymentPlatforms.map((platform, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(PaymentPlatformIcon, { platform, size: 26 }) }, idx))
                 }
               ) }),
-              socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("flex flex-wrap gap-4", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("flex flex-wrap gap-3", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                 SocialLinkIcon,
                 {
                   href: social.href,
                   label: social.label,
                   iconNameOverride: social.iconNameOverride,
-                  variant: "default",
+                  variant: "outline",
                   size: "icon",
                   asButton: true,
-                  className: "rounded-full"
+                  className: "rounded-full border shadow-sm transition-shadow hover:shadow-md",
+                  iconSize: 18
                 }
               ) }, idx)) })
             ]
@@ -1970,7 +1984,7 @@ function FooterInfoCardsAccordion({
           "div",
           {
             className: cn(
-              "flex flex-wrap justify-between gap-6 border-t pt-8",
+              "flex flex-col gap-6 border-t pt-8 md:flex-row md:items-center md:justify-between",
               bottomClassName
             ),
             children: [
@@ -1978,7 +1992,7 @@ function FooterInfoCardsAccordion({
                 "div",
                 {
                   className: cn(
-                    "flex flex-wrap items-center gap-4 text-sm opacity-80",
+                    "flex flex-wrap items-center gap-4 text-sm text-muted-foreground",
                     copyrightClassName
                   ),
                   children: [

package/dist/footer-links-grid.d.cts

@@ -1,9 +1,9 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-Cohq4eio.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-links-grid.d.ts

@@ -1,9 +1,9 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-k17uluAz.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-nav-social.d.cts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bz_A5vLU.cjs';
-import { O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
+import { O as OptixFlowConfig } from './blocks-tmd_MRJv.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-nav-social.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-Bi_ClKrO.js';
-import { O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
+import { O as OptixFlowConfig } from './blocks-DRE-f6cS.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-lRElsmTc.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-newsletter-contact.cjs

@@ -1873,7 +1873,7 @@ function FooterNewsletterContact({
       className: cn(className),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-10", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-x-16 gap-y-8 md:grid-cols-2 xl:grid-cols-4", children: [
-          (newsletterTitle || newsletterDescription || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+          formConfig?.token && (newsletterTitle || newsletterDescription || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
             newsletterTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-3xl font-medium font-serif leading-none", children: newsletterTitle }),
             newsletterDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-light leading-normal", children: newsletterDescription }),
             /* @__PURE__ */ jsxRuntime.jsxs(