@opensite/ui 1.3.6 → 1.3.8

package/dist/registry.cjs

@@ -19,6 +19,7 @@ var useEmblaCarousel = require('embla-carousel-react');
 var Autoplay = require('embla-carousel-autoplay');
 var react = require('motion/react');
 var PopoverPrimitive = require('@radix-ui/react-popover');
+var usePlatformFromUrl = require('@opensite/hooks/usePlatformFromUrl');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var ProgressPrimitive = require('@radix-ui/react-progress');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
@@ -20614,7 +20615,7 @@ function FeatureShowcase({
           },
           style: equalizeOnMobile && mobileSlideHeight ? { minHeight: mobileSlideHeight } : void 0,
           className: cn(
-            "flex flex-col gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
+            "flex flex-col-reverse gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
             slideClassName
           ),
           children: [
@@ -20623,7 +20624,7 @@ function FeatureShowcase({
               "div",
               {
                 className: cn(
-                  "w-full",
+                  "relative w-full min-h-[25dvh] h-[25dvh] max-h-[35dvh] md:min-h-0 md:h-auto md:max-h-none [&>*]:h-full [&>*]:object-cover",
                   mediaWrapperClassName,
                   mediaClassName
                 ),
@@ -20640,7 +20641,7 @@ function FeatureShowcase({
           onNext: () => api?.scrollNext(),
           canScrollPrevious,
           canScrollNext,
-          className: "absolute bottom-4 right-0 md:bottom-6"
+          className: "absolute bottom-[calc(25dvh+2rem)] right-4 md:bottom-6 md:right-0"
         }
       )
     ] });
@@ -21165,7 +21166,26 @@ var platformIconMap = {
   yelp: "cib/yelp",
   spotify: "cib/spotify",
   apple: "cib/apple",
-  x: "line-md/twitter-x"
+  x: "line-md/twitter-x",
+  github: "cib/github",
+  snapchat: "cib/snapchat",
+  discord: "cib/discord",
+  dev: "simple-icons/devdotto",
+  substack: "simple-icons/substack",
+  reddit: "cib/reddit",
+  pinterest: "cib/pinterest",
+  threads: "simple-icons/threads",
+  twitch: "cib/twitch",
+  whatsapp: "cib/whatsapp",
+  telegram: "cib/telegram",
+  medium: "simple-icons/medium",
+  patreon: "cib/patreon",
+  onlyfans: "simple-icons/onlyfans",
+  eventbrite: "cib/eventbrite",
+  npmjs: "simple-icons/npm",
+  crates: "cib/rust",
+  rubygems: "cib/rubygems",
+  unknown: "icon-park-solid/circular-connection"
 };
 var SocialLinkIcon = React52__namespace.forwardRef(
   ({
@@ -21173,12 +21193,22 @@ var SocialLinkIcon = React52__namespace.forwardRef(
     label,
     iconSize = 20,
     iconColor,
+    href,
     iconClassName,
     className,
+    iconNameOverride,
     ...pressableProps
   }, ref) => {
-    const iconName = platformIconMap[platformName];
-    const accessibleLabel = label || platformName;
+    const platform = usePlatformFromUrl.usePlatformFromUrl(href);
+    const smartPlatformName = React52__namespace.useMemo(() => {
+      return platform || platformName;
+    }, [platform, platformName]);
+    const iconName = React52__namespace.useMemo(() => {
+      return iconNameOverride || platformIconMap[smartPlatformName];
+    }, [iconNameOverride, smartPlatformName]);
+    const accessibleLabel = React52__namespace.useMemo(() => {
+      return label || platformName;
+    }, [label, platformName]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
       {
@@ -22223,6 +22253,77 @@ function AboutCultureTabs({
     }
   );
 }
+function isThemedLogo(logo) {
+  return "light" in logo || "dark" in logo;
+}
+var FooterLogo = ({
+  logo,
+  logoSlot,
+  logoClassName,
+  logoImageClassName,
+  logoTitleClassName,
+  optixFlowConfig
+}) => {
+  if (logoSlot) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: logoSlot });
+  if (!logo) return null;
+  const hasThemedSources = isThemedLogo(logo) && (logo.light || logo.dark);
+  const hasStandardSource = !isThemedLogo(logo) && logo.src;
+  const logoContent = hasThemedSources ? (
+    // Themed logo with light/dark mode sources
+    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      logo.light && /* @__PURE__ */ jsxRuntime.jsx(
+        img.Img,
+        {
+          src: logo.light,
+          alt: logo.alt || "Logo",
+          className: cn(
+            "h-8 w-auto object-contain dark:hidden md:h-10",
+            logoImageClassName
+          ),
+          optixFlowConfig
+        }
+      ),
+      logo.dark && /* @__PURE__ */ jsxRuntime.jsx(
+        img.Img,
+        {
+          src: logo.dark,
+          alt: logo.alt || "Logo",
+          className: cn(
+            "hidden h-8 w-auto object-contain dark:block md:h-10",
+            logoImageClassName
+          ),
+          optixFlowConfig
+        }
+      )
+    ] })
+  ) : hasStandardSource ? (
+    // Standard single logo image
+    /* @__PURE__ */ jsxRuntime.jsx(
+      img.Img,
+      {
+        src: logo.src,
+        alt: logo.alt || "Logo",
+        className: cn("h-8 w-auto object-contain md:h-10", logoImageClassName),
+        optixFlowConfig
+      }
+    )
+  ) : logo.title ? (
+    // Text-based logo fallback
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-lg font-semibold md:text-xl", logoTitleClassName), children: logo.title })
+  ) : null;
+  if (!logoContent) return null;
+  if (logo.url) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Pressable,
+      {
+        href: logo.url,
+        className: cn("inline-flex items-center", logoClassName),
+        children: logoContent
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center", logoClassName), children: logoContent });
+};
 function FooterLinksGrid({
   logo,
   className,
@@ -22233,10 +22334,11 @@ function FooterLinksGrid({
   attributionHref,
   bottomLinks,
   background,
-  spacing,
   pattern,
   patternOpacity,
-  optixFlowConfig
+  optixFlowConfig,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32"
 }) {
   const currentYear = React52.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear}`;
@@ -22248,36 +22350,26 @@ function FooterLinksGrid({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8 lg:grid-cols-6", children: [
-          (logo || tagline) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 mb-8 lg:mb-0", children: [
-            logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 lg:justify-start", children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: logo.url, className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
-                {
-                  src: logo.src,
-                  alt: logo.alt,
-                  className: "h-10 dark:invert",
-                  optixFlowConfig
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-semibold", children: logo.title })
-            ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 md:gap-8 md:grid-cols-6", children: [
+          (logo || tagline) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex space-y-2 col-span-2 flex-col mb-6 md:mb-0 pr-0 md:pr-6", children: [
+            logo && /* @__PURE__ */ jsxRuntime.jsx(
+              FooterLogo,
+              {
+                logo,
+                logoClassName: "flex items-center gap-2 lg:justify-start",
+                optixFlowConfig
+              }
+            ),
             tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 font-bold", children: tagline })
           ] }),
           menuItems && menuItems.length > 0 && menuItems.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-bold", children: section.title }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
-              "li",
-              {
-                className: "font-medium hover:text-primary",
-                children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text })
-              },
-              linkIdx
-            )) })
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm font-medium", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
           ] }, sectionIdx))
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-24 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground md:flex-row md:items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-24 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium md:flex-row md:items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
             attributionText && /* @__PURE__ */ jsxRuntime.jsx(
@@ -22289,7 +22381,7 @@ function FooterLinksGrid({
               }
             )
           ] }),
-          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "underline hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
+          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "underline", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
         ] })
       ] })
     }
@@ -22312,7 +22404,6 @@ function FooterSocialNewsletter({
   contentClassName,
   logoWrapperClassName,
   logoClassName,
-  logoTitleClassName,
   gridClassName,
   navSectionClassName,
   navTitleClassName,
@@ -22328,7 +22419,8 @@ function FooterSocialNewsletter({
   bottomClassName,
   copyrightClassName,
   background,
-  spacing,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -22343,82 +22435,150 @@ function FooterSocialNewsletter({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
-        logo && /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: logo.url, className: cn("flex items-center gap-2", logoWrapperClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
+        logo && /* @__PURE__ */ jsxRuntime.jsx(
+          FooterLogo,
+          {
+            logo,
+            logoClassName: cn(
+              "flex items-center gap-2",
+              logoWrapperClassName
+            ),
+            logoImageClassName: cn("h-10", logoClassName),
+            optixFlowConfig
+          }
+        ),
+        sections && sections.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "mt-14 grid gap-8 md:grid-cols-2 lg:grid-cols-5 xl:grid-cols-4",
+              gridClassName
+            ),
+            children: sections && sections.length > 0 && sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-bold", navTitleClassName), children: section.title }),
+              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-4", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+                "li",
+                {
+                  className: cn("font-medium", navLinkClassName),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
+                },
+                linkIdx
+              )) })
+            ] }, sectionIdx))
+          }
+        ) : null,
+        (socialLinks && socialLinks.length > 0 || newsletterLabel || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("lg:col-span-2 xl:col-span-1"), children: [
+          (newsletterLabel || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
             {
-              src: logo.src,
-              alt: logo.alt,
-              className: cn("h-10", logoClassName),
-              optixFlowConfig
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
-        ] }),
-        (sections && sections.length > 0 || socialLinks && socialLinks.length > 0 || newsletterLabel || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-14 grid gap-8 md:grid-cols-2 lg:grid-cols-5 xl:grid-cols-4", gridClassName), children: [
-          sections && sections.length > 0 && sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-bold", navTitleClassName), children: section.title }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-4 text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
-              "li",
-              {
-                className: cn("font-medium hover:text-primary", navLinkClassName),
-                children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
-              },
-              linkIdx
-            )) })
-          ] }, sectionIdx)),
-          (socialLinks && socialLinks.length > 0 || newsletterLabel || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("lg:col-span-2 xl:col-span-1", socialColumnClassName), children: [
-            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("mb-10 flex items-center gap-2 text-muted-foreground", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
-              "flex size-12 items-center justify-center rounded-full transition-colors hover:text-primary",
-              getNestedCardBg(background),
-              getNestedCardTextColor(background),
-              socialLinkClassName
-            ), children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 24 }) }) }) }, idx)) }),
-            (newsletterLabel || newsletterButtonText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid w-full max-w-sm items-center gap-1.5", newsletterClassName), children: [
-              newsletterLabel && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "newsletter-email", className: "text-sm font-medium", children: newsletterLabel }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-sm items-center space-x-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
+              className: cn(
+                "grid w-full max-w-sm items-center gap-1.5",
+                newsletterClassName
+              ),
+              children: [
+                newsletterLabel && /* @__PURE__ */ jsxRuntime.jsx(
+                  "label",
                   {
-                    type: "email",
-                    id: "newsletter-email",
-                    placeholder: newsletterPlaceholder || "Email",
-                    className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", newsletterInputClassName)
+                    htmlFor: "newsletter-email",
+                    className: "text-sm font-medium",
+                    children: newsletterLabel
                   }
                 ),
-                newsletterButtonText && /* @__PURE__ */ jsxRuntime.jsx(
-                  Pressable,
-                  {
-                    onClick: (e) => {
-                      e.preventDefault();
-                    },
-                    variant: "default",
-                    size: "default",
-                    asButton: true,
-                    className: cn(newsletterButtonClassName),
-                    children: newsletterButtonText
-                  }
-                )
-              ] }),
-              (privacyConsentText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("mt-1 text-xs text-muted-foreground", privacyClassName), children: [
-                privacyConsentText,
-                privacyLinkText && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: privacyLinkUrl || "#", className: "ml-1 text-primary hover:underline", children: privacyLinkText })
-              ] })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground 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("p", { children: copyrightText }),
-          attributionText && /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-sm items-center space-x-2", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "email",
+                      id: "newsletter-email",
+                      placeholder: newsletterPlaceholder || "Email",
+                      className: cn(
+                        "flex h-10 w-full rounded-md border border-input  px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium  focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+                        newsletterInputClassName
+                      )
+                    }
+                  ),
+                  newsletterButtonText && /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      onClick: (e) => {
+                        e.preventDefault();
+                      },
+                      variant: "default",
+                      size: "default",
+                      asButton: true,
+                      className: cn(newsletterButtonClassName),
+                      children: newsletterButtonText
+                    }
+                  )
+                ] }),
+                (privacyConsentText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("mt-1 text-xs ", privacyClassName), children: [
+                  privacyConsentText,
+                  privacyLinkText && /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      href: privacyLinkUrl || "#",
+                      className: "ml-1  hover:underline",
+                      children: privacyLinkText
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("", socialColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+            "ul",
             {
-              href: attributionHref || "https://opensite.ai",
-              className: "hover:text-primary",
-              children: attributionText
+              className: cn(
+                "mb-10 flex items-center gap-2",
+                socialLinksClassName
+              ),
+              children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx(
+                SocialLinkIcon,
+                {
+                  href: social.href,
+                  label: social.label,
+                  iconNameOverride: social.iconNameOverride,
+                  iconSize: 24,
+                  className: cn(
+                    "flex size-12 items-center justify-center rounded-full transition-colors",
+                    socialLinkClassName
+                  )
+                }
+              ) }, idx))
             }
-          )
-        ] }) })
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium  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("p", { children: copyrightText }),
+                  attributionText && /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      href: attributionHref || "https://opensite.ai",
+                      className: "hover:text-primary",
+                      children: attributionText
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        )
       ] }) })
     }
   );
@@ -22454,12 +22614,21 @@ function FooterSocialApps({
   }, [sections]);
   const socialLinksContent = React52.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
-    return socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
-      "flex size-12 items-center justify-center rounded-full transition-colors hover:text-primary",
-      getNestedCardBg(background),
-      getNestedCardTextColor(background)
-    ), children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 24 }) }) }) }, idx));
-  }, [socialLinks]);
+    return socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx(
+      SocialLinkIcon,
+      {
+        href: social.href,
+        label: social.label,
+        iconNameOverride: social.iconNameOverride,
+        iconSize: 24,
+        className: cn(
+          "flex size-12 items-center justify-center rounded-full transition-colors hover:text-primary",
+          getNestedCardBg(background),
+          getNestedCardTextColor(background)
+        )
+      }
+    ) }, idx));
+  }, [socialLinks, background]);
   const appLinksContent = React52.useMemo(() => {
     if (!appLinks || appLinks.length === 0) return null;
     return appLinks.map((app, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: app.href, "aria-label": app.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
@@ -22478,18 +22647,15 @@ function FooterSocialApps({
       className: cn(className),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between gap-10 lg:flex-row lg:gap-20", children: [
-          logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: logo.url, className: "flex items-center gap-2", children: [
-            logo.src && /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
-              {
-                src: logo.src,
-                alt: logo.alt,
-                className: "h-10",
-                optixFlowConfig
-              }
-            ),
-            logo.title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-semibold", children: logo.title })
-          ] }) }),
+          logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+            FooterLogo,
+            {
+              logo,
+              logoClassName: "flex items-center gap-2",
+              logoImageClassName: "h-10",
+              optixFlowConfig
+            }
+          ) }),
           sections && sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 gap-8 sm:grid-cols-2 md:grid-cols-3", children: sectionsContent }),
           (socialLinks && socialLinks.length > 0 || appLinks && appLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
             socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
@@ -22521,7 +22687,6 @@ function FooterSimpleCentered({
   brandClassName,
   logoWrapperClassName,
   logoClassName,
-  logoTitleClassName,
   taglineClassName,
   sitemapWrapperClassName,
   sitemapSectionClassName,
@@ -22590,32 +22755,21 @@ function FooterSimpleCentered({
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("max-w-96", brandClassName), children: [
-                (logo?.src || logo?.title) && /* @__PURE__ */ jsxRuntime.jsxs(
+                (logo?.src || logo?.title) && /* @__PURE__ */ jsxRuntime.jsx(
                   "div",
                   {
                     className: cn(
                       "mb-6 flex items-center gap-3",
                       logoWrapperClassName
                     ),
-                    children: [
-                      logo?.src && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
-                        "flex size-12 items-center justify-center rounded-lg border border-border p-2",
-                        getNestedCardBg(background, "accent"),
-                        getNestedCardTextColor(background)
-                      ), children: /* @__PURE__ */ jsxRuntime.jsx(
-                        img.Img,
-                        {
-                          src: logo.src,
-                          alt: logo?.alt,
-                          className: cn(
-                            "size-12 h-full w-full object-contain object-center",
-                            logoClassName
-                          ),
-                          optixFlowConfig
-                        }
-                      ) }),
-                      logo?.title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-xl font-bold", logoTitleClassName), children: logo.title })
-                    ]
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      FooterLogo,
+                      {
+                        logo,
+                        logoClassName,
+                        optixFlowConfig
+                      }
+                    )
                   }
                 ),
                 tagline && /* @__PURE__ */ jsxRuntime.jsx(
@@ -22704,7 +22858,6 @@ function FooterBrandDescription({
   brandColumnClassName,
   logoWrapperClassName,
   logoClassName,
-  logoTitleClassName,
   descriptionClassName,
   socialLinksClassName,
   socialLinkClassName,
@@ -22734,51 +22887,158 @@ function FooterBrandDescription({
       patternOpacity,
       className: cn(className),
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contentClassName), children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col justify-between gap-10 lg:flex-row lg:items-start lg:text-left", layoutClassName), children: [
-          (logo || description || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col justify-between gap-6 lg:items-start", brandColumnClassName), children: [
-            logo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-center gap-2 lg:justify-start", logoWrapperClassName), children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: logo.url, children: /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex w-full flex-col justify-between gap-10 lg:flex-row lg:items-start lg:text-left",
+              layoutClassName
+            ),
+            children: [
+              (logo || description || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
                 {
-                  src: logo.src,
-                  alt: logo.alt,
-                  className: cn("h-8", logoClassName),
-                  optixFlowConfig
+                  className: cn(
+                    "flex w-full flex-col justify-between gap-6 lg:items-start",
+                    brandColumnClassName
+                  ),
+                  children: [
+                    logo && /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: cn(
+                          "flex items-center gap-2 lg:justify-start",
+                          logoWrapperClassName
+                        ),
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          FooterLogo,
+                          {
+                            logo,
+                            logoImageClassName: logoClassName,
+                            optixFlowConfig
+                          }
+                        )
+                      }
+                    ),
+                    description && /* @__PURE__ */ jsxRuntime.jsx(
+                      "p",
+                      {
+                        className: cn(
+                          "max-w-[70%] text-sm text-muted-foreground",
+                          descriptionClassName
+                        ),
+                        children: description
+                      }
+                    ),
+                    socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                      "ul",
+                      {
+                        className: cn(
+                          "flex items-center space-x-6 text-muted-foreground",
+                          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(
+                              "font-medium hover:text-primary",
+                              socialLinkClassName
+                            )
+                          }
+                        ) }, idx))
+                      }
+                    )
+                  ]
                 }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
-            ] }),
-            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-[70%] text-sm text-muted-foreground", descriptionClassName), children: description }),
-            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex items-center space-x-6 text-muted-foreground", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("font-medium hover:text-primary", socialLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 }) }) }, idx)) })
-          ] }),
-          sections && sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid w-full gap-6 md:grid-cols-3 lg:gap-20", navGridClassName), children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-bold", navTitleClassName), children: section.title }),
-            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3 text-sm text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
-              "li",
-              {
-                className: cn("font-medium hover:text-primary", navLinkClassName),
-                children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
-              },
-              linkIdx
-            )) })
-          ] }, sectionIdx)) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium text-muted-foreground md:flex-row md:items-center md:text-left", bottomClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("order-2 flex flex-col gap-2 lg:order-1 lg:flex-row lg:items-center lg:gap-4", copyrightClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
-            attributionText && /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                href: attributionHref || "https://opensite.ai",
-                className: "hover:text-primary",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                children: attributionText
-              }
-            )
-          ] }),
-          legalLinks && legalLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("order-1 flex flex-col gap-2 md:order-2 md:flex-row", legalLinksClassName), children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("hover:text-primary", legalLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name }) }, idx)) })
-        ] })
+              ),
+              sections && sections.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "grid w-full gap-6 md:grid-cols-3 lg:gap-20",
+                    navGridClassName
+                  ),
+                  children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-bold", navTitleClassName), children: section.title }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "ul",
+                      {
+                        className: cn(
+                          "space-y-3 text-sm text-muted-foreground",
+                          navLinksClassName
+                        ),
+                        children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+                          "li",
+                          {
+                            className: cn(
+                              "font-medium hover:text-primary",
+                              navLinkClassName
+                            ),
+                            children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
+                          },
+                          linkIdx
+                        ))
+                      }
+                    )
+                  ] }, sectionIdx))
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium text-muted-foreground md:flex-row md:items-center md:text-left",
+              bottomClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "order-2 flex flex-col gap-2 lg:order-1 lg:flex-row lg:items-center lg:gap-4",
+                    copyrightClassName
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
+                    attributionText && /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: attributionHref || "https://opensite.ai",
+                        className: "hover:text-primary",
+                        target: "_blank",
+                        rel: "noopener noreferrer",
+                        children: attributionText
+                      }
+                    )
+                  ]
+                }
+              ),
+              legalLinks && legalLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "ul",
+                {
+                  className: cn(
+                    "order-1 flex flex-col gap-2 md:order-2 md:flex-row",
+                    legalLinksClassName
+                  ),
+                  children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                    "li",
+                    {
+                      className: cn("hover:text-primary", legalLinkClassName),
+                      children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
+                    },
+                    idx
+                  ))
+                }
+              )
+            ]
+          }
+        )
       ] })
     }
   );
@@ -22818,14 +23078,16 @@ function FooterNewsletterGrid({
   }, [sections]);
   const socialLinksContent = React52.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
-    return socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-      "li",
+    return socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      SocialLinkIcon,
       {
-        className: "font-medium duration-200 hover:scale-110 hover:text-muted-foreground",
-        children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 24 }) })
-      },
-      idx
-    ));
+        href: social.href,
+        label: social.label,
+        iconNameOverride: social.iconNameOverride,
+        iconSize: 24,
+        className: "font-medium duration-200 hover:scale-110 hover:text-muted-foreground"
+      }
+    ) }, idx));
   }, [socialLinks]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -22838,18 +23100,14 @@ function FooterNewsletterGrid({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-4 justify-between gap-10 lg:grid-cols-6 lg:text-left", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-4 flex w-full flex-col gap-6 lg:col-span-2", children: [
-            logo && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 lg:justify-start", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: logo.url, children: logo.src && /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
-                {
-                  src: logo.src,
-                  alt: logo.alt,
-                  className: "h-8",
-                  optixFlowConfig
-                }
-              ) }),
-              logo.title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold", children: logo.title })
-            ] }),
+            logo && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 lg:justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(
+              FooterLogo,
+              {
+                logo,
+                logoImageClassName: "h-8",
+                optixFlowConfig
+              }
+            ) }),
             description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: description }),
             socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center space-x-6", children: socialLinksContent })
           ] }),
@@ -22917,7 +23175,6 @@ function FooterCtaBanner({
   brandClassName,
   logoWrapperClassName,
   logoClassName,
-  logoTitleClassName,
   newsletterClassName,
   newsletterInputClassName,
   newsletterButtonClassName,
@@ -22962,23 +23219,13 @@ function FooterCtaBanner({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-10 lg:grid-cols-5", gridClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("lg:col-span-2", brandClassName), children: [
-            logo && /* @__PURE__ */ jsxRuntime.jsxs(
-              Pressable,
+            logo && /* @__PURE__ */ jsxRuntime.jsx(
+              FooterLogo,
               {
-                href: logo.url,
-                className: cn("mb-6 flex items-center gap-2", logoWrapperClassName),
-                children: [
-                  logo.src && /* @__PURE__ */ jsxRuntime.jsx(
-                    img.Img,
-                    {
-                      src: logo.src,
-                      alt: logo.alt,
-                      className: cn("h-8 invert", logoClassName),
-                      optixFlowConfig
-                    }
-                  ),
-                  logo.title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
-                ]
+                logo,
+                logoClassName: cn("mb-6", logoWrapperClassName),
+                logoImageClassName: logoClassName,
+                optixFlowConfig
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-6", newsletterClassName), children: [
@@ -23003,12 +23250,12 @@ function FooterCtaBanner({
               ] })
             ] }),
             /* @__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(
-              Pressable,
+              SocialLinkIcon,
               {
                 href: social.href,
-                "aria-label": social.label,
-                className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName),
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+                label: social.label,
+                iconNameOverride: social.iconNameOverride,
+                className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName)
               }
             ) }, idx)) })
           ] }),
@@ -23064,7 +23311,6 @@ function FooterContactCard({
   leftColumnClassName,
   logoWrapperClassName,
   logoClassName,
-  logoTitleClassName,
   headingClassName,
   contactClassName,
   rightColumnClassName,
@@ -23096,23 +23342,13 @@ function FooterContactCard({
       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: [
-            logo && /* @__PURE__ */ jsxRuntime.jsxs(
-              Pressable,
+            logo && /* @__PURE__ */ jsxRuntime.jsx(
+              FooterLogo,
               {
-                href: logo.url,
-                className: cn("mb-8 flex items-center gap-2", logoWrapperClassName),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    img.Img,
-                    {
-                      src: logo.src,
-                      alt: logo.alt,
-                      className: cn("h-10", logoClassName),
-                      optixFlowConfig
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
-                ]
+                logo,
+                logoClassName: cn("mb-8", logoWrapperClassName),
+                logoImageClassName: logoClassName,
+                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 }),
@@ -23140,17 +23376,17 @@ function FooterContactCard({
             (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(
-                Pressable,
+                SocialLinkIcon,
                 {
                   href: social.href,
-                  "aria-label": social.label,
+                  label: social.label,
+                  iconNameOverride: social.iconNameOverride,
                   className: cn(
                     "flex size-12 items-center justify-center rounded-full transition-colors hover:bg-primary hover:text-primary-foreground",
                     getNestedCardBg(background),
                     getNestedCardTextColor(background),
                     socialLinkClassName
-                  ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+                  )
                 }
               ) }, idx)) })
             ] }),
@@ -23365,7 +23601,7 @@ function FooterAnimatedSocial({
 }) {
   const socialLinksContent = React52.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
-    return socialLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+    return socialLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
         variants: itemVariants,
@@ -23375,26 +23611,18 @@ function FooterAnimatedSocial({
           stiffness: 300,
           damping: 20
         },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Pressable,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          SocialLinkIcon,
           {
             href: link.href,
-            className: cn("group flex items-center gap-2 py-2 transition-colors hover:text-muted-foreground", socialLinkClassName),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-medium", children: link.name }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                DynamicIcon,
-                {
-                  name: "lucide/arrow-up-right",
-                  size: 24,
-                  className: "transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5"
-                }
-              )
-            ]
+            label: link.label,
+            iconNameOverride: link.iconNameOverride,
+            iconSize: 24,
+            className: cn("group flex items-center gap-2 py-2 transition-colors hover:text-muted-foreground", socialLinkClassName)
           }
         )
       },
-      link.name
+      idx
     ));
   }, [socialLinks, socialLinkClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -23532,25 +23760,16 @@ function FooterNewsletterMinimal({
   }, [navLinks, navLinkClassName]);
   const socialLinksContent = React52.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
-    return socialLinks.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Pressable,
+    return socialLinks.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+      SocialLinkIcon,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", socialLinkClassName),
-        children: [
-          item.label,
-          " ",
-          /* @__PURE__ */ jsxRuntime.jsx(
-            DynamicIcon,
-            {
-              name: "lucide/arrow-up-right",
-              size: 14,
-              className: "group-hover:text-muted-foreground/50"
-            }
-          )
-        ]
+        label: item.label,
+        iconNameOverride: item.iconNameOverride,
+        iconSize: 14,
+        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", socialLinkClassName)
       }
-    ) }, item.label));
+    ) }, idx));
   }, [socialLinks, socialLinkClassName]);
   const footerLinksContent = React52.useMemo(() => {
     if (!footerLinks || footerLinks.length === 0) return null;
@@ -23728,17 +23947,17 @@ function FooterCtaSocial({
   const socialLinksContent = React52.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
     return socialLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
-      Pressable,
+      SocialLinkIcon,
       {
-        href: link.url,
+        href: link.href,
+        label: link.label,
+        iconNameOverride: link.iconNameOverride,
+        asButton: true,
         variant: "outline",
         size: "icon",
-        asButton: true,
-        className: cn("h-12 w-12 rounded-full", socialLinkClassName),
-        "aria-label": link.label,
-        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.icon, size: 20 })
+        className: cn("h-12 w-12 rounded-full", socialLinkClassName)
       },
-      link.url
+      link.href
     ));
   }, [socialLinks, socialLinkClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -23820,7 +24039,6 @@ function FooterNavSocial({
   leftColumnClassName,
   logoWrapperClassName,
   logoClassName,
-  logoTitleClassName,
   navGridClassName,
   navSectionClassName,
   navTitleClassName,
@@ -23862,12 +24080,12 @@ function FooterNavSocial({
   const socialLinksContent = React52.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
     return socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-      Pressable,
+      SocialLinkIcon,
       {
         href: social.href,
-        "aria-label": social.label,
-        className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName),
-        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+        label: social.label,
+        iconNameOverride: social.iconNameOverride,
+        className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName)
       }
     ) }, idx));
   }, [socialLinks, socialLinkClassName]);
@@ -23886,23 +24104,13 @@ function FooterNavSocial({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid gap-10 lg:grid-cols-2", gridClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(leftColumnClassName), children: [
-            logo && /* @__PURE__ */ jsxRuntime.jsxs(
-              Pressable,
+            logo && /* @__PURE__ */ jsxRuntime.jsx(
+              FooterLogo,
               {
-                href: logo.url,
-                className: cn("mb-8 flex items-center gap-2", logoWrapperClassName),
-                children: [
-                  logo.src && /* @__PURE__ */ jsxRuntime.jsx(
-                    img.Img,
-                    {
-                      src: logo.src,
-                      alt: logo.alt,
-                      className: cn("h-10", logoClassName),
-                      optixFlowConfig
-                    }
-                  ),
-                  logo.title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
-                ]
+                logo,
+                logoClassName: cn("mb-8", logoWrapperClassName),
+                logoImageClassName: logoClassName,
+                optixFlowConfig
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid gap-8 sm:grid-cols-3", navGridClassName), children: sectionsContent })
@@ -28259,18 +28467,19 @@ function FooterBrandLinksContact({
   }, [contactItems, contactItemClassName]);
   const socialLinksContent = React52.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
-    return socialLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
-      Pressable,
+    return socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+      SocialLinkIcon,
       {
-        href: link.href,
+        href: social.href,
+        label: social.label,
+        iconNameOverride: social.iconNameOverride,
         variant: "outline",
         size: "icon",
         asButton: true,
         className: cn("rounded-full", socialLinkClassName),
-        "aria-label": link.label,
-        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.icon, size: 18 })
+        iconSize: 18
       },
-      link.label
+      idx
     ));
   }, [socialLinks, socialLinkClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -28378,13 +28587,6 @@ function FooterBrandLinksContact({
     }
   );
 }
-var socialIconMap = {
-  facebook: "simple-icons/facebook",
-  x: "simple-icons/x",
-  instagram: "simple-icons/instagram",
-  linkedin: "simple-icons/linkedin",
-  youtube: "simple-icons/youtube"
-};
 function FooterComprehensiveLinks({
   logoSrc,
   logoAlt,
@@ -28508,25 +28710,20 @@ function FooterComprehensiveLinks({
               ] }) : 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", children: "Follow Us" }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: socialLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
-                  Pressable,
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: socialLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                  SocialLinkIcon,
                   {
                     href: link.href,
-                    "aria-label": link.label || `Follow us on ${link.platform}`,
+                    label: link.label,
+                    iconNameOverride: link.iconNameOverride,
+                    iconSize: 16,
                     className: cn(
                       "flex h-9 w-9 items-center justify-center rounded-full transition-colors hover:bg-muted/80 hover:text-primary",
                       getNestedCardBg(background),
                       getNestedCardTextColor(background)
-                    ),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(
-                      DynamicIcon,
-                      {
-                        name: socialIconMap[link.platform],
-                        size: 16
-                      }
                     )
                   },
-                  `${link.platform}-${link.href}`
+                  idx
                 )) })
               ] }) : null
             ] }) : null
@@ -42551,14 +42748,14 @@ function FooterNewsletterContact({
   const socialLinksContent = React52.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
     return socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-      Pressable,
+      SocialLinkIcon,
       {
-        href: social.link,
+        href: social.href,
+        label: social.label,
+        iconNameOverride: social.iconNameOverride,
         variant: "outline",
         size: "icon",
-        asButton: true,
-        "aria-label": social.label,
-        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+        asButton: true
       }
     ) }, idx));
   }, [socialLinks]);
@@ -42661,26 +42858,13 @@ function FooterNewsletterContact({
         ] }),
         logo && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4 md:gap-12", children: [
           /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "flex-1" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "basis-30 md:basis-40", children: /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: logo.url, children: [
-            logo.light && /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
-              {
-                src: logo.light,
-                alt: "Logo",
-                className: "block dark:hidden",
-                optixFlowConfig
-              }
-            ),
-            logo.dark && /* @__PURE__ */ jsxRuntime.jsx(
-              img.Img,
-              {
-                src: logo.dark,
-                alt: "Logo",
-                className: "hidden dark:block",
-                optixFlowConfig
-              }
-            )
-          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "basis-30 md:basis-40", children: /* @__PURE__ */ jsxRuntime.jsx(
+            FooterLogo,
+            {
+              logo,
+              optixFlowConfig
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "flex-1" })
         ] }) }),
         copyright && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3", children: [
@@ -42727,7 +42911,7 @@ function FooterSplitImageAccordion({
   logoClassName,
   brandTitleClassName,
   brandDescriptionClassName,
-  accordionClassName,
+  linksGridClassName,
   paymentMethodsClassName,
   bottomClassName,
   copyrightClassName,
@@ -42738,7 +42922,6 @@ function FooterSplitImageAccordion({
   onSuccess,
   onError
 }) {
-  const [isDesktop, setIsDesktop] = React52__namespace.useState(false);
   const form = forms.useForm({
     initialValues: {
       email: ""
@@ -42779,16 +42962,6 @@ function FooterSplitImageAccordion({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  React52__namespace.useEffect(() => {
-    const checkDesktop = () => setIsDesktop(window.innerWidth >= 1024);
-    checkDesktop();
-    window.addEventListener("resize", checkDesktop);
-    return () => window.removeEventListener("resize", checkDesktop);
-  }, []);
-  const allAccordionIds = React52.useMemo(
-    () => footerLinks?.map(({ id }) => id) ?? [],
-    [footerLinks]
-  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -42798,18 +42971,36 @@ function FooterSplitImageAccordion({
       patternOpacity,
       className,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-1 lg:grid-cols-2", gridClassName), children: [
-        footerData?.image?.src && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("overflow-hidden max-lg:aspect-square", imageColumnClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
-          img.Img,
+        footerData?.image?.src && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
           {
-            src: footerData.image.src,
-            alt: footerData.image.alt,
-            className: cn("h-full w-full object-cover", imageClassName),
-            optixFlowConfig
+            className: cn(
+              "overflow-hidden max-lg:aspect-square",
+              imageColumnClassName
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              img.Img,
+              {
+                src: footerData.image.src,
+                alt: footerData.image.alt,
+                className: cn("h-full w-full object-cover", imageClassName),
+                optixFlowConfig
+              }
+            )
           }
-        ) }),
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-10 p-6 lg:p-12", contentColumnClassName), children: [
           newsletterTitle && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6", newsletterSectionClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-2xl font-semibold lg:text-3xl", newsletterTitleClassName), children: newsletterTitle }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h3",
+              {
+                className: cn(
+                  "text-2xl font-semibold lg:text-3xl",
+                  newsletterTitleClassName
+                ),
+                children: newsletterTitle
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsxs(
               forms.Form,
               {
@@ -42843,113 +43034,130 @@ function FooterSplitImageAccordion({
                 ]
               }
             ),
-            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(
-              Pressable,
+            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+              "ul",
               {
-                href: social.link,
-                variant: "outline",
-                size: "icon",
-                asButton: true,
-                className: "rounded-full",
-                "aria-label": social.label,
-                children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+                className: cn("flex flex-wrap 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,
+                    variant: "outline",
+                    size: "icon",
+                    asButton: true,
+                    className: "rounded-full"
+                  }
+                ) }, idx))
               }
-            ) }, idx)) })
+            )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
           footerData && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-6", brandSectionClassName), children: [
-            footerData.logo && /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: footerData.logoUrl, className: cn("inline-block max-w-60", logoClassName), children: [
-              footerData.logo.light && /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
-                {
-                  src: footerData.logo.light,
-                  alt: "Logo",
-                  className: "w-full dark:hidden",
-                  optixFlowConfig
-                }
+            footerData.logo && /* @__PURE__ */ jsxRuntime.jsx(
+              FooterLogo,
+              {
+                logo: { ...footerData.logo, url: footerData.logoUrl },
+                logoClassName: cn("inline-block max-w-60", logoClassName),
+                optixFlowConfig
+              }
+            ),
+            footerData.title && /* @__PURE__ */ jsxRuntime.jsx(
+              "h4",
+              {
+                className: cn("text-xl font-semibold", brandTitleClassName),
+                children: footerData.title
+              }
+            ),
+            footerData.description && /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: cn(
+                  "text-muted-foreground",
+                  brandDescriptionClassName
+                ),
+                children: footerData.description
+              }
+            )
+          ] }),
+          footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(
+                "grid gap-8 sm:grid-cols-2 lg:grid-cols-3",
+                linksGridClassName
+              ),
+              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 text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Pressable,
+                  {
+                    href: item.link,
+                    className: "hover:text-primary",
+                    children: item.text
+                  }
+                ) }, idx)) })
+              ] }, section.id))
+            }
+          ),
+          paymentMethods && paymentMethods.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "ul",
+            {
+              className: cn(
+                "flex flex-wrap items-center gap-3",
+                paymentMethodsClassName
               ),
-              footerData.logo.dark && /* @__PURE__ */ jsxRuntime.jsx(
+              children: paymentMethods.map((method, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                 img.Img,
                 {
-                  src: footerData.logo.dark,
-                  alt: "Logo",
-                  className: "hidden w-full dark:block",
+                  src: method,
+                  alt: "Payment method",
+                  className: "h-6",
                   optixFlowConfig
                 }
-              )
-            ] }),
-            footerData.title && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: cn("text-xl font-semibold", brandTitleClassName), children: footerData.title }),
-            footerData.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-muted-foreground", brandDescriptionClassName), children: footerData.description })
-          ] }),
-          footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDesktop ? /* @__PURE__ */ jsxRuntime.jsx(
-            Accordion,
-            {
-              value: allAccordionIds,
-              type: "multiple",
-              className: cn("grid gap-4 lg:grid-cols-3", accordionClassName),
-              children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(
-                AccordionItem,
-                {
-                  value: section.id,
-                  className: "border-transparent",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "cursor-auto rounded-none pb-4 pt-0 text-base font-bold leading-normal hover:no-underline [&>svg]:hidden", children: section.title }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-1", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm font-light leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      Pressable,
-                      {
-                        href: item.link,
-                        className: "hover:underline hover:underline-offset-2",
-                        children: item.text
-                      }
-                    ) }, idx)) }) })
-                  ]
-                },
-                section.id
-              ))
+              ) }, idx))
             }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "single", collapsible: true, className: cn("grid gap-4", accordionClassName), children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(
-            AccordionItem,
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
             {
-              value: section.id,
-              className: "border-b",
+              className: cn(
+                "flex flex-wrap items-center justify-between gap-4",
+                bottomClassName
+              ),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(AccordionTrigger, { className: "py-4 text-base font-bold leading-normal hover:no-underline [&>svg]:hidden", children: [
-                  section.title,
-                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/plus", size: 20 })
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm font-light leading-tight", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  Pressable,
+                copyright && /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
                   {
-                    href: item.link,
-                    className: "hover:underline hover:underline-offset-2",
-                    children: item.text
+                    className: cn(
+                      "text-sm text-muted-foreground",
+                      copyrightClassName
+                    ),
+                    children: copyright
                   }
-                ) }, idx)) }) })
+                ),
+                submenuLinks && submenuLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "ul",
+                  {
+                    className: cn(
+                      "flex flex-wrap gap-x-6 gap-y-2",
+                      submenuLinksClassName
+                    ),
+                    children: submenuLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
+                      {
+                        href: link.link,
+                        className: "text-sm font-light hover:underline",
+                        children: link.text
+                      }
+                    ) }, idx))
+                  }
+                )
               ]
-            },
-            section.id
-          )) }) }),
-          paymentMethods && paymentMethods.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-wrap items-center gap-3", paymentMethodsClassName), children: paymentMethods.map((method, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            img.Img,
-            {
-              src: method,
-              alt: "Payment method",
-              className: "h-6",
-              optixFlowConfig
             }
-          ) }, idx)) }),
-          /* @__PURE__ */ jsxRuntime.jsx(Separator, {}),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center justify-between gap-4", bottomClassName), children: [
-            copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground", copyrightClassName), children: copyright }),
-            submenuLinks && submenuLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-wrap gap-x-6 gap-y-2", submenuLinksClassName), children: submenuLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
-              {
-                href: link.link,
-                className: "text-sm font-light hover:underline",
-                children: link.text
-              }
-            ) }, idx)) })
-          ] })
+          )
         ] })
       ] })
     }
@@ -42974,8 +43182,6 @@ function FooterAccordionSocial({
   patternOpacity,
   patternClassName
 }) {
-  const [isDesktop, setIsDesktop] = React52__namespace.useState(false);
-  const [accordionValue, setAccordionValue] = React52__namespace.useState("");
   const form = forms.useForm({
     initialValues: {
       email: ""
@@ -43016,16 +43222,6 @@ function FooterAccordionSocial({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  React52__namespace.useEffect(() => {
-    const checkDesktop = () => setIsDesktop(window.innerWidth >= 1024);
-    checkDesktop();
-    window.addEventListener("resize", checkDesktop);
-    return () => window.removeEventListener("resize", checkDesktop);
-  }, []);
-  const allAccordionIds = React52.useMemo(() => {
-    if (!footerLinks || footerLinks.length === 0) return [];
-    return footerLinks.map(({ id }) => id);
-  }, [footerLinks]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -43038,26 +43234,14 @@ function FooterAccordionSocial({
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-10", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-10 lg:grid-cols-2 lg:gap-20", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-            logo?.url && /* @__PURE__ */ jsxRuntime.jsxs(Pressable, { href: logo.url, className: "inline-block max-w-48", children: [
-              logo.light && /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
-                {
-                  src: logo.light,
-                  alt: "Logo",
-                  className: "w-full dark:hidden",
-                  optixFlowConfig
-                }
-              ),
-              logo.dark && /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
-                {
-                  src: logo.dark,
-                  alt: "Logo",
-                  className: "hidden w-full dark:block",
-                  optixFlowConfig
-                }
-              )
-            ] }),
+            logo && /* @__PURE__ */ jsxRuntime.jsx(
+              FooterLogo,
+              {
+                logo,
+                logoClassName: "inline-block max-w-48",
+                optixFlowConfig
+              }
+            ),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-semibold", children: newsletterTitle }),
               /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: newsletterDescription })
@@ -43096,83 +43280,30 @@ function FooterAccordionSocial({
               }
             )
           ] }),
-          isDesktop ? /* @__PURE__ */ jsxRuntime.jsx(
-            Accordion,
-            {
-              value: allAccordionIds,
-              type: "multiple",
-              className: "grid grid-cols-2 gap-x-16 gap-y-4 lg:grid-cols-3",
-              children: footerLinks && footerLinks.length > 0 && footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(
-                AccordionItem,
-                {
-                  value: section.id,
-                  className: "border-none",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "cursor-auto rounded-none pb-4 pt-0 text-lg font-bold leading-none hover:no-underline [&>svg]:hidden", children: section.title }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-0", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm font-light leading-tight", children: item.type === "email" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1.5", children: item.text }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        Pressable,
-                        {
-                          href: `mailto:${item.email}`,
-                          className: "underline underline-offset-2",
-                          children: item.email
-                        }
-                      )
-                    ] }) : /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: item.link, children: item.text }) }, idx)) }) })
-                  ]
-                },
-                section.id
-              ))
-            }
-          ) : /* @__PURE__ */ jsxRuntime.jsx(
-            Accordion,
-            {
-              value: accordionValue,
-              type: "single",
-              collapsible: true,
-              onValueChange: setAccordionValue,
-              className: "space-y-0",
-              children: footerLinks && footerLinks.length > 0 && footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(
-                AccordionItem,
-                {
-                  value: section.id,
-                  className: "border-b",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(AccordionTrigger, { className: "py-4 text-lg font-bold leading-none hover:no-underline [&>svg]:hidden", children: [
-                      section.title,
-                      /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/plus", size: 20, className: "lg:hidden" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2 pl-4", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-sm font-light leading-tight", children: item.type === "email" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-1.5", children: item.text }),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        Pressable,
-                        {
-                          href: `mailto:${item.email}`,
-                          className: "underline underline-offset-2",
-                          children: item.email
-                        }
-                      )
-                    ] }) : /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: item.link, children: item.text }) }, idx)) }) })
-                  ]
-                },
-                section.id
-              ))
-            }
-          )
+          footerLinks && footerLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-x-16 gap-y-8 lg:grid-cols-3", children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-lg font-bold", children: section.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2 text-sm text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              Pressable,
+              {
+                href: item.href,
+                className: "hover:text-primary",
+                children: item.text
+              }
+            ) }, idx)) })
+          ] }, section.id)) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-6 border-t pt-8", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: copyright }),
           socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-4", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
+            SocialLinkIcon,
             {
-              href: social.link,
+              href: social.href,
+              label: social.label,
+              iconNameOverride: social.iconNameOverride,
               variant: "outline",
               size: "icon",
               asButton: true,
-              className: "rounded-full",
-              "aria-label": social.label,
-              children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+              className: "rounded-full"
             }
           ) }, idx)) })
         ] })
@@ -43225,23 +43356,12 @@ function FooterInfoCardsAccordion({
   optixFlowConfig
 }) {
   const [email, setEmail] = React52__namespace.useState("");
-  const [isDesktop, setIsDesktop] = React52__namespace.useState(false);
-  React52.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
-  React52__namespace.useEffect(() => {
-    const checkDesktop = () => setIsDesktop(window.innerWidth >= 1024);
-    checkDesktop();
-    window.addEventListener("resize", checkDesktop);
-    return () => window.removeEventListener("resize", checkDesktop);
-  }, []);
+  (/* @__PURE__ */ new Date()).getFullYear();
   const handleSubmit = (e) => {
     e.preventDefault();
     console.log("Newsletter signup:", email);
     setEmail("");
   };
-  const allAccordionIds = React52.useMemo(
-    () => footerLinks?.map(({ id }) => id) ?? [],
-    [footerLinks]
-  );
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -43391,31 +43511,12 @@ function FooterInfoCardsAccordion({
                     brandColumnClassName
                   ),
                   children: [
-                    footerDetails?.logo && /* @__PURE__ */ jsxRuntime.jsxs(
-                      Pressable,
+                    footerDetails?.logo && /* @__PURE__ */ jsxRuntime.jsx(
+                      FooterLogo,
                       {
-                        href: footerDetails.logoUrl || "/",
-                        className: cn("inline-block w-full max-w-80", logoClassName),
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            img.Img,
-                            {
-                              src: footerDetails.logo.light,
-                              alt: "Logo",
-                              className: "w-full dark:hidden",
-                              optixFlowConfig
-                            }
-                          ),
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            img.Img,
-                            {
-                              src: footerDetails.logo.dark,
-                              alt: "Logo",
-                              className: "hidden w-full dark:inline-block",
-                              optixFlowConfig
-                            }
-                          )
-                        ]
+                        logo: { ...footerDetails.logo, url: footerDetails.logoUrl || "/" },
+                        logoClassName: cn("inline-block w-full max-w-80", logoClassName),
+                        optixFlowConfig
                       }
                     ),
                     footerDetails?.description && /* @__PURE__ */ jsxRuntime.jsx(
@@ -43438,66 +43539,16 @@ function FooterInfoCardsAccordion({
                     "lg:col-span-3 xl:col-span-1",
                     accordionColumnClassName
                   ),
-                  children: isDesktop ? /* @__PURE__ */ jsxRuntime.jsx(
-                    Accordion,
-                    {
-                      value: allAccordionIds,
-                      type: "multiple",
-                      className: "grid grid-cols-3 gap-4",
-                      children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(
-                        AccordionItem,
-                        {
-                          value: section.id,
-                          className: "border-transparent",
-                          children: [
-                            /* @__PURE__ */ jsxRuntime.jsx(AccordionTrigger, { className: "cursor-auto rounded-none pb-4 pt-0 text-base font-bold leading-normal hover:no-underline [&>svg]:hidden", children: section.title }),
-                            /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-1", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-                              "li",
-                              {
-                                className: "text-sm font-light leading-tight",
-                                children: /* @__PURE__ */ jsxRuntime.jsx(
-                                  Pressable,
-                                  {
-                                    href: item.link,
-                                    className: "hover:underline hover:underline-offset-2",
-                                    children: item.text
-                                  }
-                                )
-                              },
-                              idx
-                            )) }) })
-                          ]
-                        },
-                        section.id
-                      ))
-                    }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx(Accordion, { type: "multiple", children: footerLinks.map((section) => /* @__PURE__ */ jsxRuntime.jsxs(AccordionItem, { value: section.id, children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs(AccordionTrigger, { className: "py-4 text-base font-bold leading-normal hover:no-underline [&>svg]:hidden", children: [
-                      section.title,
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        DynamicIcon,
-                        {
-                          name: "lucide/plus",
-                          size: 20,
-                          className: "lg:hidden"
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(AccordionContent, { className: "pb-4", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx(
-                      "li",
+                  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 text-muted-foreground", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Pressable,
                       {
-                        className: "text-sm font-light leading-tight",
-                        children: /* @__PURE__ */ jsxRuntime.jsx(
-                          Pressable,
-                          {
-                            href: item.link,
-                            className: "hover:underline hover:underline-offset-2",
-                            children: item.text
-                          }
-                        )
-                      },
-                      idx
-                    )) }) })
+                        href: item.link,
+                        className: "hover:text-primary",
+                        children: item.text
+                      }
+                    ) }, idx)) })
                   ] }, section.id)) })
                 }
               )
@@ -43531,15 +43582,15 @@ function FooterInfoCardsAccordion({
                 }
               ) }),
               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(
-                Pressable,
+                SocialLinkIcon,
                 {
-                  href: social.link,
+                  href: social.href,
+                  label: social.label,
+                  iconNameOverride: social.iconNameOverride,
                   variant: "default",
                   size: "icon",
                   asButton: true,
-                  className: "rounded-full",
-                  "aria-label": social.label,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+                  className: "rounded-full"
                 }
               ) }, idx)) })
             ]
@@ -79580,7 +79631,7 @@ function ListSearchableGrid({
     }
   );
 }
-var { useMemo: useMemo444 } = React52__namespace;
+var { useMemo: useMemo442 } = React52__namespace;
 function OfferModalNewsletterDiscount({
   title,
   emailPlaceholder,
@@ -79648,7 +79699,7 @@ function OfferModalNewsletterDiscount({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderCloseButton = useMemo444(() => {
+  const renderCloseButton = useMemo442(() => {
     if (closeButtonSlot) return closeButtonSlot;
     if (!closeButtonText) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute end-1.5 top-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -79662,12 +79713,12 @@ function OfferModalNewsletterDiscount({
       }
     ) }) });
   }, [closeButtonSlot, closeButtonText, closeClassName]);
-  const renderHeader = useMemo444(() => {
+  const renderHeader = useMemo442(() => {
     if (headerSlot) return headerSlot;
     if (!title) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { className: headerClassName, children: typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { className: cn("text-start font-serif text-2xl font-normal leading-snug", titleClassName), children: title }) });
   }, [headerSlot, title, headerClassName, titleClassName]);
-  const renderForm = useMemo444(() => {
+  const renderForm = useMemo442(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -79729,7 +79780,7 @@ function OfferModalNewsletterDiscount({
     }
   ) });
 }
-var { useMemo: useMemo445 } = React52__namespace;
+var { useMemo: useMemo443 } = React52__namespace;
 function OfferModalMembershipImage({
   overline,
   title,
@@ -79806,7 +79857,7 @@ function OfferModalMembershipImage({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderImage = useMemo445(() => {
+  const renderImage = useMemo443(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("max-h-[290px] h-full overflow-hidden max-lg:hidden", imageWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -79819,7 +79870,7 @@ function OfferModalMembershipImage({
       }
     ) });
   }, [imageSlot, image, imageWrapperClassName, imageClassName, optixFlowConfig]);
-  const renderCloseButton = useMemo445(() => {
+  const renderCloseButton = useMemo443(() => {
     if (closeButtonSlot) return closeButtonSlot;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -end-px -top-px z-10", children: /* @__PURE__ */ jsxRuntime.jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Pressable,
@@ -79835,7 +79886,7 @@ function OfferModalMembershipImage({
       }
     ) }) });
   }, [closeButtonSlot, closeClassName]);
-  const renderForm = useMemo445(() => {
+  const renderForm = useMemo443(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -79898,7 +79949,7 @@ function OfferModalMembershipImage({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderFooter = useMemo445(() => {
+  const renderFooter = useMemo443(() => {
     if (footerSlot) return footerSlot;
     if (!description) return null;
     return /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { className: footerClassName, children: /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { className: cn("text-muted-foreground text-center text-xs leading-relaxed", descriptionClassName), children: description }) });
@@ -80018,7 +80069,7 @@ function SheetDescription({
     }
   );
 }
-var { useMemo: useMemo446 } = React52__namespace;
+var { useMemo: useMemo444 } = React52__namespace;
 function OfferModalSheetNewsletter({
   logo,
   logoSlot,
@@ -80101,7 +80152,7 @@ function OfferModalSheetNewsletter({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const sheetProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderLogo = useMemo446(() => {
+  const renderLogo = useMemo444(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -80115,7 +80166,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [logoSlot, logo, logoClassName, optixFlowConfig]);
-  const renderHeader = useMemo446(() => {
+  const renderHeader = useMemo444(() => {
     if (headerSlot) return headerSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { className: cn("gap-8 p-0", headerClassName), children: [
       renderLogo,
@@ -80125,7 +80176,7 @@ function OfferModalSheetNewsletter({
       ] })
     ] });
   }, [headerSlot, renderLogo, headerClassName, title, titleClassName, description, descriptionClassName]);
-  const renderForm = useMemo446(() => {
+  const renderForm = useMemo444(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsx(
       forms.Form,
@@ -80173,7 +80224,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderLegal = useMemo446(() => {
+  const renderLegal = useMemo444(() => {
     if (legalSlot) return legalSlot;
     if (!termsUrl || !termsText || !privacyUrl || !privacyText) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-muted-foreground text-xs", legalClassName), children: [
@@ -80187,7 +80238,7 @@ function OfferModalSheetNewsletter({
       "."
     ] });
   }, [legalSlot, termsUrl, termsText, privacyUrl, privacyText, legalClassName]);
-  const renderImage = useMemo446(() => {
+  const renderImage = useMemo444(() => {
     if (imageSlot) return imageSlot;
     if (!image) return null;
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-1/2 basis-1/2", imageWrapperClassName), children: /* @__PURE__ */ jsxRuntime.jsx(AspectRatio, { ratio: 1, className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(