@opensite/ui 0.4.1 → 0.4.3

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

@@ -555,11 +555,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/mediaPlaceholders.ts
-var logoPlaceholders = {
-  lightHorizontalLogo: "https://cdn.ing/assets/i/r/285985/vs7w9ov4y1afgp95pb7nqkvnchq6/logo-light.png"
-};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -886,6 +881,7 @@ var Section = React__namespace.default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -905,7 +901,7 @@ var Section = React__namespace.default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -923,8 +919,8 @@ var Section = React__namespace.default.forwardRef(
 );
 Section.displayName = "Section";
 function FooterBrandLinksContact({
-  logoSrc = logoPlaceholders.lightHorizontalLogo,
-  logoAlt = "OpenSite AI logo",
+  logoSrc,
+  logoAlt = "Logo",
   tagline,
   description,
   linkGroups,
@@ -932,7 +928,7 @@ function FooterBrandLinksContact({
   socialLinks,
   legalLinks,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   copyright,
   contactTitle,
   socialTitle,
@@ -1026,21 +1022,46 @@ function FooterBrandLinksContact({
                 )
               ] }, group.title)),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactColumnClassName), children: [
-                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-lg font-semibold text-white", linkGroupTitleClassName), children: contactTitle }),
-                /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mt-4 space-y-3 text-sm text-white/70", linkListClassName), children: contactItems?.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  Pressable,
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "h3",
                   {
-                    href: item.href,
                     className: cn(
-                      "flex items-start gap-3 transition-colors hover:text-primary",
-                      contactItemClassName
+                      "text-lg font-semibold text-white",
+                      linkGroupTitleClassName
                     ),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 18, className: "mt-0.5" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
-                    ]
+                    children: contactTitle
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "ul",
+                  {
+                    className: cn(
+                      "mt-4 space-y-3 text-sm text-white/70",
+                      linkListClassName
+                    ),
+                    children: contactItems?.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      Pressable,
+                      {
+                        href: item.href,
+                        className: cn(
+                          "flex items-start gap-3 transition-colors hover:text-primary",
+                          contactItemClassName
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            DynamicIcon,
+                            {
+                              name: item.icon,
+                              size: 18,
+                              className: "mt-0.5"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
+                        ]
+                      }
+                    ) }, item.label))
                   }
-                ) }, item.label)) }),
+                ),
                 (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
                   /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-white/60", children: socialTitle }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex gap-4", children: socialLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1070,25 +1091,34 @@ function FooterBrandLinksContact({
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(copyrightClassName), children: copyrightText }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center gap-4", legalLinksClassName), children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Pressable,
-                  {
-                    href: attributionHref,
-                    className: "underline transition-colors hover:text-primary",
-                    children: attributionText
-                  }
-                ),
-                legalLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
-                  Pressable,
-                  {
-                    href: link.href,
-                    className: "underline transition-colors hover:text-primary",
-                    children: link.label
-                  },
-                  link.href
-                ))
-              ] })
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-wrap items-center gap-4",
+                    legalLinksClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: attributionHref,
+                        className: "underline transition-colors hover:text-primary",
+                        children: attributionText
+                      }
+                    ),
+                    legalLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: link.href,
+                        className: "underline transition-colors hover:text-primary",
+                        children: link.label
+                      },
+                      link.href
+                    ))
+                  ]
+                }
+              )
             ] })
           }
         )

package/dist/footer-brand-links-contact.d.cts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.cjs';
 import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-Cohq4eio.cjs';
+import { P as PatternName } from './pattern-background-a7gKHzHy.cjs';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.cjs';
 import 'class-variance-authority/types';
@@ -116,7 +118,7 @@ interface FooterBrandLinksContactProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
     /** Optional Optix Flow configuration for image optimization */

package/dist/footer-brand-links-contact.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { SectionBackground, SectionSpacing } from './types.js';
 import { N as NavLinkItem, O as OptixFlowConfig } from './blocks-k17uluAz.js';
+import { P as PatternName } from './pattern-background-a7gKHzHy.js';
+import 'react/jsx-runtime';
 import 'class-variance-authority';
 import './button-variants-lRElsmTc.js';
 import 'class-variance-authority/types';
@@ -116,7 +118,7 @@ interface FooterBrandLinksContactProps {
     /** Section spacing variant */
     spacing?: SectionSpacing;
     /** Optional background pattern */
-    pattern?: string;
+    pattern?: PatternName | undefined;
     /** Pattern opacity (0-1) */
     patternOpacity?: number;
     /** Optional Optix Flow configuration for image optimization */

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

@@ -534,11 +534,6 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
-
-// lib/mediaPlaceholders.ts
-var logoPlaceholders = {
-  lightHorizontalLogo: "https://cdn.ing/assets/i/r/285985/vs7w9ov4y1afgp95pb7nqkvnchq6/logo-light.png"
-};
 var maxWidthStyles = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
@@ -865,6 +860,7 @@ var Section = React__default.forwardRef(
     patternClassName,
     ...props
   }, ref) => {
+    const effectivePatternOpacity = patternOpacity !== void 0 ? patternOpacity : pattern ? 1 : 0;
     return /* @__PURE__ */ jsxs(
       "section",
       {
@@ -884,7 +880,7 @@ var Section = React__default.forwardRef(
             PatternBackground,
             {
               pattern,
-              opacity: patternOpacity,
+              opacity: effectivePatternOpacity,
               className: patternClassName
             }
           ),
@@ -902,8 +898,8 @@ var Section = React__default.forwardRef(
 );
 Section.displayName = "Section";
 function FooterBrandLinksContact({
-  logoSrc = logoPlaceholders.lightHorizontalLogo,
-  logoAlt = "OpenSite AI logo",
+  logoSrc,
+  logoAlt = "Logo",
   tagline,
   description,
   linkGroups,
@@ -911,7 +907,7 @@ function FooterBrandLinksContact({
   socialLinks,
   legalLinks,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   copyright,
   contactTitle,
   socialTitle,
@@ -1005,21 +1001,46 @@ function FooterBrandLinksContact({
                 )
               ] }, group.title)),
               /* @__PURE__ */ jsxs("div", { className: cn(contactColumnClassName), children: [
-                /* @__PURE__ */ jsx("h3", { className: cn("text-lg font-semibold text-white", linkGroupTitleClassName), children: contactTitle }),
-                /* @__PURE__ */ jsx("ul", { className: cn("mt-4 space-y-3 text-sm text-white/70", linkListClassName), children: contactItems?.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-                  Pressable,
+                /* @__PURE__ */ jsx(
+                  "h3",
                   {
-                    href: item.href,
                     className: cn(
-                      "flex items-start gap-3 transition-colors hover:text-primary",
-                      contactItemClassName
+                      "text-lg font-semibold text-white",
+                      linkGroupTitleClassName
                     ),
-                    children: [
-                      /* @__PURE__ */ jsx(DynamicIcon, { name: item.icon, size: 18, className: "mt-0.5" }),
-                      /* @__PURE__ */ jsx("span", { children: item.label })
-                    ]
+                    children: contactTitle
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "ul",
+                  {
+                    className: cn(
+                      "mt-4 space-y-3 text-sm text-white/70",
+                      linkListClassName
+                    ),
+                    children: contactItems?.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+                      Pressable,
+                      {
+                        href: item.href,
+                        className: cn(
+                          "flex items-start gap-3 transition-colors hover:text-primary",
+                          contactItemClassName
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            DynamicIcon,
+                            {
+                              name: item.icon,
+                              size: 18,
+                              className: "mt-0.5"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("span", { children: item.label })
+                        ]
+                      }
+                    ) }, item.label))
                   }
-                ) }, item.label)) }),
+                ),
                 (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
                   /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-white/60", children: socialTitle }),
                   /* @__PURE__ */ jsx("div", { className: "mt-3 flex gap-4", children: socialLinks?.map((link) => /* @__PURE__ */ jsx(
@@ -1049,25 +1070,34 @@ function FooterBrandLinksContact({
             ),
             children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
               /* @__PURE__ */ jsx("p", { className: cn(copyrightClassName), children: copyrightText }),
-              /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center gap-4", legalLinksClassName), children: [
-                /* @__PURE__ */ jsx(
-                  Pressable,
-                  {
-                    href: attributionHref,
-                    className: "underline transition-colors hover:text-primary",
-                    children: attributionText
-                  }
-                ),
-                legalLinks?.map((link) => /* @__PURE__ */ jsx(
-                  Pressable,
-                  {
-                    href: link.href,
-                    className: "underline transition-colors hover:text-primary",
-                    children: link.label
-                  },
-                  link.href
-                ))
-              ] })
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-wrap items-center gap-4",
+                    legalLinksClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Pressable,
+                      {
+                        href: attributionHref,
+                        className: "underline transition-colors hover:text-primary",
+                        children: attributionText
+                      }
+                    ),
+                    legalLinks?.map((link) => /* @__PURE__ */ jsx(
+                      Pressable,
+                      {
+                        href: link.href,
+                        className: "underline transition-colors hover:text-primary",
+                        children: link.label
+                      },
+                      link.href
+                    ))
+                  ]
+                }
+              )
             ] })
           }
         )

package/dist/footer-comprehensive-links.cjs

@@ -882,146 +882,155 @@ function FooterComprehensiveLinks({
 }) {
   const year = (/* @__PURE__ */ new Date()).getFullYear();
   const copyrightText = copyright || `\xA9 ${year} ${companyName}. All rights reserved.`;
-  return /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: cn("relative overflow-hidden bg-zinc-950 text-white", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PatternBackground, { pattern, opacity: patternOpacity }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: "relative z-10 py-12 lg:py-16", children: [
-      /* @__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.jsx("div", { className: "sm:col-span-2 lg:col-span-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: logoHref, className: "inline-flex w-fit", children: /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
-              {
-                src: logoSrc,
-                alt: logoAlt,
-                className: "h-9 w-auto",
-                loading: "eager",
-                optixFlowConfig
-              }
-            ) }),
-            tagline ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-white", children: tagline }) : null,
-            summary ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-white/70", children: summary }) : null
-          ] }) }),
-          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 text-white", 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(
-              Pressable,
-              {
-                href: link.href,
-                className: "text-sm text-white/60 transition-colors hover:text-white",
-                children: link.label
-              }
-            ) }, link.href)) })
-          ] }) }, column.title)),
-          contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 lg:col-span-3", children: [
-            contact ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: "Contact" }),
-              /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex flex-col gap-3", children: [
-                contact.email ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  Pressable,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "footer",
+    {
+      className: cn(
+        "relative overflow-hidden bg-zinc-950 text-white",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(PatternBackground, { pattern, opacity: patternOpacity }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Container, { className: "relative z-10 py-12 lg:py-16", children: [
+          /* @__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.jsx("div", { className: "sm:col-span-2 lg:col-span-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: logoHref, className: "inline-flex w-fit", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  img.Img,
                   {
-                    href: contact.email,
-                    className: "group flex items-center gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        DynamicIcon,
-                        {
-                          name: "lucide/mail",
-                          size: 16,
-                          className: "text-white/50 transition-colors group-hover:text-white/80"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.email })
-                    ]
+                    src: logoSrc,
+                    alt: logoAlt,
+                    className: "h-9 w-auto",
+                    loading: "eager",
+                    optixFlowConfig
                   }
-                ) }) : null,
-                contact.phone ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                ) }),
+                tagline ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-white", children: tagline }) : null,
+                summary ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-white/70", children: summary }) : null
+              ] }) }),
+              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 text-white", 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(
                   Pressable,
                   {
-                    href: contact.phone,
-                    className: "group flex items-center gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        DynamicIcon,
-                        {
-                          name: "lucide/phone",
-                          size: 16,
-                          className: "text-white/50 transition-colors group-hover:text-white/80"
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.phone })
-                    ]
+                    href: link.href,
+                    className: "text-sm text-white/60 transition-colors hover:text-white",
+                    children: link.label
                   }
-                ) }) : null,
-                contact.address ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-                  Pressable,
-                  {
-                    href: `https://maps.google.com/?q=${encodeURIComponent(
-                      contact.address
-                    )}`,
-                    className: "group flex items-start gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
+                ) }, link.href)) })
+              ] }) }, column.title)),
+              contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 lg:col-span-3", children: [
+                contact ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: "Contact" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex flex-col gap-3", children: [
+                    contact.email ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      Pressable,
+                      {
+                        href: contact.email,
+                        className: "group flex items-center gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            DynamicIcon,
+                            {
+                              name: "lucide/mail",
+                              size: 16,
+                              className: "text-white/50 transition-colors group-hover:text-white/80"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.email })
+                        ]
+                      }
+                    ) }) : null,
+                    contact.phone ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      Pressable,
+                      {
+                        href: contact.phone,
+                        className: "group flex items-center gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            DynamicIcon,
+                            {
+                              name: "lucide/phone",
+                              size: 16,
+                              className: "text-white/50 transition-colors group-hover:text-white/80"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.phone })
+                        ]
+                      }
+                    ) }) : null,
+                    contact.address ? /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      Pressable,
+                      {
+                        href: `https://maps.google.com/?q=${encodeURIComponent(
+                          contact.address
+                        )}`,
+                        className: "group flex items-start gap-2.5 text-sm text-white/60 transition-colors hover:text-white",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            DynamicIcon,
+                            {
+                              name: "lucide/map-pin",
+                              size: 16,
+                              className: "mt-0.5 text-white/50 transition-colors group-hover:text-white/80"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.address })
+                        ]
+                      }
+                    ) }) : null
+                  ] })
+                ] }) : null,
+                (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: "Follow Us" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: socialLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      href: link.href,
+                      "aria-label": link.label || `Follow us on ${link.platform}`,
+                      className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/5 text-white/70 transition-colors hover:bg-white/10 hover:text-white",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
                         DynamicIcon,
                         {
-                          name: "lucide/map-pin",
-                          size: 16,
-                          className: "mt-0.5 text-white/50 transition-colors group-hover:text-white/80"
+                          name: socialIconMap[link.platform],
+                          size: 16
                         }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.address })
-                    ]
-                  }
-                ) }) : null
-              ] })
-            ] }) : null,
-            (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: "Follow Us" }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: socialLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+                      )
+                    },
+                    `${link.platform}-${link.href}`
+                  )) })
+                ] }) : null
+              ] }) : null
+            ] }),
+            (articleLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-white/10 pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: articleSectionTitle }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-x-8 gap-y-2.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: articleLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
                 Pressable,
                 {
                   href: link.href,
-                  "aria-label": link.label || `Follow us on ${link.platform}`,
-                  className: "flex h-9 w-9 items-center justify-center rounded-full bg-white/5 text-white/70 transition-colors hover:bg-white/10 hover:text-white",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    DynamicIcon,
-                    {
-                      name: socialIconMap[link.platform],
-                      size: 16
-                    }
-                  )
+                  className: "truncate text-sm text-white/60 transition-colors hover:text-white",
+                  children: link.label
                 },
-                `${link.platform}-${link.href}`
+                link.href
               )) })
-            ] }) : null
-          ] }) : null
-        ] }),
-        (articleLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-white/10 pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold text-white", children: articleSectionTitle }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-x-8 gap-y-2.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: articleLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
-            {
-              href: link.href,
-              className: "truncate text-sm text-white/60 transition-colors hover:text-white",
-              children: link.label
-            },
-            link.href
-          )) })
-        ] }) }) : null
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-10 border-t border-white/10 pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/50", children: copyrightText }),
-        (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
-          Pressable,
-          {
-            href: link.href,
-            className: "text-sm text-white/50 underline underline-offset-2 transition-colors hover:text-white/80",
-            children: link.label
-          },
-          link.href
-        )) }) : null
-      ] }) })
-    ] })
-  ] });
+            ] }) }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-10 border-t border-white/10 pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/50", children: copyrightText }),
+            (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+              Pressable,
+              {
+                href: link.href,
+                className: "text-sm text-white/50 underline underline-offset-2 transition-colors hover:text-white/80",
+                children: link.label
+              },
+              link.href
+            )) }) : null
+          ] }) })
+        ] })
+      ]
+    }
+  );
 }
 
 exports.FooterComprehensiveLinks = FooterComprehensiveLinks;