@opensite/ui 1.3.9 → 1.4.1

package/dist/registry.cjs

@@ -20345,193 +20345,6 @@ function CarouselScrollingFeatureShowcase({
     }
   );
 }
-var CarouselContext = React52__namespace.createContext(null);
-function useCarousel() {
-  const context = React52__namespace.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return context;
-}
-function Carousel({
-  orientation = "horizontal",
-  opts,
-  setApi,
-  plugins,
-  className,
-  children,
-  ...props
-}) {
-  const [carouselRef, api] = useEmblaCarousel__default.default(
-    {
-      ...opts,
-      axis: orientation === "horizontal" ? "x" : "y"
-    },
-    plugins
-  );
-  const [canScrollPrev, setCanScrollPrev] = React52__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React52__namespace.useState(false);
-  const onSelect = React52__namespace.useCallback((api2) => {
-    if (!api2) return;
-    setCanScrollPrev(api2.canScrollPrev());
-    setCanScrollNext(api2.canScrollNext());
-  }, []);
-  const scrollPrev = React52__namespace.useCallback(() => {
-    api?.scrollPrev();
-  }, [api]);
-  const scrollNext = React52__namespace.useCallback(() => {
-    api?.scrollNext();
-  }, [api]);
-  const handleKeyDown = React52__namespace.useCallback(
-    (event) => {
-      if (event.key === "ArrowLeft") {
-        event.preventDefault();
-        scrollPrev();
-      } else if (event.key === "ArrowRight") {
-        event.preventDefault();
-        scrollNext();
-      }
-    },
-    [scrollPrev, scrollNext]
-  );
-  React52__namespace.useEffect(() => {
-    if (!api || !setApi) return;
-    setApi(api);
-  }, [api, setApi]);
-  React52__namespace.useEffect(() => {
-    if (!api) return;
-    onSelect(api);
-    api.on("reInit", onSelect);
-    api.on("select", onSelect);
-    return () => {
-      api?.off("select", onSelect);
-    };
-  }, [api, onSelect]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CarouselContext.Provider,
-    {
-      value: {
-        carouselRef,
-        api,
-        opts,
-        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-        scrollPrev,
-        scrollNext,
-        canScrollPrev,
-        canScrollNext
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          onKeyDownCapture: handleKeyDown,
-          className: cn("relative", className),
-          role: "region",
-          "aria-roledescription": "carousel",
-          "data-slot": "carousel",
-          ...props,
-          children
-        }
-      )
-    }
-  );
-}
-function CarouselContent({ className, ...props }) {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: carouselRef,
-      className: "overflow-hidden",
-      "data-slot": "carousel-content",
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cn(
-            "flex",
-            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-            className
-          ),
-          ...props
-        }
-      )
-    }
-  );
-}
-function CarouselItem({ className, ...props }) {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      role: "group",
-      "aria-roledescription": "slide",
-      "data-slot": "carousel-item",
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function CarouselPrevious({
-  className,
-  variant = "outline",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Pressable,
-    {
-      "data-slot": "carousel-previous",
-      variant,
-      size,
-      className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      asButton: true,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-}
-function CarouselNext({
-  className,
-  variant = "default",
-  size = "icon",
-  ...props
-}) {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Pressable,
-    {
-      "data-slot": "carousel-next",
-      variant,
-      size,
-      className: cn(
-        "absolute size-8 rounded-full",
-        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      asButton: true,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-}
 function FeatureShowcase({
   items,
   children,
@@ -20549,21 +20362,16 @@ function FeatureShowcase({
   patternOpacity,
   patternClassName
 }) {
-  const [api, setApi] = React52__namespace.useState();
-  const [canScrollPrevious, setCanScrollPrevious] = React52__namespace.useState(false);
-  const [canScrollNext, setCanScrollNext] = React52__namespace.useState(false);
-  React52__namespace.useEffect(() => {
-    if (!api) return;
-    const updateScrollState = () => {
-      setCanScrollPrevious(api.canScrollPrev());
-      setCanScrollNext(api.canScrollNext());
-    };
-    updateScrollState();
-    api.on("select", updateScrollState);
-    return () => {
-      api.off("select", updateScrollState);
-    };
-  }, [api]);
+  const [activeIndex, setActiveIndex] = React52.useState(0);
+  const itemCount = items?.length ?? 0;
+  const canScrollPrevious = activeIndex > 0;
+  const canScrollNext = activeIndex < itemCount - 1;
+  const scrollPrev = React52.useCallback(() => {
+    setActiveIndex((prev) => Math.max(0, prev - 1));
+  }, []);
+  const scrollNext = React52.useCallback(() => {
+    setActiveIndex((prev) => Math.min(itemCount - 1, prev + 1));
+  }, [itemCount]);
   const [mobileSlideHeight, setMobileSlideHeight] = React52.useState(
     null
   );
@@ -20604,53 +20412,64 @@ function FeatureShowcase({
       resizeObserver?.disconnect();
     };
   }, [equalizeOnMobile, items]);
+  const activeItem = items?.[activeIndex];
   const carouselContent = React52.useMemo(() => {
     if (!items || items.length === 0) return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs(Carousel, { className: carouselClassName, setApi, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-18 md:pb-24", children: /* @__PURE__ */ jsxRuntime.jsx(CarouselContent, { className: "ease-in", children: items.map((item, itemIndex) => /* @__PURE__ */ jsxRuntime.jsx(CarouselItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative", carouselClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pb-18 md:pb-24", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
         {
-          ref: (node) => {
-            slideRefs.current[itemIndex] = node;
-          },
-          style: equalizeOnMobile && mobileSlideHeight ? { minHeight: mobileSlideHeight } : void 0,
-          className: cn(
-            "flex flex-col-reverse gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
-            slideClassName
-          ),
-          children: [
-            item.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full", contentClassName), children: item.content }),
-            item.mediaComponent && /* @__PURE__ */ jsxRuntime.jsxs(
-              "div",
-              {
-                className: cn(
-                  "relative w-full min-h-[25dvh] h-[25dvh] max-h-[35dvh] md:min-h-[300px] md:h-[400px] md:max-h-[500px] [&>*]:h-full [&>*]:object-cover",
-                  mediaWrapperClassName,
-                  mediaClassName
-                ),
-                children: [
-                  item.mediaComponent,
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    CarouselPagination,
-                    {
-                      onPrevious: () => api?.scrollPrev(),
-                      onNext: () => api?.scrollNext(),
-                      canScrollPrevious,
-                      canScrollNext,
-                      className: "absolute bottom-2 right-2 md:hidden"
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ) }, `slide-${itemIndex}`)) }) }),
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.3, ease: "easeInOut" },
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: (node) => {
+                slideRefs.current[activeIndex] = node;
+              },
+              style: equalizeOnMobile && mobileSlideHeight ? { minHeight: mobileSlideHeight } : void 0,
+              className: cn(
+                "flex flex-col-reverse gap-8 md:gap-14 md:flex-row md:items-center md:justify-between",
+                slideClassName
+              ),
+              children: [
+                activeItem?.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full", contentClassName), children: activeItem.content }),
+                activeItem?.mediaComponent && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: cn(
+                      "relative w-full min-h-[25dvh] h-[25dvh] max-h-[35dvh] md:min-h-[300px] md:h-[400px] md:max-h-[500px] *:h-full *:object-cover",
+                      mediaWrapperClassName,
+                      mediaClassName
+                    ),
+                    children: [
+                      activeItem.mediaComponent,
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        CarouselPagination,
+                        {
+                          onPrevious: scrollPrev,
+                          onNext: scrollNext,
+                          canScrollPrevious,
+                          canScrollNext,
+                          className: "flex items-end justify-end gap-2 absolute bottom-2 right-2 md:hidden"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        },
+        activeIndex
+      ) }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         CarouselPagination,
         {
-          onPrevious: () => api?.scrollPrev(),
-          onNext: () => api?.scrollNext(),
+          onPrevious: scrollPrev,
+          onNext: scrollNext,
           canScrollPrevious,
           canScrollNext,
           className: "absolute bottom-6 right-0 hidden md:flex"
@@ -20659,6 +20478,8 @@ function FeatureShowcase({
     ] });
   }, [
     items,
+    activeIndex,
+    activeItem,
     carouselClassName,
     equalizeOnMobile,
     mobileSlideHeight,
@@ -20666,7 +20487,8 @@ function FeatureShowcase({
     contentClassName,
     mediaWrapperClassName,
     mediaClassName,
-    api,
+    scrollPrev,
+    scrollNext,
     canScrollPrevious,
     canScrollNext
   ]);
@@ -22336,14 +22158,544 @@ var FooterLogo = ({
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("inline-flex items-center", logoClassName), children: logoContent });
 };
+function FooterCopyright({
+  copyright,
+  className
+}) {
+  const currentYear = React52.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
+  ] });
+};
 function FooterLinksGrid({
   logo,
   className,
   tagline,
   menuItems,
   copyright,
-  attributionText,
-  attributionHref,
   bottomLinks,
   background,
   pattern,
@@ -22352,8 +22704,6 @@ function FooterLinksGrid({
   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}`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -22383,13 +22733,14 @@ function FooterLinksGrid({
         ] }),
         /* @__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(
-              Pressable,
+            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BrandAttribution,
               {
-                href: attributionHref || "https://opensite.ai",
-                className: "hover:text-primary",
-                children: attributionText
+                internalBrandSlug: "open_site_ai",
+                optionIndex: 0,
+                variant: "span",
+                linkClassName: "hover:opacity-100"
               }
             )
           ] }),
@@ -22410,8 +22761,6 @@ function FooterSocialNewsletter({
   privacyLinkUrl,
   privacyConsentText,
   copyright,
-  attributionText,
-  attributionHref,
   className,
   contentClassName,
   logoWrapperClassName,
@@ -22437,8 +22786,6 @@ function FooterSocialNewsletter({
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = React52.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
-  const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -22573,17 +22920,18 @@ function FooterSocialNewsletter({
               "div",
               {
                 className: cn(
-                  "flex flex-col gap-2 md:flex-row md:items-center md:gap-4",
+                  "flex flex-col gap-2 opacity-80 md:flex-row md:items-center md:gap-4",
                   copyrightClassName
                 ),
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
-                  attributionText && /* @__PURE__ */ jsxRuntime.jsx(
-                    Pressable,
+                  /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    BrandAttribution,
                     {
-                      href: attributionHref || "https://opensite.ai",
-                      className: "hover:text-primary",
-                      children: attributionText
+                      internalBrandSlug: "open_site_ai",
+                      optionIndex: 7,
+                      variant: "span",
+                      linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                     }
                   )
                 ]
@@ -22614,14 +22962,7 @@ function FooterSocialApps({
     if (!sections || sections.length === 0) return null;
     return sections.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.href, children: link.name })
-        },
-        linkIdx
-      )) })
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium ", children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name }) }, linkIdx)) })
     ] }, sectionIdx));
   }, [sections]);
   const socialLinksContent = React52.useMemo(() => {
@@ -22634,20 +22975,22 @@ function FooterSocialApps({
         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)
+          "flex size-12 items-center justify-center rounded-full transition-colors"
         )
       }
     ) }, 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(
-      "flex size-12 items-center justify-center rounded-full transition-colors hover:text-primary",
-      getNestedCardBg(background),
-      getNestedCardTextColor(background)
-    ), children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: app.icon, size: 24 }) }) }) }, idx));
+    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(
+          "flex size-12 items-center justify-center rounded-full transition-colors"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: app.icon, size: 24 })
+      }
+    ) }) }, idx));
   }, [appLinks]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -22672,15 +23015,26 @@ function FooterSocialApps({
           (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: [
               socialLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 font-bold", children: socialLabel }),
-              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-2 text-muted-foreground", children: socialLinksContent })
+              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-2", children: socialLinksContent })
             ] }),
             appLinks && appLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
               appLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 font-bold", children: appLabel }),
-              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-2 text-muted-foreground", children: appLinksContent })
+              /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-2", children: appLinksContent })
             ] })
           ] })
         ] }),
-        copyright && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-24 border-t pt-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col justify-between gap-4 text-center text-sm font-medium text-muted-foreground md:flex-row md:text-left", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }) }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-24 border-t pt-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col justify-between gap-4 text-center text-sm font-medium opacity-80 md:flex-row md:text-left", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BrandAttribution,
+            {
+              internalBrandSlug: "open_site_ai",
+              optionIndex: 6,
+              variant: "span",
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+            }
+          )
+        ] }) }) })
       ] }) })
     }
   );
@@ -22691,11 +23045,11 @@ function FooterSimpleCentered({
   sitemap,
   copyright,
   bottomLinks,
-  attributionText,
-  attributionHref = "https://opensite.ai",
   className,
   footerClassName,
+  containerClassName = "px-6 sm:px-6 md:px-8 lg:px-8",
   contentClassName,
+  spacing = "py-12 md:py-32",
   brandClassName,
   logoWrapperClassName,
   logoClassName,
@@ -22710,7 +23064,6 @@ function FooterSimpleCentered({
   bottomLinksClassName,
   bottomLinkClassName,
   background,
-  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
@@ -22724,24 +23077,30 @@ function FooterSimpleCentered({
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             sitemapLinkClassName
           ),
           children: link.label
         }
       ) }, link.href)) })
     ] }, section.title));
-  }, [sitemap, sitemapSectionClassName, sitemapTitleClassName, sitemapLinksClassName, sitemapLinkClassName]);
+  }, [
+    sitemap,
+    sitemapSectionClassName,
+    sitemapTitleClassName,
+    sitemapLinksClassName,
+    sitemapLinkClassName
+  ]);
   const bottomLinksContent = React52.useMemo(() => {
     if (!bottomLinks || bottomLinks.length === 0) return null;
     return bottomLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React52__namespace.Fragment, { children: [
-      idx > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+      idx > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "opacity-70", children: "\u2022" }),
       /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
           href: link.href,
           className: cn(
-            "text-sm text-muted-foreground transition-colors hover:text-primary",
+            "text-sm opacity-80 transition-colors hover:opacity-100",
             bottomLinkClassName
           ),
           children: link.text
@@ -22757,6 +23116,7 @@ function FooterSimpleCentered({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { className: cn(footerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -22784,25 +23144,16 @@ function FooterSimpleCentered({
                     )
                   }
                 ),
-                tagline && /* @__PURE__ */ jsxRuntime.jsx(
-                  "p",
-                  {
-                    className: cn(
-                      "text-base font-medium text-muted-foreground",
-                      taglineClassName
-                    ),
-                    children: tagline
-                  }
-                )
+                tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-base font-mediumd", taglineClassName), children: tagline })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "div",
                 {
                   className: cn(
-                    "flex flex-col items-start gap-x-20 gap-y-14 xl:flex-row",
+                    "flex flex-col items-start gap-x-20 gap-y-14 xl:flex-row w-full",
                     sitemapWrapperClassName
                   ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-grid w-fit grid-cols-1 gap-x-20 gap-y-14 sm:grid-cols-2", children: sitemapContent })
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid md:flex w-full gap-8 md:gap-6 lg:gap-12 md:flex-wrap md:justify-between grid-cols-2", children: sitemapContent })
                 }
               )
             ]
@@ -22812,7 +23163,7 @@ function FooterSimpleCentered({
           "div",
           {
             className: cn(
-              "flex flex-col items-baseline justify-between gap-8 border-t border-border pt-8 md:flex-row md:gap-16",
+              "flex flex-col items-baseline justify-between gap-8 border-t pt-8 md:flex-row md:gap-16",
               bottomBarClassName
             ),
             children: [
@@ -22820,19 +23171,18 @@ function FooterSimpleCentered({
                 "div",
                 {
                   className: cn(
-                    "flex flex-col gap-2 text-xs text-muted-foreground sm:flex-row sm:items-center sm:gap-4 sm:text-sm",
+                    "flex flex-col gap-2 text-xs opacity-80 sm:flex-row sm:items-center sm:gap-4 sm:text-sm",
                     copyrightClassName
                   ),
                   children: [
-                    copyright && /* @__PURE__ */ jsxRuntime.jsx("span", { children: copyright }),
-                    attributionHref && attributionText && /* @__PURE__ */ jsxRuntime.jsx(
-                      Pressable,
+                    /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      BrandAttribution,
                       {
-                        href: attributionHref,
-                        className: "hover:text-accent-foreground",
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        children: attributionText
+                        internalBrandSlug: "open_site_ai",
+                        optionIndex: 5,
+                        variant: "span",
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
                     )
                   ]
@@ -22842,7 +23192,7 @@ function FooterSimpleCentered({
                 "div",
                 {
                   className: cn(
-                    "flex flex-col items-start gap-4 text-xs text-muted-foreground sm:text-sm md:flex-row lg:items-center",
+                    "flex flex-col items-start gap-4 text-xs sm:text-sm md:flex-row lg:items-center",
                     bottomLinksClassName
                   ),
                   children: bottomLinksContent
@@ -22861,8 +23211,6 @@ function FooterBrandDescription({
   description,
   socialLinks,
   copyright,
-  attributionText,
-  attributionHref,
   legalLinks,
   className,
   contentClassName,
@@ -22883,13 +23231,12 @@ function FooterBrandDescription({
   legalLinksClassName,
   legalLinkClassName,
   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} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -22898,6 +23245,7 @@ function FooterBrandDescription({
       pattern,
       patternOpacity,
       className: cn(className),
+      containerClassName,
       children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contentClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -22936,7 +23284,7 @@ function FooterBrandDescription({
                       "p",
                       {
                         className: cn(
-                          "max-w-[70%] text-sm text-muted-foreground",
+                          "max-w-[70%] text-sm opacity-80",
                           descriptionClassName
                         ),
                         children: description
@@ -22946,7 +23294,7 @@ function FooterBrandDescription({
                       "ul",
                       {
                         className: cn(
-                          "flex items-center space-x-6 text-muted-foreground",
+                          "flex items-center space-x-6 opacity-80",
                           socialLinksClassName
                         ),
                         children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -22956,7 +23304,7 @@ function FooterBrandDescription({
                             label: social.label,
                             iconNameOverride: social.iconNameOverride,
                             className: cn(
-                              "font-medium hover:text-primary",
+                              "font-medium hover:opacity-100",
                               socialLinkClassName
                             )
                           }
@@ -22979,14 +23327,14 @@ function FooterBrandDescription({
                       "ul",
                       {
                         className: cn(
-                          "space-y-3 text-sm text-muted-foreground",
+                          "space-y-3 text-sm opacity-80",
                           navLinksClassName
                         ),
                         children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
                           "li",
                           {
                             className: cn(
-                              "font-medium hover:text-primary",
+                              "font-medium hover:opacity-100",
                               navLinkClassName
                             ),
                             children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
@@ -23005,7 +23353,7 @@ function FooterBrandDescription({
           "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",
+              "mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium opacity-70 md:flex-row md:items-center md:text-left",
               bottomClassName
             ),
             children: [
@@ -23017,15 +23365,14 @@ function FooterBrandDescription({
                     copyrightClassName
                   ),
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
-                    attributionText && /* @__PURE__ */ jsxRuntime.jsx(
-                      Pressable,
+                    /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      BrandAttribution,
                       {
-                        href: attributionHref || "https://opensite.ai",
-                        className: "hover:text-primary",
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        children: attributionText
+                        internalBrandSlug: "open_site_ai",
+                        optionIndex: 4,
+                        variant: "span",
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
                     )
                   ]
@@ -23041,7 +23388,7 @@ function FooterBrandDescription({
                   children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
                     "li",
                     {
-                      className: cn("hover:text-primary", legalLinkClassName),
+                      className: cn("hover:opacity-100", legalLinkClassName),
                       children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
                     },
                     idx
@@ -23078,10 +23425,10 @@ function FooterNewsletterGrid({
     if (!sections || sections.length === 0) return null;
     return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 md:col-span-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-5 font-medium", children: section.title }),
-      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-sm opacity-80", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
         "li",
         {
-          className: "font-medium hover:text-primary",
+          className: "font-medium hover:opacity-100",
           children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, children: link.name })
         },
         linkIdx
@@ -23097,7 +23444,7 @@ function FooterNewsletterGrid({
         label: social.label,
         iconNameOverride: social.iconNameOverride,
         iconSize: 24,
-        className: "font-medium duration-200 hover:scale-110 hover:text-muted-foreground"
+        className: "font-medium duration-200 hover:scale-110 hover:opacity-70"
       }
     ) }, idx));
   }, [socialLinks]);
@@ -23120,7 +23467,7 @@ function FooterNewsletterGrid({
                 optixFlowConfig
               }
             ) }),
-            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: description }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: description }),
             socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center space-x-6", children: socialLinksContent })
           ] }),
           sectionsContent,
@@ -23132,7 +23479,7 @@ function FooterNewsletterGrid({
                 {
                   type: "email",
                   placeholder: newsletterPlaceholder,
-                  className: "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"
+                  className: "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 placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                 }
               ),
               newsletterButtonText && /* @__PURE__ */ jsxRuntime.jsx(
@@ -23144,20 +23491,31 @@ function FooterNewsletterGrid({
                 }
               )
             ] }) }),
-            (privacyText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: [
+            (privacyText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs font-medium opacity-80", children: [
               privacyText,
               privacyLinkText && privacyLinkUrl && /* @__PURE__ */ jsxRuntime.jsx(
                 Pressable,
                 {
                   href: privacyLinkUrl,
-                  className: "ml-1 text-primary hover:underline",
+                  className: "ml-1 hover:underline hover:opacity-100",
                   children: privacyLinkText
                 }
               )
             ] })
           ] })
         ] }),
-        copyright && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground lg:flex-row lg:items-center lg:text-left", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium opacity-80 lg:flex-row lg:items-center lg:text-left", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BrandAttribution,
+            {
+              internalBrandSlug: "open_site_ai",
+              optionIndex: 3,
+              variant: "span",
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+            }
+          )
+        ] }) })
       ] }) })
     }
   );
@@ -23174,8 +23532,6 @@ function FooterCtaBanner({
   newsletterPlaceholder,
   newsletterButtonText,
   copyright,
-  attributionText,
-  attributionHref,
   legalLinks,
   className,
   contentClassName,
@@ -23206,8 +23562,6 @@ function FooterCtaBanner({
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = React52.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
-  const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -23217,14 +23571,14 @@ function FooterCtaBanner({
       patternOpacity,
       className: cn("dark", className),
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-16 rounded-lg bg-primary/10 p-8 text-center md:p-12", ctaBannerClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-16 rounded-lg border p-8 text-center md:p-12", ctaBannerClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-4 text-3xl font-bold md:text-4xl", ctaHeadingClassName), children: ctaHeading }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mx-auto mb-6 max-w-2xl text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mx-auto mb-6 max-w-2xl opacity-80", ctaDescriptionClassName), children: ctaDescription }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
               href: ctaButtonUrl,
-              className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-11 px-8", ctaButtonClassName),
+              className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 h-11 px-8", ctaButtonClassName),
               children: ctaButtonText
             }
           )
@@ -23248,7 +23602,7 @@ function FooterCtaBanner({
                   {
                     type: "email",
                     placeholder: newsletterPlaceholder,
-                    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)
+                    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 placeholder:opacity-50 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)
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -23267,37 +23621,36 @@ function FooterCtaBanner({
                 href: social.href,
                 label: social.label,
                 iconNameOverride: social.iconNameOverride,
-                className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName)
+                className: cn("opacity-80 transition-colors hover:opacity-100", socialLinkClassName)
               }
             ) }, idx)) })
           ] }),
           sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
             /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-semibold", 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", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3 text-sm opacity-80", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: link.href,
-                className: cn("hover:text-primary", navLinkClassName),
+                className: cn("hover:opacity-100", navLinkClassName),
                 children: link.name
               }
             ) }, linkIdx)) })
           ] }, sectionIdx))
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t border-border pt-8 text-sm text-muted-foreground md:flex-row md:items-center", bottomClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
+            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
             /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
+              BrandAttribution,
               {
-                href: attributionHref,
-                className: "hover:text-primary",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                children: attributionText
+                internalBrandSlug: "open_site_ai",
+                optionIndex: 8,
+                variant: "span",
+                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: cn("hover:text-primary", legalLinkClassName), children: link.name }) }, idx)) })
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: cn("hover:opacity-100", legalLinkClassName), children: link.name }) }, idx)) })
         ] })
       ] }) })
     }
@@ -23315,8 +23668,6 @@ function FooterContactCard({
   location,
   locationLabel,
   copyright,
-  attributionText,
-  attributionHref,
   className,
   contentClassName,
   gridClassName,
@@ -23341,8 +23692,6 @@ function FooterContactCard({
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = React52.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
-  const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
     {
@@ -23364,12 +23713,12 @@ function FooterContactCard({
               }
             ),
             heading && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }),
-            (email || phone || address) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4 text-muted-foreground", contactClassName), children: [
+            (email || phone || address) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4 opacity-80", contactClassName), children: [
               email && /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx(
                 Pressable,
                 {
                   href: `mailto:${email}`,
-                  className: "hover:text-primary",
+                  className: "hover:opacity-100",
                   children: email
                 }
               ) }),
@@ -23377,7 +23726,7 @@ function FooterContactCard({
                 Pressable,
                 {
                   href: `tel:${phone}`,
-                  className: "hover:text-primary",
+                  className: "hover:opacity-100",
                   children: phone
                 }
               ) }),
@@ -23394,9 +23743,7 @@ function FooterContactCard({
                   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),
+                    "flex size-12 items-center justify-center rounded-full border transition-colors hover:opacity-80",
                     socialLinkClassName
                   )
                 }
@@ -23406,23 +23753,22 @@ function FooterContactCard({
               Pressable,
               {
                 href: link.href,
-                className: cn("text-muted-foreground hover:text-primary", navLinkClassName),
+                className: cn("opacity-80 hover:opacity-100", navLinkClassName),
                 children: link.name
               }
             ) }, idx)) }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm text-muted-foreground md:flex-row md:items-center", bottomClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyrightText }),
-            attributionText && /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
+            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BrandAttribution,
               {
-                href: attributionHref || "https://opensite.ai",
-                className: "hover:text-primary",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                children: attributionText
+                internalBrandSlug: "open_site_ai",
+                optionIndex: 7,
+                variant: "span",
+                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
               }
             )
           ] }),
@@ -23448,8 +23794,6 @@ function FooterBackgroundCard({
   contact,
   menuItems,
   copyright,
-  attributionText,
-  attributionHref,
   bottomLinks,
   className,
   cardClassName,
@@ -23474,8 +23818,6 @@ function FooterBackgroundCard({
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = React52.useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
-  const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   const sectionStyle = React52.useMemo(
     () => backgroundImage ? { backgroundImage: `url('${backgroundImage}')` } : void 0,
     [backgroundImage]
@@ -23489,7 +23831,7 @@ function FooterBackgroundCard({
       patternOpacity,
       className: cn("bg-cover bg-center bg-no-repeat", className),
       style: sectionStyle,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-7xl rounded-lg bg-background p-8 shadow-lg md:p-12", cardClassName), children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto max-w-7xl rounded-lg p-8 shadow-lg md:p-12", cardClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4 lg:gap-12", gridClassName), children: [
           (profileImage || tagline || personalMessage || ctaText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("lg:col-span-1", profileSectionClassName), children: [
             (profileImage || tagline) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
@@ -23504,33 +23846,33 @@ function FooterBackgroundCard({
               ),
               tagline && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("text-2xl font-medium", taglineClassName), children: tagline })
             ] }),
-            personalMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-6 text-sm leading-relaxed text-muted-foreground", messageClassName), children: personalMessage }),
+            personalMessage && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-6 text-sm leading-relaxed opacity-80", messageClassName), children: personalMessage }),
             ctaText && /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: ctaUrl || "#",
-                className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2", ctaClassName),
+                className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md border text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:opacity-80 h-10 px-4 py-2", ctaClassName),
                 children: ctaText
               }
             )
           ] }),
           menuItems && menuItems.length > 0 && menuItems.map((menu, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(menuSectionClassName), children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", menuTitleClassName), children: menu.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider uppercase", menuTitleClassName), children: menu.title }),
             /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: link.url,
-                className: cn("border-b border-transparent text-muted-foreground transition-all duration-300 ease-in-out hover:border-primary hover:text-primary", menuLinkClassName),
+                className: cn("border-b border-transparent opacity-80 transition-all duration-300 ease-in-out hover:opacity-100", menuLinkClassName),
                 children: link.text
               }
             ) }, index)) })
           ] }, idx)),
           (contactTitle || contact) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactSectionClassName), children: [
-            contactTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
+            contactTitle && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider uppercase", contactTitleClassName), children: contactTitle }),
             contact && /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-3", children: [
-              contact.phone && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.phone }),
-              contact.email && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.email }),
-              (contact.location || contact.timezone) && /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
+              contact.phone && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("opacity-80", contactItemClassName), children: contact.phone }),
+              contact.email && /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn("opacity-80", contactItemClassName), children: contact.email }),
+              (contact.location || contact.timezone) && /* @__PURE__ */ jsxRuntime.jsxs("li", { className: cn("opacity-80", contactItemClassName), children: [
                 contact.location,
                 contact.location && contact.timezone && " \u2022 ",
                 contact.timezone
@@ -23538,17 +23880,16 @@ function FooterBackgroundCard({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-12 flex flex-col items-center justify-between gap-4 border-t border-border pt-8 md:flex-row", bottomClassName), children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 text-sm text-muted-foreground 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: cn("mt-12 flex flex-col items-center justify-between gap-4 border-t pt-8 md:flex-row", bottomClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 text-sm opacity-80 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BrandAttribution,
               {
-                href: attributionHref || "https://opensite.ai",
-                className: "hover:text-primary",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                children: attributionText
+                internalBrandSlug: "open_site_ai",
+                optionIndex: 3,
+                variant: "span",
+                linkClassName: "hover:opacity-100"
               }
             )
           ] }),
@@ -23556,7 +23897,7 @@ function FooterBackgroundCard({
             Pressable,
             {
               href: link.url,
-              className: "text-sm text-muted-foreground transition-colors hover:text-primary",
+              className: "text-sm opacity-80 transition-colors hover:opacity-100",
               children: link.text
             },
             idx
@@ -23591,8 +23932,6 @@ function FooterAnimatedSocial({
   ctaUrl,
   socialLinks,
   copyright,
-  attributionText,
-  attributionHref,
   className,
   contentClassName,
   layoutClassName,
@@ -23630,7 +23969,7 @@ function FooterAnimatedSocial({
             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)
+            className: cn("group flex items-center gap-2 py-2 transition-colors hover:opacity-70", socialLinkClassName)
           }
         )
       },
@@ -23658,13 +23997,13 @@ function FooterAnimatedSocial({
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-8", leftColumnClassName), children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.div, { variants: itemVariants, className: "space-y-6", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("text-4xl leading-tight font-bold lg:text-5xl", headingClassName), children: heading }),
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-md text-lg leading-relaxed text-muted-foreground", descriptionClassName), children: description })
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-md text-lg leading-relaxed opacity-80", descriptionClassName), children: description })
                 ] }),
                 ctaUrl && ctaText && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx(
                   Pressable,
                   {
                     href: ctaUrl,
-                    className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-11 px-8", ctaClassName),
+                    className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 border h-11 px-8 hover:opacity-80", ctaClassName),
                     children: ctaText
                   }
                 ) })
@@ -23682,29 +24021,23 @@ function FooterAnimatedSocial({
             viewport: { once: true },
             className: cn("mt-16", bottomClassName),
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-8 h-px w-full bg-border", separatorClassName) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-8 h-px w-full opacity-20", separatorClassName), style: { backgroundColor: "currentColor" } }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(
                 framerMotion.motion.div,
                 {
                   variants: itemVariants,
                   className: cn("flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center", copyrightClassName),
                   children: [
-                    copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: copyright }),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      framerMotion.motion.a,
+                    /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright, className: "text-sm opacity-70" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6 text-sm opacity-70", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      BrandAttribution,
                       {
-                        href: attributionHref,
-                        className: "underline underline-offset-4 transition-colors hover:text-primary",
-                        whileHover: { scale: 1.05 },
-                        transition: {
-                          type: "spring",
-                          stiffness: 300,
-                          damping: 20
-                        },
-                        target: "_blank",
-                        children: attributionText
+                        internalBrandSlug: "open_site_ai",
+                        optionIndex: 2,
+                        variant: "span",
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
-                    ) }) })
+                    ) })
                   ]
                 }
               )
@@ -23726,8 +24059,6 @@ function FooterNewsletterMinimal({
   newsletterPlaceholder,
   brandText,
   copyright,
-  attributionText,
-  attributionHref,
   location,
   className,
   contentClassName,
@@ -23765,7 +24096,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("tracking-tight hover:text-muted-foreground", navLinkClassName),
+        className: cn("tracking-tight hover:opacity-70", navLinkClassName),
         children: item.label
       }
     ) }, idx));
@@ -23779,7 +24110,7 @@ function FooterNewsletterMinimal({
         label: item.label,
         iconNameOverride: item.iconNameOverride,
         iconSize: 14,
-        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", socialLinkClassName)
+        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", socialLinkClassName)
       }
     ) }, idx));
   }, [socialLinks, socialLinkClassName]);
@@ -23789,7 +24120,7 @@ function FooterNewsletterMinimal({
       Pressable,
       {
         href: item.href,
-        className: cn("group flex items-center gap-1 tracking-tight hover:text-muted-foreground", footerLinkClassName),
+        className: cn("group flex items-center gap-1 tracking-tight hover:opacity-70", footerLinkClassName),
         children: item.label
       }
     ) }, item.label));
@@ -23883,7 +24214,7 @@ function FooterNewsletterMinimal({
                     {
                       componentType: "button",
                       type: "submit",
-                      className: cn("p-2 hover:bg-muted/20", newsletterButtonClassName),
+                      className: cn("p-2 hover:opacity-80", newsletterButtonClassName),
                       asButton: false,
                       disabled: form.isSubmitting,
                       children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 })
@@ -23909,16 +24240,16 @@ function FooterNewsletterMinimal({
             children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl", brandTextClassName), children: brandText })
           }
         ) }),
-        (copyright || attributionText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 text-center text-sm text-muted-foreground", copyrightClassName), children: [
-          copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }),
-          attributionText && attributionHref && /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 text-center text-sm opacity-80", copyrightClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BrandAttribution,
             {
-              href: attributionHref,
-              className: "mt-2 inline-block hover:text-primary",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              children: attributionText
+              internalBrandSlug: "open_site_ai",
+              optionIndex: 4,
+              variant: "div",
+              containerClassName: "mt-2",
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
             }
           )
         ] })
@@ -23935,8 +24266,6 @@ function FooterCtaSocial({
   email,
   socialLinks,
   copyright,
-  attributionText,
-  attributionHref,
   className,
   contentClassName,
   containerClassName,
@@ -23983,16 +24312,16 @@ function FooterCtaSocial({
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("relative z-10", contentClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mx-auto flex max-w-3xl flex-col items-center gap-2 text-center", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full items-center gap-4", preHeadingWrapperClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-px flex-1 bg-[linear-gradient(270deg,hsl(var(--primary,0_0%_100%))_0%,hsl(var(--secondary,0_0%_0%))_100%)] opacity-50", decorativeLineClassName) }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground italic md:text-base", preHeadingClassName), children: preHeading }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm opacity-70 italic md:text-base", preHeadingClassName), children: preHeading }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("h-px flex-1 bg-[linear-gradient(270deg,hsl(var(--secondary,0_0%_0%))_0%,hsl(var(--primary,0_0%_100%))_100%)] opacity-50", decorativeLineClassName) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("h2", { className: cn("py-6 text-5xl font-bold md:text-6xl", headingClassName), children: heading }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-2xl text-base text-muted-foreground md:text-lg", descriptionClassName), children: description }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("max-w-2xl text-base opacity-80 md:text-lg", descriptionClassName), children: description }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           Pressable,
           {
             href: buttonUrl,
-            className: cn("group relative mt-4 inline-flex items-center gap-2 rounded-lg border bg-background px-8 py-4 text-base font-medium transition-all hover:bg-muted", buttonClassName),
+            className: cn("group relative mt-4 inline-flex items-center gap-2 rounded-lg border px-8 py-4 text-base font-medium transition-all hover:opacity-80", buttonClassName),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: buttonText }),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -24007,27 +24336,26 @@ function FooterCtaSocial({
           }
         ),
         socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center gap-6 pt-8", socialLinksClassName), children: socialLinksContent }),
-        email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("pt-2 text-sm text-muted-foreground md:text-base", emailClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+        email && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("pt-2 text-sm opacity-80 md:text-base", emailClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
           Pressable,
           {
             href: `mailto:${email}`,
-            className: "transition-colors hover:text-primary",
+            className: "transition-colors hover:opacity-100",
             children: email
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8 border-t pt-8 text-sm text-muted-foreground", bottomClassName), children: [
-          copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(copyrightClassName), children: copyright }),
-          attributionHref && attributionText && /* @__PURE__ */ jsxRuntime.jsx(
-            Pressable,
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mt-8 border-t pt-8 text-sm opacity-70", bottomClassName), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2", copyrightClassName), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BrandAttribution,
             {
-              href: attributionHref,
-              className: "mt-2 inline-block hover:text-primary",
-              target: "_blank",
-              rel: "noopener noreferrer",
-              children: attributionText
+              internalBrandSlug: "open_site_ai",
+              optionIndex: 9,
+              variant: "span",
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
             }
           )
-        ] })
+        ] }) })
       ] }) })
     }
   );
@@ -24042,8 +24370,6 @@ function FooterNavSocial({
   newsletterButtonText,
   socialTitle,
   copyright,
-  attributionText,
-  attributionHref,
   legalLinks,
   className,
   contentClassName,
@@ -24079,11 +24405,11 @@ function FooterNavSocial({
     if (!sections || sections.length === 0) return null;
     return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(navSectionClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-4 font-semibold", 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(navLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3 text-sm opacity-80", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn(navLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
           href: link.href,
-          className: "hover:text-primary",
+          className: "hover:opacity-100",
           children: link.name
         }
       ) }, linkIdx)) })
@@ -24097,13 +24423,13 @@ function FooterNavSocial({
         href: social.href,
         label: social.label,
         iconNameOverride: social.iconNameOverride,
-        className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName)
+        className: cn("opacity-80 transition-colors hover:opacity-100", socialLinkClassName)
       }
     ) }, idx));
   }, [socialLinks, socialLinkClassName]);
   const legalLinksContent = React52.useMemo(() => {
     if (!legalLinks || legalLinks.length === 0) return null;
-    return legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn(legalLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: "hover:text-primary", children: link.name }) }, idx));
+    return legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cn(legalLinkClassName), children: /* @__PURE__ */ jsxRuntime.jsx(Pressable, { href: link.href, className: "hover:opacity-100", children: link.name }) }, idx));
   }, [legalLinks, legalLinkClassName]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Section,
@@ -24130,14 +24456,14 @@ function FooterNavSocial({
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col justify-between", rightColumnClassName), children: [
             (newsletterHeading || newsletterDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mb-8", newsletterClassName), children: [
               newsletterHeading && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-2 text-lg font-semibold", newsletterHeadingClassName), children: newsletterHeading }),
-              newsletterDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-sm text-muted-foreground", newsletterDescriptionClassName), children: newsletterDescription }),
+              newsletterDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-sm opacity-80", newsletterDescriptionClassName), children: newsletterDescription }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex max-w-md gap-2", newsletterFormClassName), children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "input",
                   {
                     type: "email",
                     placeholder: newsletterPlaceholder,
-                    className: "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"
+                    className: "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 placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
                   }
                 ),
                 newsletterButtonText && /* @__PURE__ */ jsxRuntime.jsx(
@@ -24156,17 +24482,16 @@ function FooterNavSocial({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm text-muted-foreground md:flex-row md:items-center", bottomClassName), children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm opacity-80 md:flex-row md:items-center", bottomClassName), children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
-            copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }),
-            attributionText && attributionHref && /* @__PURE__ */ jsxRuntime.jsx(
-              Pressable,
+            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BrandAttribution,
               {
-                href: attributionHref,
-                className: "hover:text-primary",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                children: attributionText
+                internalBrandSlug: "open_site_ai",
+                optionIndex: 1,
+                variant: "span",
+                linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
               }
             )
           ] }),
@@ -24216,7 +24541,7 @@ function FeatureIconGridBordered({
             "div",
             {
               className: cn(
-                "flex size-10 shrink-0 items-center justify-center rounded-lg md:size-12 text-accent-foreground bg-primary shadow-xl",
+                "flex size-10 shrink-0 items-center justify-center rounded-lg md:size-12 text-primary-foreground bg-primary shadow-xl",
                 feature.iconClassName
               ),
               children: renderIcon(feature)
@@ -24488,6 +24813,193 @@ function FeatureChecklistImage({
     }
   );
 }
+var CarouselContext = React52__namespace.createContext(null);
+function useCarousel() {
+  const context = React52__namespace.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a <Carousel />");
+  }
+  return context;
+}
+function Carousel({
+  orientation = "horizontal",
+  opts,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}) {
+  const [carouselRef, api] = useEmblaCarousel__default.default(
+    {
+      ...opts,
+      axis: orientation === "horizontal" ? "x" : "y"
+    },
+    plugins
+  );
+  const [canScrollPrev, setCanScrollPrev] = React52__namespace.useState(false);
+  const [canScrollNext, setCanScrollNext] = React52__namespace.useState(false);
+  const onSelect = React52__namespace.useCallback((api2) => {
+    if (!api2) return;
+    setCanScrollPrev(api2.canScrollPrev());
+    setCanScrollNext(api2.canScrollNext());
+  }, []);
+  const scrollPrev = React52__namespace.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React52__namespace.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const handleKeyDown = React52__namespace.useCallback(
+    (event) => {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        scrollPrev();
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        scrollNext();
+      }
+    },
+    [scrollPrev, scrollNext]
+  );
+  React52__namespace.useEffect(() => {
+    if (!api || !setApi) return;
+    setApi(api);
+  }, [api, setApi]);
+  React52__namespace.useEffect(() => {
+    if (!api) return;
+    onSelect(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api?.off("select", onSelect);
+    };
+  }, [api, onSelect]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CarouselContext.Provider,
+    {
+      value: {
+        carouselRef,
+        api,
+        opts,
+        orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          onKeyDownCapture: handleKeyDown,
+          className: cn("relative", className),
+          role: "region",
+          "aria-roledescription": "carousel",
+          "data-slot": "carousel",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function CarouselContent({ className, ...props }) {
+  const { carouselRef, orientation } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: carouselRef,
+      className: "overflow-hidden",
+      "data-slot": "carousel-content",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "flex",
+            orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function CarouselItem({ className, ...props }) {
+  const { orientation } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "aria-roledescription": "slide",
+      "data-slot": "carousel-item",
+      className: cn(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        orientation === "horizontal" ? "pl-4" : "pt-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CarouselPrevious({
+  className,
+  variant = "outline",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Pressable,
+    {
+      "data-slot": "carousel-previous",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollPrev,
+      onClick: scrollPrev,
+      asButton: true,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-left" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
+      ]
+    }
+  );
+}
+function CarouselNext({
+  className,
+  variant = "default",
+  size = "icon",
+  ...props
+}) {
+  const { orientation, scrollNext, canScrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Pressable,
+    {
+      "data-slot": "carousel-next",
+      variant,
+      size,
+      className: cn(
+        "absolute size-8 rounded-full",
+        orientation === "horizontal" ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        className
+      ),
+      disabled: !canScrollNext,
+      onClick: scrollNext,
+      asButton: true,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
+      ]
+    }
+  );
+}
 function Progress({
   className,
   value,
@@ -27212,87 +27724,203 @@ function FeatureBentoImageGrid({
   patternOpacity,
   patternClassName
 }) {
-  const renderItemIcon = React52__namespace.useCallback((item) => {
-    if (item.icon) return item.icon;
-    if (item.iconName) return /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 24 });
-    return null;
-  }, []);
-  const renderItemImage = React52__namespace.useCallback((item, imageClassName) => {
-    if (item.imageSlot) return item.imageSlot;
-    if (item.imageSrc) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        img.Img,
-        {
-          src: item.imageSrc,
-          alt: item.imageAlt || (typeof item.title === "string" ? item.title : "Feature image"),
-          className: cn(imageClassName, item.imageClassName),
-          loading: "lazy",
-          optixFlowConfig
-        }
-      );
-    }
-    return null;
-  }, [optixFlowConfig]);
-  const renderLargeCard = React52__namespace.useCallback((item) => {
-    const iconContent = renderItemIcon(item);
-    const hasIconBadgeContent = iconContent || item.iconBadge;
-    const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      renderItemImage(item, "h-full max-h-[580px] w-full rounded-xl object-cover object-center"),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 bottom-0 left-0 translate-y-20 rounded-xl bg-linear-to-t from-primary to-transparent transition-transform duration-300 group-hover:translate-y-0" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 flex h-full w-full flex-col justify-between p-7", children: [
-        hasIconBadgeContent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("ml-auto flex w-fit items-center gap-1 p-2.5 text-sm font-semibold text-background", item.iconBadgeClassName), children: [
-          iconContent,
-          item.iconBadge
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 text-background", children: [
-          item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h4", { className: cn("text-2xl font-semibold lg:text-3xl", item.titleClassName), children: item.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-2xl font-semibold lg:text-3xl", item.titleClassName), children: item.title })),
-          item.linkText && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("flex items-center gap-1 font-medium", item.linkTextClassName), children: [
-            item.linkText,
-            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 })
+  const renderItemIcon = React52__namespace.useCallback(
+    (item) => {
+      if (item.icon) return item.icon;
+      if (item.iconName) return /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.iconName, size: 24 });
+      return null;
+    },
+    []
+  );
+  const renderItemImage = React52__namespace.useCallback(
+    (item, imageClassName) => {
+      if (item.imageSlot) return item.imageSlot;
+      if (item.imageSrc) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          img.Img,
+          {
+            src: item.imageSrc,
+            alt: item.imageAlt || (typeof item.title === "string" ? item.title : "Feature image"),
+            className: cn(imageClassName, item.imageClassName),
+            loading: "lazy",
+            optixFlowConfig
+          }
+        );
+      }
+      return null;
+    },
+    [optixFlowConfig]
+  );
+  const renderLargeCard = React52__namespace.useCallback(
+    (item) => {
+      const iconContent = renderItemIcon(item);
+      const hasIconBadgeContent = iconContent || item.iconBadge;
+      const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        renderItemImage(
+          item,
+          "h-full max-h-[580px] w-full rounded-xl object-cover object-center"
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 bottom-0 left-0 translate-y-10 rounded-xl bg-linear-to-t from-black to-transparent transition-transform duration-300 group-hover:translate-y-0" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 flex h-full w-full flex-col justify-between px-5 md:px-8 py-6 md:py-6", children: [
+          hasIconBadgeContent && /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: cn(
+                "ml-auto flex w-fit items-center gap-2 p-0 text-sm font-semibold text-white",
+                item.iconBadgeClassName
+              ),
+              children: [
+                iconContent,
+                item.iconBadge
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:gap-5 text-white", children: [
+            item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "h4",
+              {
+                className: cn(
+                  "text-2xl font-medium lg:text-3xl",
+                  item.titleClassName
+                ),
+                children: item.title
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "text-2xl font-medium lg:text-3xl",
+                  item.titleClassName
+                ),
+                children: item.title
+              }
+            )),
+            item.linkText && /* @__PURE__ */ jsxRuntime.jsxs(
+              "p",
+              {
+                className: cn(
+                  "flex items-center gap-1 font-bold text-sm uppercase",
+                  item.linkTextClassName
+                ),
+                children: [
+                  item.linkText,
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 })
+                ]
+              }
+            )
           ] })
         ] })
-      ] })
-    ] });
-    if (item.link) {
+      ] });
+      if (item.link) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Pressable,
+          {
+            href: item.link,
+            className: cn(
+              "group relative col-span-2 row-span-3 overflow-hidden rounded-xl",
+              largeCardClassName,
+              item.className
+            ),
+            children: cardContent
+          }
+        );
+      }
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
+        "div",
         {
-          href: item.link,
-          className: cn("group relative col-span-2 row-span-3 overflow-hidden rounded-xl", largeCardClassName, item.className),
+          className: cn(
+            "group relative col-span-2 row-span-3 overflow-hidden rounded-xl",
+            largeCardClassName,
+            item.className
+          ),
           children: cardContent
         }
       );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("group relative col-span-2 row-span-3 overflow-hidden rounded-xl", largeCardClassName, item.className), children: cardContent });
-  }, [largeCardClassName, renderItemImage, renderItemIcon]);
-  const renderSmallCard = React52__namespace.useCallback((item, index) => {
-    const iconContent = renderItemIcon(item);
-    const hasIconBadgeContent = iconContent || item.iconBadge;
-    const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      renderItemImage(item, cn(
-        "h-full w-full rounded-xl object-cover object-center",
-        index === 0 ? "max-h-44" : "max-h-96"
-      )),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 bottom-0 left-0 translate-y-10 rounded-xl bg-linear-to-t from-primary to-transparent opacity-80 transition-transform duration-300 group-hover:translate-y-0" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 flex h-full w-full flex-col justify-between p-7", children: [
-        hasIconBadgeContent && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("ml-auto flex w-fit items-center gap-1 p-2.5 text-sm font-semibold text-background", item.iconBadgeClassName), children: [
-          iconContent,
-          item.iconBadge
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 text-background", children: [
-          item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h4", { className: cn("text-2xl font-semibold lg:text-3xl", item.titleClassName), children: item.title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-2xl font-semibold lg:text-3xl", item.titleClassName), children: item.title })),
-          item.linkText && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("flex items-center gap-1 font-medium", item.linkTextClassName), children: [
-            item.linkText,
-            /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 })
+    },
+    [largeCardClassName, renderItemImage, renderItemIcon]
+  );
+  const renderSmallCard = React52__namespace.useCallback(
+    (item, index) => {
+      const iconContent = renderItemIcon(item);
+      const hasIconBadgeContent = iconContent || item.iconBadge;
+      const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        renderItemImage(
+          item,
+          cn(
+            "h-full w-full rounded-xl object-cover object-center",
+            index === 0 ? "max-h-44" : "max-h-96"
+          )
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-0 right-0 bottom-0 left-0 translate-y-10 rounded-xl bg-linear-to-t from-black to-transparent opacity-80 transition-transform duration-300 group-hover:translate-y-0" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 flex h-full w-full flex-col justify-between p-7", children: [
+          hasIconBadgeContent && /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: cn(
+                "ml-auto flex w-fit items-center gap-1 p-2.5 text-sm font-semibold ",
+                item.iconBadgeClassName
+              ),
+              children: [
+                iconContent,
+                item.iconBadge
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5 ", children: [
+            item.title && (typeof item.title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "h4",
+              {
+                className: cn(
+                  "text-2xl font-semibold lg:text-3xl",
+                  item.titleClassName
+                ),
+                children: item.title
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "text-2xl font-semibold lg:text-3xl",
+                  item.titleClassName
+                ),
+                children: item.title
+              }
+            )),
+            item.linkText && /* @__PURE__ */ jsxRuntime.jsxs(
+              "p",
+              {
+                className: cn(
+                  "flex items-center gap-1 font-medium",
+                  item.linkTextClassName
+                ),
+                children: [
+                  item.linkText,
+                  /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/chevron-right", size: 16 })
+                ]
+              }
+            )
           ] })
         ] })
-      ] })
-    ] });
-    if (item.link) {
+      ] });
+      if (item.link) {
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          Pressable,
+          {
+            href: item.link,
+            className: cn(
+              "group relative overflow-hidden rounded-xl",
+              index === 1 && "row-span-2",
+              smallCardClassName,
+              item.className
+            ),
+            children: cardContent
+          },
+          index
+        );
+      }
       return /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
+        "div",
         {
-          href: item.link,
           className: cn(
             "group relative overflow-hidden rounded-xl",
             index === 1 && "row-span-2",
@@ -27303,21 +27931,9 @@ function FeatureBentoImageGrid({
         },
         index
       );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: cn(
-          "group relative overflow-hidden rounded-xl",
-          index === 1 && "row-span-2",
-          smallCardClassName,
-          item.className
-        ),
-        children: cardContent
-      },
-      index
-    );
-  }, [smallCardClassName, renderItemImage, renderItemIcon]);
+    },
+    [smallCardClassName, renderItemImage, renderItemIcon]
+  );
   const itemsContent = React52.useMemo(() => {
     if (itemsSlot) return itemsSlot;
     if (!items || items.length === 0) return null;
@@ -27339,9 +27955,36 @@ function FeatureBentoImageGrid({
       className,
       containerClassName,
       children: [
-        title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx("h1", { className: cn("mb-4 text-center text-4xl font-semibold", titleClassName), children: title }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("mb-4 text-center text-4xl font-semibold", titleClassName), children: title })),
-        description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-center", getTextColor(background, "muted"), descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-center", getTextColor(background, "muted"), descriptionClassName), children: description })),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("grid grid-cols-1 gap-y-5 pt-14 xl:grid-cols-3 xl:grid-rows-2 xl:gap-x-5 xl:gap-y-0", gridClassName), children: itemsContent })
+        title && (typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(
+          "h2",
+          {
+            className: cn(
+              "mb-4 text-center text-4xl font-semibold text-balance",
+              titleClassName
+            ),
+            children: title
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "mb-4 text-center text-4xl font-semibold text-balance",
+              titleClassName
+            ),
+            children: title
+          }
+        )),
+        description && (typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-center text-balance", descriptionClassName), children: description }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("text-center text-balance", descriptionClassName), children: description })),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: cn(
+              "grid grid-cols-1 gap-y-5 pt-14 xl:grid-cols-3 xl:grid-rows-2 xl:gap-x-5 xl:gap-y-0",
+              gridClassName
+            ),
+            children: itemsContent
+          }
+        )
       ]
     }
   );
@@ -28420,8 +29063,6 @@ function FooterBrandLinksContact({
   contactItems,
   socialLinks,
   legalLinks,
-  attributionText,
-  attributionHref,
   copyright,
   contactTitle,
   socialTitle,
@@ -28452,30 +29093,55 @@ function FooterBrandLinksContact({
   const linkGroupsContent = React52.useMemo(() => {
     if (!linkGroups || linkGroups.length === 0) return null;
     return linkGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(linkGroupClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: cn("mb-6 text-sm font-semibold uppercase tracking-wider", linkGroupTitleClassName), children: group.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "h3",
+        {
+          className: cn(
+            "mb-6 text-sm font-semibold uppercase tracking-wider",
+            linkGroupTitleClassName
+          ),
+          children: group.title
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cn("space-y-3", linkListClassName), children: group.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
           href: link.href,
-          className: cn("text-sm text-muted-foreground transition-colors hover:text-primary", linkItemClassName),
+          className: cn(
+            "text-sm opacity-80 transition-colors hover:opacity-100",
+            linkItemClassName
+          ),
           children: link.label
         }
       ) }, linkIdx)) })
     ] }, group.title));
-  }, [linkGroups, linkGroupClassName, linkGroupTitleClassName, linkListClassName, linkItemClassName]);
-  const contactItemsContent = React52.useMemo(() => {
+  }, [
+    linkGroups,
+    linkGroupClassName,
+    linkGroupTitleClassName,
+    linkListClassName,
+    linkItemClassName
+  ]);
+  const contactItemsContent = React52__namespace.useMemo(() => {
     if (!contactItems || contactItems.length === 0) return null;
-    return contactItems.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-start gap-4", contactItemClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20, className: "text-primary" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(
-        Pressable,
-        {
-          href: item.href,
-          className: "text-sm font-medium transition-colors hover:text-muted-foreground",
-          children: item.label
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: item.label }) })
-    ] }, idx));
+    return contactItems.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn("flex items-start gap-4", contactItemClassName),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: item.icon, size: 20 }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: item.href ? /* @__PURE__ */ jsxRuntime.jsx(
+            Pressable,
+            {
+              href: item.href,
+              className: "text-sm font-medium transition-colors hover:opacity-70",
+              children: item.label
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: item.label }) })
+        ]
+      },
+      idx
+    ));
   }, [contactItems, contactItemClassName]);
   const socialLinksContent = React52.useMemo(() => {
     if (!socialLinks || socialLinks.length === 0) return null;
@@ -28523,17 +29189,23 @@ function FooterBrandLinksContact({
                   }
                 ),
                 tagline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("mb-4 text-base", taglineClassName), children: tagline }),
-                description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm text-muted-foreground", descriptionClassName), children: description })
+                description && /* @__PURE__ */ jsxRuntime.jsx(
+                  "p",
+                  {
+                    className: cn(
+                      "text-sm opacity-80",
+                      descriptionClassName
+                    ),
+                    children: description
+                  }
+                )
               ] }),
               linkGroupsContent,
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(contactColumnClassName), children: [
                 contactTitle && /* @__PURE__ */ jsxRuntime.jsx(
                   "h3",
                   {
-                    className: cn(
-                      "text-lg font-semibold",
-                      linkGroupTitleClassName
-                    ),
+                    className: cn("text-lg font-semibold", linkGroupTitleClassName),
                     children: contactTitle
                   }
                 ),
@@ -28541,14 +29213,14 @@ function FooterBrandLinksContact({
                   "ul",
                   {
                     className: cn(
-                      "mt-4 space-y-3 text-sm text-muted-foreground",
+                      "mt-4 space-y-3 text-sm opacity-80",
                       linkListClassName
                     ),
                     children: contactItemsContent
                   }
                 ),
                 socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("mt-8", socialSectionClassName), children: [
-                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] text-muted-foreground", children: socialTitle }),
+                  socialTitle && /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-semibold uppercase tracking-[0.2em] opacity-70", children: socialTitle }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 flex gap-4", children: socialLinksContent })
                 ] })
               ] })
@@ -28559,38 +29231,48 @@ function FooterBrandLinksContact({
           "div",
           {
             className: cn(
-              "mt-12 border-t pt-8 text-sm text-muted-foreground",
+              "mt-12 border-t pt-8 text-sm opacity-80",
               bottomBarClassName
             ),
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-between gap-4 md:flex-row", children: [
-              copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(copyrightClassName), children: copyright }),
               /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
                   className: cn(
                     "flex flex-wrap items-center gap-4",
-                    legalLinksClassName
+                    copyrightClassName
                   ),
                   children: [
-                    attributionHref && attributionText && /* @__PURE__ */ jsxRuntime.jsx(
-                      Pressable,
+                    /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      BrandAttribution,
                       {
-                        href: attributionHref,
-                        className: "underline transition-colors hover:text-primary",
-                        children: attributionText
+                        internalBrandSlug: "open_site_ai",
+                        optionIndex: 5,
+                        variant: "span",
+                        linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
                       }
-                    ),
-                    legalLinks && legalLinks.length > 0 && legalLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
-                      Pressable,
-                      {
-                        href: link.href,
-                        className: "underline transition-colors hover:text-primary",
-                        children: link.label
-                      },
-                      link.href
-                    ))
+                    )
                   ]
                 }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: cn(
+                    "flex flex-wrap items-center gap-4",
+                    legalLinksClassName
+                  ),
+                  children: legalLinks && legalLinks.length > 0 && legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+                    Pressable,
+                    {
+                      href: link.href,
+                      className: "underline transition-colors hover:opacity-100",
+                      children: link.label
+                    },
+                    idx
+                  ))
+                }
               )
             ] })
           }
@@ -28611,54 +29293,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 = React52.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: [
@@ -28666,14 +29347,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 })
@@ -28684,14 +29365,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 })
@@ -28704,14 +29385,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 })
@@ -28728,11 +29409,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 border shadow-sm hover:shadow-lg"
                     )
                   },
                   idx
@@ -28740,13 +29419,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
@@ -28754,12 +29433,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
@@ -42732,7 +43422,7 @@ function FooterNewsletterContact({
   const linkSectionsContent = React52.useMemo(() => {
     if (!footerLinks || footerLinks.length === 0) return null;
     return footerLinks.map((section, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight text-muted-foreground", children: section.title }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight opacity-70", children: section.title }),
       /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: section.items.map((item, itemIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
         Pressable,
         {
@@ -42839,7 +43529,7 @@ function FooterNewsletterContact({
                       type: "email",
                       placeholder: newsletterPlaceholder,
                       error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      className: "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                       "aria-label": newsletterPlaceholder || "Email address"
                     }
                   ) }),
@@ -42861,7 +43551,7 @@ function FooterNewsletterContact({
           ] }),
           linkSectionsContent,
           (contactDetailsContent || socialLinksContent) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight text-muted-foreground", children: "Contact" }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-6 text-sm font-medium uppercase leading-tight opacity-70", children: "Contact" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
               contactDetailsContent && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: contactDetailsContent }),
               socialLinksContent && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-3", children: socialLinksContent })
@@ -42879,8 +43569,17 @@ function FooterNewsletterContact({
           ) }),
           /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "flex-1" })
         ] }) }),
-        copyright && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-md:text-xs", children: copyright }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 opacity-80 max-md:text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            BrandAttribution,
+            {
+              internalBrandSlug: "open_site_ai",
+              optionIndex: 2,
+              variant: "span",
+              linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             Pressable,
             {
@@ -43028,7 +43727,7 @@ function FooterSplitImageAccordion({
                       type: "email",
                       placeholder: emailPlaceholder,
                       error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      className: "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                       "aria-label": emailPlaceholder
                     }
                   ) }),
@@ -43086,7 +43785,7 @@ function FooterSplitImageAccordion({
               "p",
               {
                 className: cn(
-                  "text-muted-foreground",
+                  "opacity-80",
                   brandDescriptionClassName
                 ),
                 children: footerData.description
@@ -43102,11 +43801,11 @@ function FooterSplitImageAccordion({
               ),
               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(
+                /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-sm opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                   Pressable,
                   {
                     href: item.link,
-                    className: "hover:text-primary",
+                    className: "hover:opacity-100",
                     children: item.text
                   }
                 ) }, idx)) })
@@ -43140,14 +43839,25 @@ function FooterSplitImageAccordion({
                 bottomClassName
               ),
               children: [
-                copyright && /* @__PURE__ */ jsxRuntime.jsx(
-                  "p",
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
                   {
                     className: cn(
-                      "text-sm text-muted-foreground",
+                      "flex flex-wrap items-center gap-4 text-sm opacity-80",
                       copyrightClassName
                     ),
-                    children: copyright
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        BrandAttribution,
+                        {
+                          internalBrandSlug: "open_site_ai",
+                          optionIndex: 8,
+                          variant: "span",
+                          linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                        }
+                      )
+                    ]
                   }
                 ),
                 submenuLinks && submenuLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
@@ -43256,7 +43966,7 @@ function FooterAccordionSocial({
             ),
             /* @__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 })
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: newsletterDescription })
             ] }),
             /* @__PURE__ */ jsxRuntime.jsxs(
               forms.Form,
@@ -43273,7 +43983,7 @@ function FooterAccordionSocial({
                       type: "email",
                       placeholder: "Email Address",
                       error: meta.touched && !!meta.error,
-                      className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                      className: "flex h-10 w-full rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
                       "aria-label": "Email Address"
                     }
                   ) }),
@@ -43294,18 +44004,29 @@ function FooterAccordionSocial({
           ] }),
           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(
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-2 text-sm opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
               Pressable,
               {
                 href: item.href,
-                className: "hover:text-primary",
+                className: "hover:opacity-100",
                 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 }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 text-sm opacity-80 md:flex-row md:items-center md:gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BrandAttribution,
+              {
+                internalBrandSlug: "open_site_ai",
+                optionIndex: 1,
+                variant: "span",
+                linkClassName: "hover:opacity-100"
+              }
+            )
+          ] }),
           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(
             SocialLinkIcon,
             {
@@ -43433,7 +44154,7 @@ function FooterInfoCardsAccordion({
                           value: email,
                           onChange: (e) => setEmail(e.target.value),
                           placeholder: emailPlaceholder || "Email Address",
-                          className: "flex h-10 flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+                          className: "flex h-10 flex-1 rounded-md border border-input px-3 py-2 text-sm ring-offset-background placeholder:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
                         }
                       ),
                       /* @__PURE__ */ jsxRuntime.jsx(
@@ -43449,7 +44170,7 @@ function FooterInfoCardsAccordion({
                     ]
                   }
                 ),
-                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+                (termsText || termsLinkText || privacyLinkText) && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm opacity-80", children: [
                   termsText,
                   " ",
                   termsLinkText && /* @__PURE__ */ jsxRuntime.jsx(
@@ -43496,10 +44217,10 @@ function FooterInfoCardsAccordion({
                       Pressable,
                       {
                         href: item.link,
-                        className: "break-all text-muted-foreground underline",
+                        className: "break-all opacity-80 underline",
                         children: item.text
                       }
-                    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: item.text })
+                    ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "opacity-80", children: item.text })
                   ] }) })
                 ] })
               },
@@ -43535,7 +44256,7 @@ function FooterInfoCardsAccordion({
                       "p",
                       {
                         className: cn(
-                          "max-w-md text-sm leading-relaxed text-muted-foreground",
+                          "max-w-md text-sm leading-relaxed opacity-80",
                           brandDescriptionClassName
                         ),
                         children: footerDetails.description
@@ -43553,11 +44274,11 @@ function FooterInfoCardsAccordion({
                   ),
                   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(
+                    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-sm opacity-80", children: section.items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
                       Pressable,
                       {
                         href: item.link,
-                        className: "hover:text-primary",
+                        className: "hover:opacity-100",
                         children: item.text
                       }
                     ) }, idx)) })
@@ -43616,7 +44337,18 @@ function FooterInfoCardsAccordion({
               bottomClassName
             ),
             children: [
-              copyright && /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn("text-sm", copyrightClassName), children: copyright }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-wrap items-center gap-4 text-sm opacity-80", copyrightClassName), children: [
+                /* @__PURE__ */ jsxRuntime.jsx(FooterCopyright, { copyright }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  BrandAttribution,
+                  {
+                    internalBrandSlug: "open_site_ai",
+                    optionIndex: 0,
+                    variant: "span",
+                    linkClassName: "underline underline-offset-4 transition-colors hover:opacity-100"
+                  }
+                )
+              ] }),
               submenuLinks && submenuLinks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                 "ul",
                 {
@@ -79636,7 +80368,7 @@ function ListSearchableGrid({
     }
   );
 }
-var { useMemo: useMemo442 } = React52__namespace;
+var { useMemo: useMemo438 } = React52__namespace;
 function OfferModalNewsletterDiscount({
   title,
   emailPlaceholder,
@@ -79704,7 +80436,7 @@ function OfferModalNewsletterDiscount({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderCloseButton = useMemo442(() => {
+  const renderCloseButton = useMemo438(() => {
     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(
@@ -79718,12 +80450,12 @@ function OfferModalNewsletterDiscount({
       }
     ) }) });
   }, [closeButtonSlot, closeButtonText, closeClassName]);
-  const renderHeader = useMemo442(() => {
+  const renderHeader = useMemo438(() => {
     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 = useMemo442(() => {
+  const renderForm = useMemo438(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -79785,7 +80517,7 @@ function OfferModalNewsletterDiscount({
     }
   ) });
 }
-var { useMemo: useMemo443 } = React52__namespace;
+var { useMemo: useMemo439 } = React52__namespace;
 function OfferModalMembershipImage({
   overline,
   title,
@@ -79862,7 +80594,7 @@ function OfferModalMembershipImage({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const dialogProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderImage = useMemo443(() => {
+  const renderImage = useMemo439(() => {
     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(
@@ -79875,7 +80607,7 @@ function OfferModalMembershipImage({
       }
     ) });
   }, [imageSlot, image, imageWrapperClassName, imageClassName, optixFlowConfig]);
-  const renderCloseButton = useMemo443(() => {
+  const renderCloseButton = useMemo439(() => {
     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,
@@ -79891,7 +80623,7 @@ function OfferModalMembershipImage({
       }
     ) }) });
   }, [closeButtonSlot, closeClassName]);
-  const renderForm = useMemo443(() => {
+  const renderForm = useMemo439(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       forms.Form,
@@ -79954,7 +80686,7 @@ function OfferModalMembershipImage({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderFooter = useMemo443(() => {
+  const renderFooter = useMemo439(() => {
     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 }) });
@@ -80074,7 +80806,7 @@ function SheetDescription({
     }
   );
 }
-var { useMemo: useMemo444 } = React52__namespace;
+var { useMemo: useMemo440 } = React52__namespace;
 function OfferModalSheetNewsletter({
   logo,
   logoSlot,
@@ -80157,7 +80889,7 @@ function OfferModalSheetNewsletter({
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
   const sheetProps = open !== void 0 ? { open, onOpenChange } : { defaultOpen };
-  const renderLogo = useMemo444(() => {
+  const renderLogo = useMemo440(() => {
     if (logoSlot) return logoSlot;
     if (!logo) return null;
     const logoSrc = typeof logo.src === "string" ? logo.src : logo.src.light;
@@ -80171,7 +80903,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [logoSlot, logo, logoClassName, optixFlowConfig]);
-  const renderHeader = useMemo444(() => {
+  const renderHeader = useMemo440(() => {
     if (headerSlot) return headerSlot;
     return /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { className: cn("gap-8 p-0", headerClassName), children: [
       renderLogo,
@@ -80181,7 +80913,7 @@ function OfferModalSheetNewsletter({
       ] })
     ] });
   }, [headerSlot, renderLogo, headerClassName, title, titleClassName, description, descriptionClassName]);
-  const renderForm = useMemo444(() => {
+  const renderForm = useMemo440(() => {
     if (formSlot) return formSlot;
     return /* @__PURE__ */ jsxRuntime.jsx(
       forms.Form,
@@ -80229,7 +80961,7 @@ function OfferModalSheetNewsletter({
       }
     );
   }, [formSlot, form, formConfig, formMethod, emailPlaceholder, inputClassName, submitClassName, buttonText, formClassName]);
-  const renderLegal = useMemo444(() => {
+  const renderLegal = useMemo440(() => {
     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: [
@@ -80243,7 +80975,7 @@ function OfferModalSheetNewsletter({
       "."
     ] });
   }, [legalSlot, termsUrl, termsText, privacyUrl, privacyText, legalClassName]);
-  const renderImage = useMemo444(() => {
+  const renderImage = useMemo440(() => {
     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(