@opensite/ui 1.3.8 → 1.4.0

package/dist/footer-comprehensive-links.cjs

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
-var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var img = require('@page-speed/img');
+var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
 var usePlatformFromUrl = require('@opensite/hooks/usePlatformFromUrl');
@@ -29,40 +29,10 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// components/blocks/footers/footer-comprehensive-links.tsx
+// lib/utils.ts
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-function getNestedCardBg(parentBg, variant = "muted", options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  if (isDark) {
-    switch (variant) {
-      case "muted":
-        return "bg-background";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-background/50";
-    }
-  } else {
-    switch (variant) {
-      case "muted":
-        return "bg-muted";
-      case "card":
-        return "bg-card";
-      case "accent":
-        return "bg-accent";
-      case "subtle":
-        return "bg-muted/50";
-    }
-  }
-}
-function getNestedCardTextColor(parentBg, options) {
-  const isDark = parentBg === "dark" || parentBg === "secondary" || parentBg === "primary";
-  return isDark ? "text-foreground" : "";
-}
 function normalizePhoneNumber(input) {
   const trimmed = input.trim();
   if (trimmed.toLowerCase().startsWith("tel:")) {
@@ -586,6 +556,538 @@ function processSvgForCurrentColor(svg) {
   );
   return processed;
 }
+function FooterCopyright({
+  copyright,
+  className
+}) {
+  const currentYear = React.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
+  if (!copyright) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn(className), children: [
+    "\xA9 ",
+    currentYear,
+    " ",
+    copyright,
+    ". All Rights Reserved."
+  ] });
+}
+var brandAttributionOptions = [
+  {
+    brand: "open_site_ai",
+    options: [
+      {
+        prefix: "Powered by ",
+        anchorText: "AI Website Builder",
+        href: "https://opensite.ai",
+        suffix: ""
+      },
+      {
+        prefix: "",
+        anchorText: "AI-Powered Web Design",
+        href: "https://opensite.ai",
+        suffix: " by OpenSite"
+      },
+      {
+        prefix: "Built with ",
+        anchorText: "OpenSite AI",
+        href: "https://opensite.ai"
+      },
+      {
+        prefix: "Website by ",
+        anchorText: "Intelligent Site Builder",
+        href: "https://opensite.ai"
+      },
+      {
+        prefix: "Designed using ",
+        anchorText: "AI Website Platform",
+        href: "https://opensite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Automated Website Design",
+        href: "https://opensite.ai",
+        suffix: " \u2013 OpenSite"
+      },
+      {
+        prefix: "Created with ",
+        anchorText: "AI Digital Presence Solutions",
+        href: "https://opensite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Smart Website Builder",
+        href: "https://opensite.ai",
+        suffix: " by OpenSite AI"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "Industry-Specific AI Web Platform",
+        href: "https://opensite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "AI Site Generator",
+        href: "https://opensite.ai",
+        suffix: " \u2013 OpenSite"
+      }
+    ]
+  },
+  {
+    brand: "dashtrack",
+    options: [
+      {
+        prefix: "",
+        anchorText: "Restaurant Website Builder",
+        href: "https://dashtrack.com",
+        suffix: " by DashTrack"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "DashTrack",
+        href: "https://dashtrack.com",
+        suffix: " Restaurant Platform"
+      },
+      {
+        prefix: "",
+        anchorText: "Bar & Restaurant Marketing Platform",
+        href: "https://dashtrack.com"
+      },
+      {
+        prefix: "Menu & Website by ",
+        anchorText: "Restaurant Digital Solutions",
+        href: "https://dashtrack.com"
+      },
+      {
+        prefix: "",
+        anchorText: "Hospitality Website Design",
+        href: "https://dashtrack.com",
+        suffix: " \u2013 DashTrack"
+      },
+      {
+        prefix: "Online Ordering by ",
+        anchorText: "DashTrack Restaurant Technology",
+        href: "https://dashtrack.com"
+      },
+      {
+        prefix: "",
+        anchorText: "Restaurant Review Management",
+        href: "https://dashtrack.com",
+        suffix: " Platform"
+      },
+      {
+        prefix: "Built with ",
+        anchorText: "AI-Powered Restaurant Website Builder",
+        href: "https://dashtrack.com"
+      },
+      {
+        prefix: "",
+        anchorText: "Menu Automation & Restaurant SEO",
+        href: "https://dashtrack.com"
+      },
+      {
+        prefix: "Designed by ",
+        anchorText: "DashTrack Hospitality Solutions",
+        href: "https://dashtrack.com"
+      }
+    ]
+  },
+  {
+    brand: "insurance_site_ai",
+    options: [
+      {
+        prefix: "",
+        anchorText: "Insurance Agency Website Design",
+        href: "https://insurancesite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "InsuranceSite AI",
+        href: "https://insurancesite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Insurance Agent Website Builder",
+        href: "https://insurancesite.ai"
+      },
+      {
+        prefix: "Built with ",
+        anchorText: "AI Insurance CRM Platform",
+        href: "https://insurancesite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Insurance Agency Marketing Automation",
+        href: "https://insurancesite.ai"
+      },
+      {
+        prefix: "Website by ",
+        anchorText: "Insurance Digital Solutions",
+        href: "https://insurancesite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Insurance Lead Generation Platform",
+        href: "https://insurancesite.ai",
+        suffix: " \u2013 InsuranceSite"
+      },
+      {
+        prefix: "Designed with ",
+        anchorText: "AI-Powered Insurance Website Builder",
+        href: "https://insurancesite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Insurance Broker Web Platform",
+        href: "https://insurancesite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "InsuranceSite Agency Solutions",
+        href: "https://insurancesite.ai"
+      }
+    ]
+  },
+  {
+    brand: "realtor_site_ai",
+    options: [
+      {
+        prefix: "",
+        anchorText: "Real Estate Agent Website Builder",
+        href: "https://realtorsite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "RealtorSite AI",
+        href: "https://realtorsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Realtor Website with MLS Integration",
+        href: "https://realtorsite.ai"
+      },
+      {
+        prefix: "Built with ",
+        anchorText: "AI Real Estate Marketing Platform",
+        href: "https://realtorsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "IDX Website Builder for Realtors",
+        href: "https://realtorsite.ai"
+      },
+      {
+        prefix: "Website by ",
+        anchorText: "Real Estate Digital Solutions",
+        href: "https://realtorsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Property Listing Website Platform",
+        href: "https://realtorsite.ai",
+        suffix: " \u2013 RealtorSite"
+      },
+      {
+        prefix: "Designed with ",
+        anchorText: "AI-Powered Realtor Website Builder",
+        href: "https://realtorsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Real Estate Lead Generation Platform",
+        href: "https://realtorsite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "RealtorSite Agent Solutions",
+        href: "https://realtorsite.ai"
+      }
+    ]
+  },
+  {
+    brand: "ortho_site_ai",
+    options: [
+      {
+        prefix: "",
+        anchorText: "Orthodontist Website Design",
+        href: "https://orthosite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "OrthoSite AI",
+        href: "https://orthosite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Orthodontic Practice Website Builder",
+        href: "https://orthosite.ai"
+      },
+      {
+        prefix: "Built with ",
+        anchorText: "AI Orthodontic Marketing Platform",
+        href: "https://orthosite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Braces & Invisalign Practice Website",
+        href: "https://orthosite.ai"
+      },
+      {
+        prefix: "Website by ",
+        anchorText: "Orthodontic Digital Solutions",
+        href: "https://orthosite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Orthodontist SEO & Patient Acquisition",
+        href: "https://orthosite.ai",
+        suffix: " \u2013 OrthoSite"
+      },
+      {
+        prefix: "Designed with ",
+        anchorText: "AI-Powered Orthodontic Website Builder",
+        href: "https://orthosite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Orthodontic Practice Marketing Platform",
+        href: "https://orthosite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "OrthoSite Practice Solutions",
+        href: "https://orthosite.ai"
+      }
+    ]
+  },
+  {
+    brand: "dental_site_ai",
+    options: [
+      {
+        prefix: "",
+        anchorText: "Dental Practice Website Design",
+        href: "https://dentalsite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "DentalSite AI",
+        href: "https://dentalsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Dentist Website Builder",
+        href: "https://dentalsite.ai"
+      },
+      {
+        prefix: "Built with ",
+        anchorText: "AI Dental Marketing Platform",
+        href: "https://dentalsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Dental Clinic SEO & Patient Growth",
+        href: "https://dentalsite.ai"
+      },
+      {
+        prefix: "Website by ",
+        anchorText: "Dental Digital Solutions",
+        href: "https://dentalsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Dental Patient Acquisition Platform",
+        href: "https://dentalsite.ai"
+      },
+      {
+        prefix: "Designed with ",
+        anchorText: "AI-Powered Dental Website Builder",
+        href: "https://dentalsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Dental Practice Marketing Automation",
+        href: "https://dentalsite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "DentalSite Practice Solutions",
+        href: "https://dentalsite.ai"
+      }
+    ]
+  },
+  {
+    brand: "fit_site_ai",
+    options: [
+      {
+        prefix: "",
+        anchorText: "Personal Trainer Website Builder",
+        href: "https://fitsite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "FitSite AI",
+        href: "https://fitsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Gym Website Design",
+        href: "https://fitsite.ai"
+      },
+      {
+        prefix: "Built with ",
+        anchorText: "AI Fitness Marketing Platform",
+        href: "https://fitsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Fitness Studio Website Builder",
+        href: "https://fitsite.ai"
+      },
+      {
+        prefix: "Website by ",
+        anchorText: "Personal Training Digital Solutions",
+        href: "https://fitsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Gym CRM & Member Management Platform",
+        href: "https://fitsite.ai",
+        suffix: " \u2013 FitSite"
+      },
+      {
+        prefix: "Designed with ",
+        anchorText: "AI-Powered Fitness Website Builder",
+        href: "https://fitsite.ai"
+      },
+      {
+        prefix: "",
+        anchorText: "Fitness Business Marketing Automation",
+        href: "https://fitsite.ai"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "FitSite Gym Solutions",
+        href: "https://fitsite.ai"
+      }
+    ]
+  },
+  {
+    brand: "cast_kit",
+    options: [
+      {
+        prefix: "",
+        anchorText: "Podcast Website Builder",
+        href: "https://castkit.com"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "CastKit",
+        href: "https://castkit.com"
+      },
+      {
+        prefix: "",
+        anchorText: "Podcaster Website & Hosting Platform",
+        href: "https://castkit.com"
+      },
+      {
+        prefix: "Built with ",
+        anchorText: "AI Podcast Marketing Tools",
+        href: "https://castkit.com"
+      },
+      {
+        prefix: "",
+        anchorText: "Podcast SEO & Content Repurposing",
+        href: "https://castkit.com"
+      },
+      {
+        prefix: "Website by ",
+        anchorText: "Podcast Digital Solutions",
+        href: "https://castkit.com"
+      },
+      {
+        prefix: "",
+        anchorText: "Podcast Distribution Platform",
+        href: "https://castkit.com",
+        suffix: " \u2013 CastKit"
+      },
+      {
+        prefix: "Designed with ",
+        anchorText: "AI-Powered Podcast Website Builder",
+        href: "https://castkit.com"
+      },
+      {
+        prefix: "",
+        anchorText: "Podcast Show Notes & Transcript Platform",
+        href: "https://castkit.com"
+      },
+      {
+        prefix: "Powered by ",
+        anchorText: "CastKit Podcasting Solutions",
+        href: "https://castkit.com"
+      }
+    ]
+  }
+];
+var brandAttributionMap = brandAttributionOptions.reduce(
+  (acc, entry) => {
+    acc[entry.brand] = entry.options;
+    return acc;
+  },
+  {}
+);
+function buildTrackedHref(baseHref) {
+  if (typeof window === "undefined") {
+    return baseHref;
+  }
+  try {
+    const url = new URL(baseHref);
+    const source = window.location.host;
+    const sourceRef = window.location.href;
+    url.searchParams.set("source", source);
+    url.searchParams.set("sourceRef", sourceRef);
+    return url.toString();
+  } catch {
+    try {
+      const url = new URL(baseHref, window.location.origin);
+      const source = window.location.host;
+      const sourceRef = window.location.href;
+      url.searchParams.set("source", source);
+      url.searchParams.set("sourceRef", sourceRef);
+      return url.toString();
+    } catch {
+      return baseHref;
+    }
+  }
+}
+var BrandAttribution = ({
+  variant = "span",
+  containerClassName,
+  linkClassName,
+  internalBrandSlug,
+  optionIndex
+}) => {
+  const options = brandAttributionMap[internalBrandSlug];
+  if (!options || optionIndex < 0 || optionIndex >= options.length) {
+    return null;
+  }
+  const { prefix = "", anchorText, href, suffix = "" } = options[optionIndex];
+  const ContainerEl = variant;
+  const trackedHref = buildTrackedHref(href);
+  return /* @__PURE__ */ jsxRuntime.jsxs(ContainerEl, { className: containerClassName, children: [
+    prefix,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: trackedHref,
+        target: "_blank",
+        rel: "noreferrer noopener",
+        className: linkClassName,
+        children: anchorText
+      }
+    ),
+    suffix
+  ] });
+};
 var platformIconMap = {
   instagram: "cib/instagram",
   linkedin: "cib/linkedin",
@@ -1051,54 +1553,53 @@ function FooterComprehensiveLinks({
   contact,
   socialLinks,
   copyright,
-  companyName,
   bottomLinks,
   pattern,
   patternOpacity,
   className,
   optixFlowConfig,
-  background = "white"
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
+  spacing = "py-6 md:py-32",
+  background
 }) {
-  const year = React.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
-  const copyrightText = copyright || `\xA9 ${year} ${companyName || ""}. All rights reserved.`;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Section,
     {
       background,
-      spacing: "lg",
+      spacing,
       pattern,
       patternOpacity,
       className,
-      containerClassName: "relative z-10",
+      containerClassName,
       children: [
+        (logoSrc || tagline || summary) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center flex-col mb-20", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-full md:max-w-md flex flex-col gap-4 items-center text-center text-balance", children: [
+          logoSrc && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: logoHref || "/", className: "flex w-fit", children: /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logoSrc,
+              alt: logoAlt || "Logo",
+              className: "h-auto md:h-24 w-40 max-w-lg md:w-auto object-contain",
+              loading: "lazy",
+              optixFlowConfig
+            }
+          ) }),
+          tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xl font-medium", children: tagline }),
+          summary && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed", children: summary })
+        ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-10 lg:gap-12", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-12", children: [
-            (logoSrc || tagline || summary) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sm:col-span-2 lg:col-span-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-              logoSrc && /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: logoHref || "/", className: "inline-flex w-fit", children: /* @__PURE__ */ jsxRuntime.jsx(
-                img.Img,
-                {
-                  src: logoSrc,
-                  alt: logoAlt || "Logo",
-                  className: "h-9 w-auto",
-                  loading: "eager",
-                  optixFlowConfig
-                }
-              ) }),
-              tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: tagline }),
-              summary && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm leading-relaxed text-muted-foreground", children: summary })
-            ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8 sm:grid-cols-2 lg:grid-cols-12", children: [
             linkColumns && linkColumns.length > 0 && linkColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:col-span-2", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: column.title }),
               /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-2.5", children: column.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                 Pressable,
                 {
                   href: link.href,
-                  className: "text-sm text-muted-foreground transition-colors hover:text-primary",
+                  className: "text-sm transition-colors ",
                   children: link.label
                 }
               ) }, link.href)) })
             ] }) }, column.title)),
-            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6 lg:col-span-3", children: [
+            contact || (socialLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-12 col-span-2 lg:col-span-12 w-full", children: [
               contact ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: "Contact" }),
                 /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex flex-col gap-3", children: [
@@ -1106,14 +1607,14 @@ function FooterComprehensiveLinks({
                     Pressable,
                     {
                       href: contact.email,
-                      className: "group flex items-center gap-2.5 text-sm text-muted-foreground transition-colors hover:text-primary",
+                      className: "group flex items-center gap-2.5 text-sm transition-colors ",
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           DynamicIcon,
                           {
                             name: "lucide/mail",
                             size: 16,
-                            className: "text-muted-foreground transition-colors group-hover:text-primary"
+                            className: " "
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.email })
@@ -1124,14 +1625,14 @@ function FooterComprehensiveLinks({
                     Pressable,
                     {
                       href: contact.phone,
-                      className: "group flex items-center gap-2.5 text-sm text-muted-foreground transition-colors hover:text-primary",
+                      className: "group flex items-center gap-2.5 text-sm ",
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           DynamicIcon,
                           {
                             name: "lucide/phone",
                             size: 16,
-                            className: "text-muted-foreground transition-colors group-hover:text-primary"
+                            className: ""
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.phone })
@@ -1144,14 +1645,14 @@ function FooterComprehensiveLinks({
                       href: `https://maps.google.com/?q=${encodeURIComponent(
                         contact.address
                       )}`,
-                      className: "group flex items-start gap-2.5 text-sm text-muted-foreground transition-colors hover:text-primary",
+                      className: "group flex items-start gap-2.5 text-sm ",
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx(
                           DynamicIcon,
                           {
                             name: "lucide/map-pin",
                             size: 16,
-                            className: "mt-0.5 text-muted-foreground transition-colors group-hover:text-primary"
+                            className: "mt-0.5 "
                           }
                         ),
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "underline underline-offset-2", children: contact.address })
@@ -1168,11 +1669,9 @@ function FooterComprehensiveLinks({
                     href: link.href,
                     label: link.label,
                     iconNameOverride: link.iconNameOverride,
-                    iconSize: 16,
+                    iconSize: 18,
                     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)
+                      "flex size-fit p-2 items-center justify-center rounded-lg transition-shadow bg-muted border shadow-sm hover:shadow-lg"
                     )
                   },
                   idx
@@ -1180,13 +1679,13 @@ function FooterComprehensiveLinks({
               ] }) : null
             ] }) : null
           ] }),
-          (articleLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+          (articleLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t pt-14 pb-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold", children: articleSectionTitle }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-x-8 gap-y-2.5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", children: articleLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-x-8 gap-y-6 md:gap-y-2.5 sm:grid-cols-2 lg:grid-cols-3", children: articleLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: link.href,
-                className: "truncate text-sm text-muted-foreground transition-colors hover:text-primary",
+                className: "truncate text-sm ",
                 children: link.label
               },
               link.href
@@ -1194,12 +1693,23 @@ function FooterComprehensiveLinks({
           ] }) }) : null
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-10 border-t pt-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 sm:flex-row", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: copyrightText }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BrandAttribution,
+              {
+                internalBrandSlug: "open_site_ai",
+                optionIndex: 6,
+                variant: "span",
+                linkClassName: "underline underline-offset-4 "
+              }
+            )
+          ] }),
           (bottomLinks?.length ?? 0) > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-4 sm:gap-6", children: bottomLinks?.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: link.href,
-              className: "text-sm text-muted-foreground underline underline-offset-2 transition-colors hover:text-primary",
+              className: "text-sm  underline underline-offset-2 ",
               children: link.label
             },
             link.href