@opensite/ui 1.4.3 → 1.4.5

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

@@ -1560,7 +1560,7 @@ function FooterBrandLinksContact({
 }) {
   const linkGroupsContent = useMemo(() => {
     if (!linkGroups || linkGroups.length === 0) return null;
-    return linkGroups.map((group) => /* @__PURE__ */ jsxs("div", { className: cn(linkGroupClassName), children: [
+    return linkGroups.map((group) => /* @__PURE__ */ jsxs("div", { className: cn("mt-8 md:mt-0", linkGroupClassName), children: [
       /* @__PURE__ */ jsx(
         "h3",
         {
@@ -1656,34 +1656,43 @@ function FooterBrandLinksContact({
           "div",
           {
             className: cn(
-              "grid grid-cols-1 gap-10 md:grid-cols-2 lg:grid-cols-4",
+              "grid grid-cols-2 gap-6 md:gap-10 md:grid-cols-2 lg:grid-cols-4",
               gridClassName
             ),
             children: [
               linkGroupsContent,
-              /* @__PURE__ */ jsxs("div", { className: cn(contactColumnClassName), children: [
-                contactTitle && /* @__PURE__ */ jsx(
-                  "h3",
-                  {
-                    className: cn("text-lg font-semibold", linkGroupTitleClassName),
-                    children: contactTitle
-                  }
-                ),
-                contactItemsContent && /* @__PURE__ */ jsx(
-                  "ul",
-                  {
-                    className: cn(
-                      "mt-4 space-y-3 text-sm opacity-80",
-                      linkListClassName
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "w-full md:w-fit col-span-2 md:col-span-1 mt-8 md:mt-0",
+                    contactColumnClassName
+                  ),
+                  children: [
+                    contactTitle && /* @__PURE__ */ jsx(
+                      "h3",
+                      {
+                        className: cn("text-lg font-semibold", linkGroupTitleClassName),
+                        children: contactTitle
+                      }
+                    ),
+                    contactItemsContent && /* @__PURE__ */ jsx(
+                      "ul",
+                      {
+                        className: cn(
+                          "mt-4 space-y-3 text-sm opacity-80",
+                          linkListClassName
+                        ),
+                        children: contactItemsContent
+                      }
                     ),
-                    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] opacity-70", children: socialTitle }),
-                  /* @__PURE__ */ jsx("div", { className: "mt-3 flex gap-4", children: socialLinksContent })
-                ] })
-              ] })
+                    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] opacity-70", children: socialTitle }),
+                      /* @__PURE__ */ jsx("div", { className: "mt-3 flex gap-4", children: socialLinksContent })
+                    ] })
+                  ]
+                }
+              )
             ]
           }
         ),

package/dist/footer-comprehensive-links.cjs

@@ -1588,7 +1588,7 @@ function FooterComprehensiveLinks({
           summary && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: summary })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-10 lg:gap-12", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-12", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8 lg:grid-cols-12", children: [
             linkColumns && linkColumns.length > 0 && linkColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: column.title }),
               /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2.5", children: column.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1600,7 +1600,7 @@ function FooterComprehensiveLinks({
                 }
               ) }, link.href)) })
             ] }) }, column.title)),
-            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-12 col-span-1 sm:col-span-2 lg:col-span-4", children: [
+            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-12 col-span-2 lg:col-span-4", children: [
               contact ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Contact" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex flex-col gap-3", children: [
@@ -1706,7 +1706,7 @@ function FooterComprehensiveLinks({
               }
             )
           ] }),
-          (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+          (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: link.href,

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

@@ -1,10 +1,10 @@
-import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-r_NhxVet.cjs';
+import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-CPyEa7IX.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 interface FooterComprehensiveLinksLink {

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

@@ -1,10 +1,10 @@
-import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-DmVsuoHE.js';
+import { t as PatternName, g as SectionSpacing, f as SectionBackground } from './community-initiatives-hxnFe3w6.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react';
 import 'react/jsx-runtime';
-import './blocks-XLPGq8A5.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 interface FooterComprehensiveLinksLink {

package/dist/footer-comprehensive-links.js

@@ -1567,7 +1567,7 @@ function FooterComprehensiveLinks({
           summary && /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed", children: summary })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 lg:gap-12", children: [
-          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-12", children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 lg:grid-cols-12", children: [
             linkColumns && linkColumns.length > 0 && linkColumns.map((column) => /* @__PURE__ */ jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
               /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: column.title }),
               /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2.5", children: column.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -1579,7 +1579,7 @@ function FooterComprehensiveLinks({
                 }
               ) }, link.href)) })
             ] }) }, column.title)),
-            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-12 col-span-1 sm:col-span-2 lg:col-span-4", children: [
+            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-12 col-span-2 lg:col-span-4", children: [
               contact ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
                 /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: "Contact" }),
                 /* @__PURE__ */ jsxs("ul", { className: "flex flex-col gap-3", children: [
@@ -1685,7 +1685,7 @@ function FooterComprehensiveLinks({
               }
             )
           ] }),
-          (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center gap-4 sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsx(
+          (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4 sm:flex sm:items-center sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsx(
             Pressable,
             {
               href: link.href,

package/dist/footer-contact-card.cjs

@@ -1644,7 +1644,8 @@ function FooterContactCard({
   copyrightClassName,
   locationClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1657,6 +1658,7 @@ function FooterContactCard({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2", gridClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(leftColumnClassName), children: [
@@ -1669,7 +1671,16 @@ function FooterContactCard({
                 optixFlowConfig
               }
             ),
-            heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }),
+            heading && /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: cn(
+                  "mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ),
             (email || phone || address) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
               email && /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(
                 Pressable,
@@ -1690,51 +1701,90 @@ function FooterContactCard({
               address && /* @__PURE__ */ jsxRuntime.jsx("p", { children: address })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col justify-between", rightColumnClassName), children: [
-            (socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(socialSectionClassName), children: [
-              socialTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
-              socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex items-center gap-4", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-                SocialLinkIcon,
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col justify-between",
+                rightColumnClassName
+              ),
+              children: [
+                (socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(socialSectionClassName), children: [
+                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
+                  socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                    "ul",
+                    {
+                      className: cn(
+                        "flex items-center gap-4",
+                        socialLinksClassName
+                      ),
+                      children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                        SocialLinkIcon,
+                        {
+                          href: social.href,
+                          label: social.label,
+                          iconNameOverride: social.iconNameOverride,
+                          className: cn(
+                            "flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
+                            socialLinkClassName
+                          )
+                        }
+                      ) }, idx))
+                    }
+                  )
+                ] }),
+                navLinks && navLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("mt-18 md:mt-8", navClassName), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    href: link.href,
+                    className: cn(
+                      "opacity-80 hover:opacity-100",
+                      navLinkClassName
+                    ),
+                    children: link.name
+                  }
+                ) }, idx)) }) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center",
+              bottomClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
                 {
-                  href: social.href,
-                  label: social.label,
-                  iconNameOverride: social.iconNameOverride,
                   className: cn(
-                    "flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
-                    socialLinkClassName
-                  )
+                    "flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
+                    copyrightClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      BrandAttribution,
+                      {
+                        internalBrandSlug: "open_site_ai",
+                        optionIndex: 7,
+                        variant: "span",
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                      }
+                    )
+                  ]
                 }
-              ) }, idx)) })
-            ] }),
-            navLinks && navLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("mt-8", navClassName), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                href: link.href,
-                className: cn("opacity-80 hover:opacity-100", navLinkClassName),
-                children: link.name
-              }
-            ) }, idx)) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              BrandAttribution,
-              {
-                internalBrandSlug: "open_site_ai",
-                optionIndex: 7,
-                variant: "span",
-                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
-              }
-            )
-          ] }),
-          (locationLabel || location) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn(locationClassName), children: [
-            locationLabel,
-            " ",
-            location && /* @__PURE__ */ jsxRuntime.jsx("strong", { children: location })
-          ] })
-        ] })
+              ),
+              (locationLabel || location) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn(locationClassName), children: [
+                locationLabel,
+                " ",
+                location && /* @__PURE__ */ jsxRuntime.jsx("strong", { children: location })
+              ] })
+            ]
+          }
+        )
       ] }) })
     }
   );

package/dist/footer-contact-card.d.cts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.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';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**
@@ -93,6 +93,10 @@ interface FooterContactCardProps {
     locationClassName?: string;
     /** Section background variant */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern name */
@@ -109,6 +113,6 @@ interface FooterContactCardProps {
  * and horizontal navigation. Ideal for service businesses, agencies, and professional websites
  * that want to emphasize contact information and make it easy for visitors to get in touch.
  */
-declare function FooterContactCard({ logo, heading, email, phone, address, socialLinks, navLinks, socialTitle, location, locationLabel, copyright, className, contentClassName, gridClassName, leftColumnClassName, logoWrapperClassName, logoClassName, headingClassName, contactClassName, rightColumnClassName, socialSectionClassName, socialTitleClassName, socialLinksClassName, socialLinkClassName, navClassName, navLinkClassName, bottomClassName, copyrightClassName, locationClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterContactCardProps): React.JSX.Element;
+declare function FooterContactCard({ logo, heading, email, phone, address, socialLinks, navLinks, socialTitle, location, locationLabel, copyright, className, contentClassName, gridClassName, leftColumnClassName, logoWrapperClassName, logoClassName, headingClassName, contactClassName, rightColumnClassName, socialSectionClassName, socialTitleClassName, socialLinksClassName, socialLinkClassName, navClassName, navLinkClassName, bottomClassName, copyrightClassName, locationClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterContactCardProps): React.JSX.Element;
 
 export { FooterContactCard, type FooterContactCardNavLink, type FooterContactCardProps };

package/dist/footer-contact-card.d.ts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.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';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**
@@ -93,6 +93,10 @@ interface FooterContactCardProps {
     locationClassName?: string;
     /** Section background variant */
     background?: SectionBackground;
+    /**
+     * Additional CSS classes for the container
+     */
+    containerClassName?: string;
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern name */
@@ -109,6 +113,6 @@ interface FooterContactCardProps {
  * and horizontal navigation. Ideal for service businesses, agencies, and professional websites
  * that want to emphasize contact information and make it easy for visitors to get in touch.
  */
-declare function FooterContactCard({ logo, heading, email, phone, address, socialLinks, navLinks, socialTitle, location, locationLabel, copyright, className, contentClassName, gridClassName, leftColumnClassName, logoWrapperClassName, logoClassName, headingClassName, contactClassName, rightColumnClassName, socialSectionClassName, socialTitleClassName, socialLinksClassName, socialLinkClassName, navClassName, navLinkClassName, bottomClassName, copyrightClassName, locationClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterContactCardProps): React.JSX.Element;
+declare function FooterContactCard({ logo, heading, email, phone, address, socialLinks, navLinks, socialTitle, location, locationLabel, copyright, className, contentClassName, gridClassName, leftColumnClassName, logoWrapperClassName, logoClassName, headingClassName, contactClassName, rightColumnClassName, socialSectionClassName, socialTitleClassName, socialLinksClassName, socialLinkClassName, navClassName, navLinkClassName, bottomClassName, copyrightClassName, locationClassName, background, containerClassName, spacing, pattern, patternOpacity, optixFlowConfig, }: FooterContactCardProps): React.JSX.Element;
 
 export { FooterContactCard, type FooterContactCardNavLink, type FooterContactCardProps };

package/dist/footer-contact-card.js

@@ -1623,7 +1623,8 @@ function FooterContactCard({
   copyrightClassName,
   locationClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -1636,6 +1637,7 @@ function FooterContactCard({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
         /* @__PURE__ */ jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2", gridClassName), children: [
           /* @__PURE__ */ jsxs("div", { className: cn(leftColumnClassName), children: [
@@ -1648,7 +1650,16 @@ function FooterContactCard({
                 optixFlowConfig
               }
             ),
-            heading && /* @__PURE__ */ jsx("h2", { className: cn("mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }),
+            heading && /* @__PURE__ */ jsx(
+              "h2",
+              {
+                className: cn(
+                  "mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl",
+                  headingClassName
+                ),
+                children: heading
+              }
+            ),
             (email || phone || address) && /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
               email && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
                 Pressable,
@@ -1669,51 +1680,90 @@ function FooterContactCard({
               address && /* @__PURE__ */ jsx("p", { children: address })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col justify-between", rightColumnClassName), children: [
-            (socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn(socialSectionClassName), children: [
-              socialTitle && /* @__PURE__ */ jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
-              socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("flex items-center gap-4", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                SocialLinkIcon,
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "flex flex-col justify-between",
+                rightColumnClassName
+              ),
+              children: [
+                (socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn(socialSectionClassName), children: [
+                  socialTitle && /* @__PURE__ */ jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
+                  socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx(
+                    "ul",
+                    {
+                      className: cn(
+                        "flex items-center gap-4",
+                        socialLinksClassName
+                      ),
+                      children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                        SocialLinkIcon,
+                        {
+                          href: social.href,
+                          label: social.label,
+                          iconNameOverride: social.iconNameOverride,
+                          className: cn(
+                            "flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
+                            socialLinkClassName
+                          )
+                        }
+                      ) }, idx))
+                    }
+                  )
+                ] }),
+                navLinks && navLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: cn("mt-18 md:mt-8", navClassName), children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+                  Pressable,
+                  {
+                    href: link.href,
+                    className: cn(
+                      "opacity-80 hover:opacity-100",
+                      navLinkClassName
+                    ),
+                    children: link.name
+                  }
+                ) }, idx)) }) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center",
+              bottomClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
                 {
-                  href: social.href,
-                  label: social.label,
-                  iconNameOverride: social.iconNameOverride,
                   className: cn(
-                    "flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
-                    socialLinkClassName
-                  )
+                    "flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
+                    copyrightClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
+                    /* @__PURE__ */ jsx(
+                      BrandAttribution,
+                      {
+                        internalBrandSlug: "open_site_ai",
+                        optionIndex: 7,
+                        variant: "span",
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                      }
+                    )
+                  ]
                 }
-              ) }, idx)) })
-            ] }),
-            navLinks && navLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: cn("mt-8", navClassName), children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-              Pressable,
-              {
-                href: link.href,
-                className: cn("opacity-80 hover:opacity-100", navLinkClassName),
-                children: link.name
-              }
-            ) }, idx)) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
-            /* @__PURE__ */ jsx(FooterCopyright, { copyright }),
-            /* @__PURE__ */ jsx(
-              BrandAttribution,
-              {
-                internalBrandSlug: "open_site_ai",
-                optionIndex: 7,
-                variant: "span",
-                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
-              }
-            )
-          ] }),
-          (locationLabel || location) && /* @__PURE__ */ jsxs("p", { className: cn(locationClassName), children: [
-            locationLabel,
-            " ",
-            location && /* @__PURE__ */ jsx("strong", { children: location })
-          ] })
-        ] })
+              ),
+              (locationLabel || location) && /* @__PURE__ */ jsxs("p", { className: cn(locationClassName), children: [
+                locationLabel,
+                " ",
+                location && /* @__PURE__ */ jsx("strong", { children: location })
+              ] })
+            ]
+          }
+        )
       ] }) })
     }
   );

package/dist/footer-cta-banner.d.cts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-r_NhxVet.cjs';
-import { O as OptixFlowConfig } from './blocks-DP3Vofl4.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';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-cta-banner.d.ts

@@ -1,10 +1,10 @@
-import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
-import { O as OptixFlowConfig } from './blocks-XLPGq8A5.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';
 import 'react/jsx-runtime';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-cta-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-r_NhxVet.cjs';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-CPyEa7IX.cjs';
 import { F as FooterSocialLink } from './types-Cs1jk79n.cjs';
 import 'react/jsx-runtime';
-import './blocks-DP3Vofl4.cjs';
+import './blocks-tmd_MRJv.cjs';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.cjs';
+import './button-variants-8mtEHxev.cjs';
 import 'class-variance-authority/types';
 
 /**

package/dist/footer-cta-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-DmVsuoHE.js';
+import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-hxnFe3w6.js';
 import { F as FooterSocialLink } from './types-Cs1jk79n.js';
 import 'react/jsx-runtime';
-import './blocks-XLPGq8A5.js';
+import './blocks-DRE-f6cS.js';
 import 'class-variance-authority';
-import './button-variants-CdNtNOuP.js';
+import './button-variants-8mtEHxev.js';
 import 'class-variance-authority/types';
 
 /**