@opensite/ui 0.5.4 → 0.5.6

package/dist/index.js

@@ -1,9 +1,9 @@
 "use client";
 import * as React4 from 'react';
-import React4__default, { useId, useRef, useEffect } from 'react';
+import React4__default, { useId, useRef, useEffect, useMemo, useCallback } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { AnimatePresence, motion } from 'framer-motion';
 import { useOnClickOutside } from '@opensite/hooks/core/useOnClickOutside';
 import { AnimatePresence as AnimatePresence$1, motion as motion$1 } from 'motion/react';
@@ -11,6 +11,7 @@ import { Img } from '@page-speed/img';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { useForm, Form, Field } from '@page-speed/forms';
 import { TextInput as TextInput$1 } from '@page-speed/forms/inputs';
 import { serializeForRails, deserializeErrors } from '@page-speed/forms/integration';
@@ -1509,16 +1510,18 @@ function AlternatingBlocks({
   sectionsSlot,
   title,
   subtitle,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   className,
   contentClassName,
   sectionsClassName,
   sectionItemClassName,
   sectionContentClassName,
-  sectionMediaClassName
+  sectionMediaClassName,
+  pattern,
+  patternOpacity
 }) {
-  const renderSections = () => {
+  const sectionsContent = useMemo(() => {
     if (sectionsSlot) return sectionsSlot;
     if (!sections || sections.length === 0) return null;
     return /* @__PURE__ */ jsx("div", { className: cn("space-y-12", sectionsClassName), children: sections.map((section, index) => /* @__PURE__ */ jsxs(
@@ -1542,7 +1545,7 @@ function AlternatingBlocks({
       },
       index
     )) });
-  };
+  }, [sectionsSlot, sections, sectionsClassName, sectionItemClassName, sectionContentClassName, sectionMediaClassName]);
   return /* @__PURE__ */ jsxs(
     Section,
     {
@@ -1550,13 +1553,780 @@ function AlternatingBlocks({
       subtitle: typeof subtitle === "string" ? subtitle : void 0,
       background,
       spacing,
+      pattern,
+      patternOpacity,
       className,
       children: [
         title && typeof title !== "string" || subtitle && typeof subtitle !== "string" ? /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center md:mb-16", children: [
           subtitle && typeof subtitle !== "string" && /* @__PURE__ */ jsx("div", { className: "mb-2 text-sm font-semibold uppercase tracking-wider text-primary", children: subtitle }),
           title && typeof title !== "string" && /* @__PURE__ */ jsx("div", { className: "text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl", children: title })
         ] }) : null,
-        /* @__PURE__ */ jsx("div", { className: cn("mx-auto w-full max-w-[900px]", contentClassName), children: renderSections() })
+        /* @__PURE__ */ jsx("div", { className: cn("mx-auto w-full max-w-[900px]", contentClassName), children: sectionsContent })
+      ]
+    }
+  );
+}
+function AboutSplitHero({
+  brandText,
+  brandTextClassName,
+  brandHighlight,
+  brandHighlightClassName,
+  heading,
+  headingClassName,
+  description,
+  descriptionClassName,
+  ctaAction,
+  ctaSlot,
+  ctaClassName,
+  imageSrc,
+  imageAlt,
+  imageClassName,
+  className,
+  containerClassName,
+  optixFlowConfig,
+  background,
+  spacing,
+  pattern,
+  patternOpacity
+}) {
+  const ctaContent = useMemo(() => {
+    if (ctaSlot) return ctaSlot;
+    if (!ctaAction) return null;
+    return /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        href: ctaAction.href,
+        onClick: ctaAction.onClick,
+        variant: ctaAction.variant || "default",
+        size: ctaAction.size || "lg",
+        asButton: true,
+        className: cn("mt-10 flex h-fit items-center gap-2.5 rounded-xl px-5 py-4 font-bold", ctaClassName),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: ctaAction.label }),
+          /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/chevron-right", size: 20 })
+        ]
+      }
+    );
+  }, [ctaSlot, ctaAction, ctaClassName]);
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn(className),
+      containerClassName,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "container my-10 flex w-[500px] flex-col gap-24", children: [
+          (brandText || brandHighlight) && /* @__PURE__ */ jsxs("h1", { className: cn("text-4xl text-foreground", brandTextClassName), children: [
+            brandText,
+            " ",
+            brandHighlight && /* @__PURE__ */ jsx("span", { className: cn("bg-gradient-to-tr from-foreground to-muted bg-clip-text text-transparent", brandHighlightClassName), children: brandHighlight })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-4xl text-foreground lg:text-6xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+            description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mt-2.5 text-foreground lg:text-xl", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: cn("mt-2.5", descriptionClassName), children: description })),
+            ctaContent
+          ] })
+        ] }),
+        imageSrc && /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: imageSrc,
+            alt: imageAlt || "",
+            className: cn("hidden h-screen w-1/2 object-cover lg:block", imageClassName),
+            optixFlowConfig
+          }
+        )
+      ]
+    }
+  );
+}
+function AboutMissionPrinciples({
+  badgeText,
+  badgeClassName,
+  missionHeading,
+  missionHeadingClassName,
+  missionDescription,
+  missionDescriptionClassName,
+  missionAction,
+  missionActionSlot,
+  missionActionClassName,
+  principles,
+  principlesSlot,
+  principlesClassName,
+  visionHeading,
+  visionHeadingClassName,
+  visionDescription,
+  visionDescriptionClassName,
+  visionAction,
+  visionActionSlot,
+  visionClassName,
+  className,
+  containerClassName,
+  background,
+  spacing,
+  pattern,
+  patternOpacity
+}) {
+  const missionActionContent = useMemo(() => {
+    if (missionActionSlot) return missionActionSlot;
+    if (!missionAction) return null;
+    return /* @__PURE__ */ jsx("div", { className: cn("pt-2", missionActionClassName), children: /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        href: missionAction.href,
+        onClick: missionAction.onClick,
+        variant: missionAction.variant || "default",
+        asButton: true,
+        className: "group inline-flex items-center",
+        children: [
+          missionAction.label,
+          /* @__PURE__ */ jsx(
+            DynamicIcon,
+            {
+              name: "lucide/arrow-right",
+              size: 16,
+              className: "ml-2 transition-transform group-hover:translate-x-1"
+            }
+          )
+        ]
+      }
+    ) });
+  }, [missionActionSlot, missionAction, missionActionClassName]);
+  const principlesContent = useMemo(() => {
+    if (principlesSlot) return principlesSlot;
+    if (!principles || principles.length === 0) return null;
+    return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-6 sm:grid-cols-2", principlesClassName), children: principles.map((principle, idx) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "relative rounded-lg border p-6 transition-colors hover:bg-accent/50",
+        children: [
+          principle.number && /* @__PURE__ */ jsx("div", { className: "absolute right-4 top-4 text-3xl font-bold text-primary/20", children: principle.number }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            principle.title && (typeof principle.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold", children: principle.title }) : principle.title),
+            principle.description && (typeof principle.description === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: principle.description }) : principle.description)
+          ] })
+        ]
+      },
+      idx
+    )) });
+  }, [principlesSlot, principles, principlesClassName]);
+  const visionActionContent = useMemo(() => {
+    if (visionActionSlot) return visionActionSlot;
+    if (!visionAction) return null;
+    return /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        href: visionAction.href,
+        onClick: visionAction.onClick,
+        variant: visionAction.variant || "outline",
+        size: visionAction.size || "lg",
+        asButton: true,
+        className: "group inline-flex items-center",
+        children: [
+          visionAction.label,
+          /* @__PURE__ */ jsx(
+            DynamicIcon,
+            {
+              name: "lucide/arrow-right",
+              size: 16,
+              className: "ml-2 transition-transform group-hover:translate-x-1"
+            }
+          )
+        ]
+      }
+    );
+  }, [visionActionSlot, visionAction]);
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn(className),
+      containerClassName,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2 lg:gap-24", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+            badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
+            missionHeading && (typeof missionHeading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-4xl font-bold leading-tight tracking-tight lg:text-5xl", missionHeadingClassName), children: missionHeading }) : /* @__PURE__ */ jsx("div", { className: missionHeadingClassName, children: missionHeading })),
+            missionDescription && (typeof missionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-xl text-muted-foreground", missionDescriptionClassName), children: missionDescription }) : /* @__PURE__ */ jsx("div", { className: missionDescriptionClassName, children: missionDescription })),
+            missionActionContent
+          ] }),
+          principlesContent
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: cn("mt-24 rounded-lg bg-accent p-8 lg:p-12", visionClassName), children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2", children: [
+            visionHeading && (typeof visionHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", visionHeadingClassName), children: visionHeading }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionHeadingClassName), children: visionHeading })),
+            visionDescription && (typeof visionDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-muted-foreground", visionDescriptionClassName), children: visionDescription }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", visionDescriptionClassName), children: visionDescription }))
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex justify-center lg:col-span-1 lg:justify-end", children: visionActionContent })
+        ] }) })
+      ]
+    }
+  );
+}
+function AboutExpandableValues({
+  badgeText,
+  heading,
+  description,
+  values,
+  valuesSlot,
+  ctaHeading,
+  ctaDescription,
+  actions,
+  actionsSlot,
+  className,
+  containerClassName,
+  headerClassName,
+  badgeClassName,
+  headingClassName,
+  descriptionClassName,
+  valuesClassName,
+  ctaClassName,
+  ctaHeadingClassName,
+  ctaDescriptionClassName,
+  actionsClassName,
+  background,
+  spacing,
+  pattern,
+  patternOpacity
+}) {
+  const [expandedValue, setExpandedValue] = React4.useState(null);
+  const toggleExpand = useCallback((id) => {
+    setExpandedValue((prev) => prev === id ? null : id);
+  }, []);
+  const actionsContent = useMemo(() => {
+    if (actionsSlot) return actionsSlot;
+    if (!actions || actions.length === 0) return null;
+    return /* @__PURE__ */ jsx("div", { className: actionsClassName, children: actions.map((action, idx) => /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        href: action.href,
+        onClick: action.onClick,
+        variant: action.variant || "default",
+        size: action.size,
+        asButton: true,
+        children: action.label
+      },
+      idx
+    )) });
+  }, [actionsSlot, actions, actionsClassName]);
+  const valuesContent = useMemo(() => {
+    if (valuesSlot) return valuesSlot;
+    if (!values || values.length === 0) return null;
+    return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", valuesClassName), children: values.map((value) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "group overflow-hidden rounded-xl border bg-card text-card-foreground transition-all duration-300",
+          expandedValue === value.id ? "col-span-1 shadow-lg md:col-span-2 lg:col-span-3" : ""
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => toggleExpand(value.id),
+              className: "flex w-full items-start justify-between p-6 text-left",
+              type: "button",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 rounded-md bg-primary/10 p-3", children: value.icon }),
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    value.title && (typeof value.title === "string" ? /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold", children: value.title }) : value.title),
+                    value.shortDescription && (typeof value.shortDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: value.shortDescription }) : /* @__PURE__ */ jsx("div", { className: "mt-1", children: value.shortDescription }))
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  DynamicIcon,
+                  {
+                    name: "lucide/chevron-down",
+                    size: 20,
+                    className: cn(
+                      "mt-1 flex-shrink-0 text-muted-foreground transition-transform duration-300",
+                      expandedValue === value.id ? "rotate-180" : ""
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          expandedValue === value.id && /* @__PURE__ */ jsxs("div", { className: "space-y-6 px-6 pb-6", children: [
+            value.longDescription && /* @__PURE__ */ jsx("div", { className: "rounded-lg bg-muted/50 p-4", children: typeof value.longDescription === "string" ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: value.longDescription }) : value.longDescription }),
+            value.examples && value.examples.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("h4", { className: "mb-2 text-sm font-semibold text-muted-foreground", children: "How we put this into practice:" }),
+              /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: value.examples.map((example, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "mt-0.5 flex-shrink-0 rounded-full bg-primary/10 p-1", children: /* @__PURE__ */ jsx(
+                  DynamicIcon,
+                  {
+                    name: "lucide/check",
+                    size: 12,
+                    className: "text-primary"
+                  }
+                ) }),
+                typeof example === "string" ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: example }) : example
+              ] }, index)) })
+            ] })
+          ] })
+        ]
+      },
+      value.id
+    )) });
+  }, [valuesSlot, values, valuesClassName, expandedValue, toggleExpand]);
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn(className),
+      containerClassName,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-3xl space-y-4 text-center", headerClassName), children: [
+          badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold tracking-tight", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+        ] }),
+        valuesContent,
+        /* @__PURE__ */ jsx("div", { className: cn("relative mt-8 rounded-lg bg-accent/50 p-8", ctaClassName), children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl space-y-6 text-center", children: [
+          ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : /* @__PURE__ */ jsx("div", { className: ctaHeadingClassName, children: ctaHeading })),
+          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }) : /* @__PURE__ */ jsx("div", { className: ctaDescriptionClassName, children: ctaDescription })),
+          actionsContent
+        ] }) })
+      ]
+    }
+  );
+}
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+function CommunityInitiatives({
+  badgeText,
+  heading,
+  description,
+  categories,
+  categoriesSlot,
+  ctaBadgeText,
+  ctaHeading,
+  ctaDescription,
+  actions,
+  actionsSlot,
+  className,
+  containerClassName,
+  headerClassName,
+  badgeClassName,
+  headingClassName,
+  descriptionClassName,
+  tabsClassName,
+  ctaClassName,
+  ctaHeadingClassName,
+  ctaDescriptionClassName,
+  actionsClassName,
+  optixFlowConfig,
+  background,
+  spacing,
+  pattern,
+  patternOpacity
+}) {
+  const [activeCategory, setActiveCategory] = React4.useState(
+    categories?.[0]?.id || ""
+  );
+  const currentCategory = categories?.find((category) => category.id === activeCategory) || categories?.[0];
+  const handleCategoryChange = useCallback((e) => {
+    setActiveCategory(e.target.value);
+  }, []);
+  const actionsContent = useMemo(() => {
+    if (actionsSlot) return actionsSlot;
+    if (!actions || actions.length === 0) return null;
+    return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap justify-center gap-4", actionsClassName), children: actions.map((action, idx) => /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        href: action.href,
+        onClick: action.onClick,
+        variant: action.variant || "default",
+        size: action.size || "lg",
+        asButton: true,
+        children: action.label
+      },
+      idx
+    )) });
+  }, [actionsSlot, actions, actionsClassName]);
+  const categoriesContent = useMemo(() => {
+    if (categoriesSlot) return categoriesSlot;
+    if (!categories || categories.length === 0) return null;
+    return /* @__PURE__ */ jsxs(
+      Tabs,
+      {
+        defaultValue: categories[0]?.id,
+        value: activeCategory,
+        onValueChange: setActiveCategory,
+        className: cn("space-y-8", tabsClassName),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex justify-center", children: [
+            /* @__PURE__ */ jsx("div", { className: "mb-6 w-full md:hidden", children: /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: activeCategory,
+                onChange: handleCategoryChange,
+                className: "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+                children: categories.map((category) => /* @__PURE__ */ jsx("option", { value: category.id, children: category.title }, category.id))
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TabsList, { className: "hidden h-auto grid-cols-4 p-1 md:grid", children: categories.map((category) => /* @__PURE__ */ jsx(
+              TabsTrigger,
+              {
+                value: category.id,
+                className: "px-3 py-2.5 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
+                children: category.title
+              },
+              category.id
+            )) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl text-center", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: currentCategory?.description }) }),
+          categories.map((category) => /* @__PURE__ */ jsx(
+            TabsContent,
+            {
+              value: category.id,
+              className: "space-y-12",
+              children: category.initiatives.map((initiative, index) => {
+                const isEven = index % 2 === 0;
+                return /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: "grid items-center gap-8 md:grid-cols-12",
+                    children: [
+                      /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: cn(
+                            "space-y-6 md:col-span-7",
+                            isEven ? "md:order-1" : "md:order-2"
+                          ),
+                          children: [
+                            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                              /* @__PURE__ */ jsx("div", { className: "rounded-md bg-primary/10 p-2", children: /* @__PURE__ */ jsx(
+                                DynamicIcon,
+                                {
+                                  name: initiative.icon,
+                                  size: 24,
+                                  className: "text-primary"
+                                }
+                              ) }),
+                              /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold", children: initiative.title })
+                            ] }),
+                            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: initiative.description }),
+                            initiative.metrics && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-4 pt-2", children: initiative.metrics.map((metric, i) => /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+                              /* @__PURE__ */ jsx("div", { className: "text-2xl font-bold text-primary", children: metric.value }),
+                              /* @__PURE__ */ jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: metric.label })
+                            ] }, i)) })
+                          ]
+                        }
+                      ),
+                      initiative.image ? /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: cn(
+                            "md:col-span-5",
+                            isEven ? "md:order-2" : "md:order-1"
+                          ),
+                          children: /* @__PURE__ */ jsx("div", { className: "relative aspect-4/3 overflow-hidden rounded-xl", children: /* @__PURE__ */ jsx(
+                            Img,
+                            {
+                              src: initiative.image,
+                              alt: initiative.title,
+                              className: "h-full w-full object-cover",
+                              optixFlowConfig
+                            }
+                          ) })
+                        }
+                      ) : /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: cn(
+                            "flex h-full items-center justify-center md:col-span-5",
+                            isEven ? "md:order-2" : "md:order-1"
+                          ),
+                          children: /* @__PURE__ */ jsx(Card, { className: "flex h-full min-h-[280px] w-full items-center justify-center bg-muted/30", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6 text-center", children: [
+                            /* @__PURE__ */ jsx(
+                              DynamicIcon,
+                              {
+                                name: initiative.icon,
+                                size: 64,
+                                className: "mx-auto mb-4 text-muted-foreground/50"
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "mx-auto", children: [
+                              "Learn more about our",
+                              " ",
+                              initiative.title.toLowerCase(),
+                              " initiative"
+                            ] })
+                          ] }) })
+                        }
+                      )
+                    ]
+                  },
+                  initiative.id
+                );
+              })
+            },
+            category.id
+          ))
+        ]
+      }
+    );
+  }, [categoriesSlot, categories, activeCategory, setActiveCategory, tabsClassName, handleCategoryChange, currentCategory, optixFlowConfig]);
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn(className),
+      containerClassName,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mb-16 max-w-3xl space-y-4 text-center", headerClassName), children: [
+          badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold tracking-tight md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+        ] }),
+        categoriesContent,
+        /* @__PURE__ */ jsxs("div", { className: cn("mt-20 text-center", ctaClassName), children: [
+          ctaBadgeText && /* @__PURE__ */ jsx("div", { className: "mb-8 inline-flex items-center justify-center rounded-full bg-muted p-1", children: /* @__PURE__ */ jsx(Badge, { className: "rounded-full bg-primary px-4 py-1 text-primary-foreground", children: ctaBadgeText }) }),
+          ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", ctaHeadingClassName), children: ctaHeading })),
+          ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mx-auto mb-8 max-w-2xl text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }) : /* @__PURE__ */ jsx("div", { className: cn("mx-auto mb-8 max-w-2xl", ctaDescriptionClassName), children: ctaDescription })),
+          actionsContent
+        ] })
+      ]
+    }
+  );
+}
+function AboutCultureTabs({
+  badgeText,
+  heading,
+  description,
+  aspects,
+  aspectsSlot,
+  ctaHeading,
+  ctaDescription,
+  actions,
+  actionsSlot,
+  ctaImages,
+  ctaImagesSlot,
+  className,
+  containerClassName,
+  headerClassName,
+  badgeClassName,
+  headingClassName,
+  descriptionClassName,
+  tabsClassName,
+  ctaClassName,
+  ctaHeadingClassName,
+  ctaDescriptionClassName,
+  actionsClassName,
+  optixFlowConfig,
+  background,
+  spacing,
+  pattern,
+  patternOpacity
+}) {
+  const resolvedAspects = aspects ?? [];
+  const [activeTab, setActiveTab] = React4.useState(resolvedAspects[0]?.id || "");
+  const actionsContent = useMemo(() => {
+    if (actionsSlot) return actionsSlot;
+    if (!actions || actions.length === 0) return null;
+    return actions.map((action, index) => {
+      const { label, icon, iconAfter, children, className: actionClassName, ...pressableProps } = action;
+      return /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          asButton: true,
+          className: actionClassName,
+          ...pressableProps,
+          children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+            icon,
+            label,
+            iconAfter
+          ] })
+        },
+        index
+      );
+    });
+  }, [actionsSlot, actions]);
+  const ctaImagesContent = useMemo(() => {
+    if (ctaImagesSlot) return ctaImagesSlot;
+    if (!ctaImages || ctaImages.length === 0) return null;
+    return ctaImages.map((src, i) => /* @__PURE__ */ jsx("div", { className: "relative aspect-square overflow-hidden rounded-md", children: /* @__PURE__ */ jsx(
+      Img,
+      {
+        src,
+        alt: "Team culture",
+        className: "h-full w-full object-cover",
+        optixFlowConfig
+      }
+    ) }, i));
+  }, [ctaImagesSlot, ctaImages, optixFlowConfig]);
+  return /* @__PURE__ */ jsxs(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn(className),
+      containerClassName,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: cn("mx-auto mb-12 max-w-3xl space-y-4 text-center", headerClassName), children: [
+          badgeText && (typeof badgeText === "string" ? /* @__PURE__ */ jsx("div", { className: cn("inline-block rounded-lg bg-primary/10 px-3 py-1 text-sm text-primary", badgeClassName), children: badgeText }) : /* @__PURE__ */ jsx("div", { className: badgeClassName, children: badgeText })),
+          heading && (typeof heading === "string" ? /* @__PURE__ */ jsx("h2", { className: cn("text-3xl font-bold tracking-tight md:text-4xl", headingClassName), children: heading }) : /* @__PURE__ */ jsx("div", { className: headingClassName, children: heading })),
+          description && (typeof description === "string" ? /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", descriptionClassName), children: description }) : /* @__PURE__ */ jsx("div", { className: descriptionClassName, children: description }))
+        ] }),
+        aspectsSlot ? aspectsSlot : resolvedAspects.length > 0 ? /* @__PURE__ */ jsxs(
+          Tabs,
+          {
+            defaultValue: resolvedAspects[0]?.id,
+            value: activeTab,
+            onValueChange: setActiveTab,
+            className: cn("space-y-8", tabsClassName),
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(TabsList, { className: "grid h-auto grid-cols-2 p-1 md:grid-cols-4", children: resolvedAspects.map((aspect) => /* @__PURE__ */ jsx(
+                TabsTrigger,
+                {
+                  value: aspect.id,
+                  className: "px-3 py-2.5 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
+                  children: aspect.title
+                },
+                aspect.id
+              )) }) }),
+              resolvedAspects.map((aspect) => /* @__PURE__ */ jsxs(TabsContent, { value: aspect.id, className: "space-y-8", children: [
+                /* @__PURE__ */ jsxs("div", { className: "grid gap-6 md:grid-cols-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                    /* @__PURE__ */ jsx("h3", { className: "text-2xl font-bold tracking-tight", children: aspect.title }),
+                    /* @__PURE__ */ jsx("p", { className: "leading-relaxed text-muted-foreground", children: aspect.description })
+                  ] }),
+                  /* @__PURE__ */ jsx(Card, { className: "border-0 bg-gradient-to-br from-primary/5 to-primary/10 p-0", children: /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4 p-6 pt-6", children: [
+                    /* @__PURE__ */ jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/quote",
+                        size: 32,
+                        className: "text-primary/40"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("p", { className: "italic text-muted-foreground", children: [
+                      '"',
+                      aspect.testimonial.quote,
+                      '"'
+                    ] }),
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 pt-2", children: [
+                      /* @__PURE__ */ jsx("div", { className: "relative h-10 w-10 overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
+                        Img,
+                        {
+                          src: aspect.testimonial.avatar,
+                          alt: aspect.testimonial.author,
+                          className: "h-full w-full object-cover",
+                          optixFlowConfig
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxs("div", { children: [
+                        /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium", children: aspect.testimonial.author }),
+                        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: aspect.testimonial.role })
+                      ] })
+                    ] })
+                  ] }) })
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: aspect.images.map((image, idx) => /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "relative aspect-[4/3] overflow-hidden rounded-lg",
+                    children: /* @__PURE__ */ jsx(
+                      Img,
+                      {
+                        src: image,
+                        alt: `${aspect.title} culture`,
+                        className: "h-full w-full transform object-cover transition-transform duration-500 hover:scale-105",
+                        optixFlowConfig
+                      }
+                    )
+                  },
+                  idx
+                )) })
+              ] }, aspect.id))
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs("div", { className: cn("relative mt-16 rounded-xl border bg-background p-8 md:p-12", ctaClassName), children: [
+          /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-8 md:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              ctaHeading && (typeof ctaHeading === "string" ? /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-2xl font-bold", ctaHeadingClassName), children: ctaHeading }) : /* @__PURE__ */ jsx("div", { className: cn("mb-4", ctaHeadingClassName), children: ctaHeading })),
+              ctaDescription && (typeof ctaDescription === "string" ? /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-muted-foreground", ctaDescriptionClassName), children: ctaDescription }) : /* @__PURE__ */ jsx("div", { className: cn("mb-6", ctaDescriptionClassName), children: ctaDescription })),
+              (actionsSlot || actions && actions.length > 0) && /* @__PURE__ */ jsx("div", { className: cn("flex gap-4", actionsClassName), children: actionsContent })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-2", children: ctaImagesContent })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -left-5 -top-5 h-10 w-10 rounded-full bg-primary/10" }),
+          /* @__PURE__ */ jsx("div", { className: "absolute -bottom-5 -right-5 h-10 w-10 rounded-full bg-primary/10" })
+        ] })
       ]
     }
   );
@@ -1567,14 +2337,14 @@ function MediaHoverCtas({
   gridClassName,
   items,
   itemsSlot,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
   const resolvedItems = items ?? [];
-  const renderItems = () => {
+  const itemsContent = useMemo(() => {
     if (itemsSlot) return itemsSlot;
     return resolvedItems.map((item, index) => {
       const CardComponent = item.cardHref ? "a" : "div";
@@ -1624,7 +2394,7 @@ function MediaHoverCtas({
         index
       );
     });
-  };
+  }, [itemsSlot, resolvedItems, optixFlowConfig]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1640,89 +2410,97 @@ function MediaHoverCtas({
             "grid min-h-100 grid-cols-1 gap-1 lg:grid-cols-2",
             gridClassName
           ),
-          children: renderItems()
+          children: itemsContent
         }
       )
     }
   );
 }
 function FooterLinksGrid({
-  logo = {
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI",
-    url: "https://opensite.ai"
-  },
+  logo,
   className,
   tagline,
   menuItems,
   copyright,
+  attributionText,
+  attributionHref,
   bottomLinks,
+  background,
+  spacing,
+  pattern,
+  patternOpacity,
   optixFlowConfig
 }) {
-  return /* @__PURE__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("footer", { children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 lg:grid-cols-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "col-span-2 mb-8 lg:mb-0", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 lg:justify-start", children: /* @__PURE__ */ jsxs(Pressable, { href: logo.url, className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.src,
-              alt: logo.alt,
-              className: "h-10 dark:invert",
-              optixFlowConfig
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold", children: logo.title })
-        ] }) }),
-        /* @__PURE__ */ jsx("p", { className: "mt-4 font-bold", children: tagline })
-      ] }),
-      menuItems?.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "mb-4 font-bold", children: section.title }),
-        /* @__PURE__ */ jsx("ul", { className: "space-y-4 text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
-          "li",
-          {
-            className: "font-medium hover:text-primary",
-            children: /* @__PURE__ */ jsx(Pressable, { href: link.url, children: link.text })
-          },
-          linkIdx
-        )) })
-      ] }, sectionIdx))
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-24 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground md:flex-row md:items-center", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-4", children: [
-        /* @__PURE__ */ jsx("p", { children: copyright }),
-        /* @__PURE__ */ jsx(
-          Pressable,
-          {
-            href: "https://opensite.ai",
-            className: "hover:text-primary",
-            children: "AI Website and Automation Platform by Opensite"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("ul", { className: "flex gap-4", children: bottomLinks?.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { className: "underline hover:text-primary", children: /* @__PURE__ */ jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
-    ] })
-  ] }) }) });
+  const currentYear = useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
+  const copyrightText = copyright ?? `\xA9 ${currentYear}`;
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn(className),
+      children: /* @__PURE__ */ jsxs("footer", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-8 lg:grid-cols-6", children: [
+          (logo || tagline) && /* @__PURE__ */ jsxs("div", { className: "col-span-2 mb-8 lg:mb-0", children: [
+            logo && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 lg:justify-start", children: /* @__PURE__ */ jsxs(Pressable, { href: logo.url, className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: logo.src,
+                  alt: logo.alt,
+                  className: "h-10 dark:invert",
+                  optixFlowConfig
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold", children: logo.title })
+            ] }) }),
+            tagline && /* @__PURE__ */ jsx("p", { className: "mt-4 font-bold", children: tagline })
+          ] }),
+          menuItems && menuItems.length > 0 && menuItems.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "mb-4 font-bold", children: section.title }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-4 text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
+              "li",
+              {
+                className: "font-medium hover:text-primary",
+                children: /* @__PURE__ */ jsx(Pressable, { href: link.url, children: link.text })
+              },
+              linkIdx
+            )) })
+          ] }, sectionIdx))
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-24 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground md:flex-row md:items-center", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-4", children: [
+            /* @__PURE__ */ jsx("p", { children: copyrightText }),
+            attributionText && /* @__PURE__ */ jsx(
+              Pressable,
+              {
+                href: attributionHref || "https://opensite.ai",
+                className: "hover:text-primary",
+                children: attributionText
+              }
+            )
+          ] }),
+          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex gap-4", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { className: "underline hover:text-primary", children: /* @__PURE__ */ jsx(Pressable, { href: link.url, children: link.text }) }, linkIdx)) })
+        ] })
+      ] })
+    }
+  );
 }
 function FooterSocialNewsletter({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
+  logo,
   sections,
   socialLinks,
   newsletterLabel,
-  newsletterPlaceholder = "Email",
+  newsletterPlaceholder,
   newsletterButtonText,
   privacyLinkText,
-  privacyLinkUrl = "#",
+  privacyLinkUrl,
   privacyConsentText,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   className,
   contentClassName,
   logoWrapperClassName,
@@ -1742,13 +2520,13 @@ function FooterSocialNewsletter({
   privacyClassName,
   bottomClassName,
   copyrightClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const currentYear = useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsx(
     Section,
@@ -1759,7 +2537,7 @@ function FooterSocialNewsletter({
       patternOpacity,
       className: cn(className),
       children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
-        /* @__PURE__ */ jsxs(Pressable, { href: logo.url, className: cn("flex items-center gap-2", logoWrapperClassName), children: [
+        logo && /* @__PURE__ */ jsxs(Pressable, { href: logo.url, className: cn("flex items-center gap-2", logoWrapperClassName), children: [
           /* @__PURE__ */ jsx(
             Img,
             {
@@ -1771,8 +2549,8 @@ function FooterSocialNewsletter({
           ),
           /* @__PURE__ */ jsx("span", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-14 grid gap-8 md:grid-cols-2 lg:grid-cols-5 xl:grid-cols-4", gridClassName), children: [
-          sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
+        (sections && sections.length > 0 || socialLinks && socialLinks.length > 0 || newsletterLabel || newsletterButtonText) && /* @__PURE__ */ jsxs("div", { className: cn("mt-14 grid gap-8 md:grid-cols-2 lg:grid-cols-5 xl:grid-cols-4", gridClassName), children: [
+          sections && sections.length > 0 && sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
             /* @__PURE__ */ jsx("h3", { className: cn("mb-4 font-bold", navTitleClassName), children: section.title }),
             /* @__PURE__ */ jsx("ul", { className: cn("space-y-4 text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
               "li",
@@ -1783,21 +2561,21 @@ function FooterSocialNewsletter({
               linkIdx
             )) })
           ] }, sectionIdx)),
-          /* @__PURE__ */ jsxs("div", { className: cn("lg:col-span-2 xl:col-span-1", socialColumnClassName), children: [
-            /* @__PURE__ */ jsx("ul", { className: cn("mb-10 flex items-center gap-2 text-muted-foreground", socialLinksClassName), children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsx("span", { className: cn("flex size-12 items-center justify-center rounded-full bg-muted transition-colors hover:text-primary", socialLinkClassName), children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 24 }) }) }) }, idx)) }),
-            /* @__PURE__ */ jsxs("div", { className: cn("grid w-full max-w-sm items-center gap-1.5", newsletterClassName), children: [
-              /* @__PURE__ */ jsx("label", { htmlFor: "newsletter-email", className: "text-sm font-medium", children: newsletterLabel }),
+          (socialLinks && socialLinks.length > 0 || newsletterLabel || newsletterButtonText) && /* @__PURE__ */ jsxs("div", { className: cn("lg:col-span-2 xl:col-span-1", socialColumnClassName), children: [
+            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("mb-10 flex items-center gap-2 text-muted-foreground", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsx("span", { className: cn("flex size-12 items-center justify-center rounded-full bg-muted transition-colors hover:text-primary", socialLinkClassName), children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 24 }) }) }) }, idx)) }),
+            (newsletterLabel || newsletterButtonText) && /* @__PURE__ */ jsxs("div", { className: cn("grid w-full max-w-sm items-center gap-1.5", newsletterClassName), children: [
+              newsletterLabel && /* @__PURE__ */ jsx("label", { htmlFor: "newsletter-email", className: "text-sm font-medium", children: newsletterLabel }),
               /* @__PURE__ */ jsxs("div", { className: "flex w-full max-w-sm items-center space-x-2", children: [
                 /* @__PURE__ */ jsx(
                   "input",
                   {
                     type: "email",
                     id: "newsletter-email",
-                    placeholder: newsletterPlaceholder,
+                    placeholder: newsletterPlaceholder || "Email",
                     className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", newsletterInputClassName)
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                newsletterButtonText && /* @__PURE__ */ jsx(
                   Pressable,
                   {
                     onClick: (e) => {
@@ -1811,19 +2589,19 @@ function FooterSocialNewsletter({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs("p", { className: cn("mt-1 text-xs text-muted-foreground", privacyClassName), children: [
+              (privacyConsentText || privacyLinkText) && /* @__PURE__ */ jsxs("p", { className: cn("mt-1 text-xs text-muted-foreground", privacyClassName), children: [
                 privacyConsentText,
-                /* @__PURE__ */ jsx(Pressable, { href: privacyLinkUrl, className: "ml-1 text-primary hover:underline", children: privacyLinkText })
+                privacyLinkText && /* @__PURE__ */ jsx(Pressable, { href: privacyLinkUrl || "#", className: "ml-1 text-primary hover:underline", children: privacyLinkText })
               ] })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ jsx("div", { className: cn("mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground md:flex-row md:items-center", bottomClassName), children: /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
           /* @__PURE__ */ jsx("p", { children: copyrightText }),
-          /* @__PURE__ */ jsx(
+          attributionText && /* @__PURE__ */ jsx(
             Pressable,
             {
-              href: attributionHref,
+              href: attributionHref || "https://opensite.ai",
               className: "hover:text-primary",
               children: attributionText
             }
@@ -1834,12 +2612,7 @@ function FooterSocialNewsletter({
   );
 }
 function FooterSocialApps({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
+  logo,
   className,
   sections,
   socialLinks,
@@ -1847,58 +2620,72 @@ function FooterSocialApps({
   socialLabel,
   appLabel,
   copyright,
+  background,
+  spacing,
+  pattern,
+  patternOpacity,
   optixFlowConfig
-}) {
-  return /* @__PURE__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("footer", { children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-10 lg:flex-row lg:gap-20", children: [
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsxs(Pressable, { href: logo.url, className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(
-          Img,
-          {
-            src: logo.src,
-            alt: logo.alt,
-            className: "h-10",
-            optixFlowConfig
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold", children: logo.title })
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "grid flex-1 gap-8 sm:grid-cols-2 md:grid-cols-3", children: sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h3", { className: "mb-4 font-bold", children: section.title }),
-        /* @__PURE__ */ jsx("ul", { className: "space-y-4 text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
-          "li",
-          {
-            className: "font-medium hover:text-primary",
-            children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name })
-          },
-          linkIdx
-        )) })
-      ] }, sectionIdx)) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-3 font-bold", children: socialLabel }),
-          /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-2 text-muted-foreground", children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsx("span", { className: "flex size-12 items-center justify-center rounded-full bg-muted transition-colors hover:text-primary", children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 24 }) }) }) }, idx)) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-3 font-bold", children: appLabel }),
-          /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-2 text-muted-foreground", children: appLinks?.map((app, idx) => /* @__PURE__ */ jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsx(Pressable, { href: app.href, "aria-label": app.label, children: /* @__PURE__ */ jsx("span", { className: "flex size-12 items-center justify-center rounded-full bg-muted transition-colors hover:text-primary", children: /* @__PURE__ */ jsx(DynamicIcon, { name: app.icon, size: 24 }) }) }) }, idx)) })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "mt-24 border-t pt-8", children: /* @__PURE__ */ jsxs("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__ */ jsx("p", { children: copyright }),
-      /* @__PURE__ */ jsx(
-        Pressable,
+}) {
+  const sectionsContent = useMemo(() => {
+    if (!sections || sections.length === 0) return null;
+    return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-4 font-bold", children: section.title }),
+      /* @__PURE__ */ jsx("ul", { className: "space-y-4 text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
+        "li",
         {
-          href: "https://opensite.ai",
-          className: "hover:text-primary",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "AI Website and Automation Platform by Opensite"
-        }
-      )
-    ] }) })
-  ] }) }) });
+          className: "font-medium hover:text-primary",
+          children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name })
+        },
+        linkIdx
+      )) })
+    ] }, sectionIdx));
+  }, [sections]);
+  const socialLinksContent = useMemo(() => {
+    if (!socialLinks || socialLinks.length === 0) return null;
+    return socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsx("span", { className: "flex size-12 items-center justify-center rounded-full bg-muted transition-colors hover:text-primary", children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 24 }) }) }) }, idx));
+  }, [socialLinks]);
+  const appLinksContent = useMemo(() => {
+    if (!appLinks || appLinks.length === 0) return null;
+    return appLinks.map((app, idx) => /* @__PURE__ */ jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsx(Pressable, { href: app.href, "aria-label": app.label, children: /* @__PURE__ */ jsx("span", { className: "flex size-12 items-center justify-center rounded-full bg-muted transition-colors hover:text-primary", children: /* @__PURE__ */ jsx(DynamicIcon, { name: app.icon, size: 24 }) }) }) }, idx));
+  }, [appLinks]);
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn(className),
+      children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("footer", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-10 lg:flex-row lg:gap-20", children: [
+          logo && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsxs(Pressable, { href: logo.url, className: "flex items-center gap-2", children: [
+            logo.src && /* @__PURE__ */ jsx(
+              Img,
+              {
+                src: logo.src,
+                alt: logo.alt,
+                className: "h-10",
+                optixFlowConfig
+              }
+            ),
+            logo.title && /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold", children: logo.title })
+          ] }) }),
+          sections && sections.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid flex-1 gap-8 sm:grid-cols-2 md:grid-cols-3", children: sectionsContent }),
+          (socialLinks && socialLinks.length > 0 || appLinks && appLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+              socialLabel && /* @__PURE__ */ jsx("p", { className: "mb-3 font-bold", children: socialLabel }),
+              /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-2 text-muted-foreground", children: socialLinksContent })
+            ] }),
+            appLinks && appLinks.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+              appLabel && /* @__PURE__ */ jsx("p", { className: "mb-3 font-bold", children: appLabel }),
+              /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-2 text-muted-foreground", children: appLinksContent })
+            ] })
+          ] })
+        ] }),
+        copyright && /* @__PURE__ */ jsx("div", { className: "mt-24 border-t pt-8", children: /* @__PURE__ */ 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__ */ jsx("p", { children: copyright }) }) })
+      ] }) })
+    }
+  );
 }
 function FooterSimpleCentered({
   logo,
@@ -1925,12 +2712,46 @@ function FooterSimpleCentered({
   copyrightClassName,
   bottomLinksClassName,
   bottomLinkClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
+  const sitemapContent = useMemo(() => {
+    if (!sitemap || sitemap.length === 0) return null;
+    return sitemap.map((section) => /* @__PURE__ */ jsxs("div", { className: cn(sitemapSectionClassName), children: [
+      /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-semibold", sitemapTitleClassName), children: section.title }),
+      /* @__PURE__ */ jsx("ul", { className: cn("space-y-2", sitemapLinksClassName), children: section.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          href: link.href,
+          className: cn(
+            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            sitemapLinkClassName
+          ),
+          children: link.label
+        }
+      ) }, link.href)) })
+    ] }, section.title));
+  }, [sitemap, sitemapSectionClassName, sitemapTitleClassName, sitemapLinksClassName, sitemapLinkClassName]);
+  const bottomLinksContent = useMemo(() => {
+    if (!bottomLinks || bottomLinks.length === 0) return null;
+    return bottomLinks.map((link, idx) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+      idx > 0 && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+      /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          href: link.href,
+          className: cn(
+            "text-sm text-muted-foreground transition-colors hover:text-foreground",
+            bottomLinkClassName
+          ),
+          children: link.text
+        }
+      )
+    ] }, link.href));
+  }, [bottomLinks, bottomLinkClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -1949,7 +2770,7 @@ function FooterSimpleCentered({
             ),
             children: [
               /* @__PURE__ */ jsxs("div", { className: cn("max-w-96", brandClassName), children: [
-                /* @__PURE__ */ jsxs(
+                (logo?.src || logo?.title) && /* @__PURE__ */ jsxs(
                   "div",
                   {
                     className: cn(
@@ -1957,10 +2778,10 @@ function FooterSimpleCentered({
                       logoWrapperClassName
                     ),
                     children: [
-                      /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-lg border border-border bg-accent p-2", children: /* @__PURE__ */ jsx(
+                      logo?.src && /* @__PURE__ */ jsx("div", { className: "flex size-12 items-center justify-center rounded-lg border border-border bg-accent p-2", children: /* @__PURE__ */ jsx(
                         Img,
                         {
-                          src: logo?.src,
+                          src: logo.src,
                           alt: logo?.alt,
                           className: cn(
                             "size-12 h-full w-full object-contain object-center",
@@ -1969,11 +2790,11 @@ function FooterSimpleCentered({
                           optixFlowConfig
                         }
                       ) }),
-                      /* @__PURE__ */ jsx("h3", { className: cn("text-xl font-bold", logoTitleClassName), children: logo?.title })
+                      logo?.title && /* @__PURE__ */ jsx("h3", { className: cn("text-xl font-bold", logoTitleClassName), children: logo.title })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                tagline && /* @__PURE__ */ jsx(
                   "p",
                   {
                     className: cn(
@@ -1991,45 +2812,7 @@ function FooterSimpleCentered({
                     "flex flex-col items-start gap-x-20 gap-y-14 xl:flex-row",
                     sitemapWrapperClassName
                   ),
-                  children: /* @__PURE__ */ jsx("div", { className: "inline-grid w-fit grid-cols-1 gap-x-20 gap-y-14 sm:grid-cols-2", children: sitemap?.map((section) => /* @__PURE__ */ jsxs(
-                    "div",
-                    {
-                      className: cn("h-fit w-min", sitemapSectionClassName),
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          "h4",
-                          {
-                            className: cn(
-                              "mb-6 text-base font-semibold whitespace-nowrap",
-                              sitemapTitleClassName
-                            ),
-                            children: section.title
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          "ul",
-                          {
-                            className: cn(
-                              "space-y-3 text-base font-medium text-muted-foreground",
-                              sitemapLinksClassName
-                            ),
-                            children: section.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                              Pressable,
-                              {
-                                href: link.href,
-                                className: cn(
-                                  "text-base whitespace-nowrap hover:text-accent-foreground",
-                                  sitemapLinkClassName
-                                ),
-                                children: link.label
-                              }
-                            ) }, String(link.label)))
-                          }
-                        )
-                      ]
-                    },
-                    section.title
-                  )) })
+                  children: /* @__PURE__ */ jsx("div", { className: "inline-grid w-fit grid-cols-1 gap-x-20 gap-y-14 sm:grid-cols-2", children: sitemapContent })
                 }
               )
             ]
@@ -2051,8 +2834,8 @@ function FooterSimpleCentered({
                     copyrightClassName
                   ),
                   children: [
-                    /* @__PURE__ */ jsx("span", { children: copyright }),
-                    /* @__PURE__ */ jsx(
+                    copyright && /* @__PURE__ */ jsx("span", { children: copyright }),
+                    attributionHref && attributionText && /* @__PURE__ */ jsx(
                       Pressable,
                       {
                         href: attributionHref,
@@ -2072,18 +2855,7 @@ function FooterSimpleCentered({
                     "flex flex-col items-start gap-4 text-xs text-muted-foreground sm:text-sm md:flex-row lg:items-center",
                     bottomLinksClassName
                   ),
-                  children: bottomLinks?.map((link, idx) => /* @__PURE__ */ jsx(
-                    Pressable,
-                    {
-                      href: link.href,
-                      className: cn(
-                        "hover:text-accent-foreground",
-                        bottomLinkClassName
-                      ),
-                      children: link.text
-                    },
-                    idx
-                  ))
+                  children: bottomLinksContent
                 }
               )
             ]
@@ -2094,18 +2866,13 @@ function FooterSimpleCentered({
   );
 }
 function FooterBrandDescription({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
+  logo,
   sections,
   description,
   socialLinks,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   legalLinks,
   className,
   contentClassName,
@@ -2126,13 +2893,13 @@ function FooterBrandDescription({
   copyrightClassName,
   legalLinksClassName,
   legalLinkClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const currentYear = useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsx(
     Section,
@@ -2144,8 +2911,8 @@ function FooterBrandDescription({
       className: cn(className),
       children: /* @__PURE__ */ jsxs("div", { className: cn(contentClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex w-full flex-col justify-between gap-10 lg:flex-row lg:items-start lg:text-left", layoutClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("flex w-full flex-col justify-between gap-6 lg:items-start", brandColumnClassName), children: [
-            /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 lg:justify-start", logoWrapperClassName), children: [
+          (logo || description || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn("flex w-full flex-col justify-between gap-6 lg:items-start", brandColumnClassName), children: [
+            logo && /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2 lg:justify-start", logoWrapperClassName), children: [
               /* @__PURE__ */ jsx(Pressable, { href: logo.url, children: /* @__PURE__ */ jsx(
                 Img,
                 {
@@ -2157,10 +2924,10 @@ function FooterBrandDescription({
               ) }),
               /* @__PURE__ */ jsx("h2", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
             ] }),
-            /* @__PURE__ */ jsx("p", { className: cn("max-w-[70%] text-sm text-muted-foreground", descriptionClassName), children: description }),
-            /* @__PURE__ */ jsx("ul", { className: cn("flex items-center space-x-6 text-muted-foreground", socialLinksClassName), children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsx("li", { className: cn("font-medium hover:text-primary", socialLinkClassName), children: /* @__PURE__ */ jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 }) }) }, idx)) })
+            description && /* @__PURE__ */ jsx("p", { className: cn("max-w-[70%] text-sm text-muted-foreground", descriptionClassName), children: description }),
+            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("flex items-center space-x-6 text-muted-foreground", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { className: cn("font-medium hover:text-primary", socialLinkClassName), children: /* @__PURE__ */ jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 }) }) }, idx)) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: cn("grid w-full gap-6 md:grid-cols-3 lg:gap-20", navGridClassName), children: sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
+          sections && sections.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("grid w-full gap-6 md:grid-cols-3 lg:gap-20", navGridClassName), children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
             /* @__PURE__ */ jsx("h3", { className: cn("mb-4 font-bold", navTitleClassName), children: section.title }),
             /* @__PURE__ */ jsx("ul", { className: cn("space-y-3 text-sm text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
               "li",
@@ -2175,10 +2942,10 @@ function FooterBrandDescription({
         /* @__PURE__ */ jsxs("div", { className: cn("mt-8 flex flex-col justify-between gap-4 border-t py-8 text-xs font-medium text-muted-foreground md:flex-row md:items-center md:text-left", bottomClassName), children: [
           /* @__PURE__ */ jsxs("div", { className: cn("order-2 flex flex-col gap-2 lg:order-1 lg:flex-row lg:items-center lg:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsx("p", { children: copyrightText }),
-            /* @__PURE__ */ jsx(
+            attributionText && /* @__PURE__ */ jsx(
               Pressable,
               {
-                href: attributionHref,
+                href: attributionHref || "https://opensite.ai",
                 className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -2186,138 +2953,135 @@ function FooterBrandDescription({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("ul", { className: cn("order-1 flex flex-col gap-2 md:order-2 md:flex-row", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsx("li", { className: cn("hover:text-primary", legalLinkClassName), children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name }) }, idx)) })
+          legalLinks && legalLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("order-1 flex flex-col gap-2 md:order-2 md:flex-row", legalLinksClassName), children: legalLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { className: cn("hover:text-primary", legalLinkClassName), children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name }) }, idx)) })
         ] })
       ] })
     }
   );
 }
 function FooterNewsletterGrid({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
+  logo,
   className,
   description,
   sections,
   socialLinks,
   newsletterTitle,
-  newsletterPlaceholder = "Email",
+  newsletterPlaceholder,
   newsletterButtonText,
   privacyText,
   privacyLinkText,
-  privacyLinkUrl = "#",
+  privacyLinkUrl,
   copyright,
+  background,
+  spacing,
+  pattern,
+  patternOpacity,
   optixFlowConfig
 }) {
-  return /* @__PURE__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("footer", { children: [
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 justify-between gap-10 lg:grid-cols-6 lg:text-left", children: [
-      /* @__PURE__ */ jsxs("div", { className: "col-span-4 flex w-full flex-col gap-6 lg:col-span-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 lg:justify-start", children: [
-          /* @__PURE__ */ jsx(Pressable, { href: logo.url, children: /* @__PURE__ */ jsx(
-            Img,
-            {
-              src: logo.src,
-              alt: logo.alt,
-              className: "h-8",
-              optixFlowConfig
-            }
-          ) }),
-          /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: logo.title })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description }),
-        /* @__PURE__ */ jsx("ul", { className: "flex items-center space-x-6", children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsx(
-          "li",
-          {
-            className: "font-medium duration-200 hover:scale-110 hover:text-muted-foreground",
-            children: /* @__PURE__ */ jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 24 }) })
-          },
-          idx
-        )) })
-      ] }),
-      sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: "col-span-2 md:col-span-1", children: [
-        /* @__PURE__ */ jsx("h3", { className: "mb-5 font-medium", children: section.title }),
-        /* @__PURE__ */ jsx("ul", { className: "space-y-4 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
-          "li",
-          {
-            className: "font-medium hover:text-primary",
-            children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name })
-          },
-          linkIdx
-        )) })
-      ] }, sectionIdx)),
-      /* @__PURE__ */ jsxs("div", { className: "col-span-4 md:col-span-2", children: [
-        /* @__PURE__ */ jsx("h3", { className: "mb-5 font-medium", children: newsletterTitle }),
-        /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ 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"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "submit",
-              className: "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",
-              children: newsletterButtonText
-            }
-          )
-        ] }) }),
-        /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: [
-          privacyText,
-          /* @__PURE__ */ jsx(
-            Pressable,
-            {
-              href: privacyLinkUrl,
-              className: "ml-1 text-primary hover:underline",
-              children: privacyLinkText
-            }
-          )
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("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__ */ jsx("div", { className: "flex flex-col gap-2 lg:flex-row lg:items-center lg:gap-4", children: /* @__PURE__ */ jsxs("p", { children: [
-        /* @__PURE__ */ jsx("span", { className: "mr-1 font-bold text-primary", children: "Opensite AI" }),
-        copyright
-      ] }) }),
-      /* @__PURE__ */ jsx(
-        Pressable,
+  const sectionsContent = useMemo(() => {
+    if (!sections || sections.length === 0) return null;
+    return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: "col-span-2 md:col-span-1", children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-5 font-medium", children: section.title }),
+      /* @__PURE__ */ jsx("ul", { className: "space-y-4 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
+        "li",
         {
-          href: "https://opensite.ai",
-          className: "hover:text-primary",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "AI Website and Automation Platform by Opensite"
-        }
-      )
-    ] })
-  ] }) }) });
+          className: "font-medium hover:text-primary",
+          children: /* @__PURE__ */ jsx(Pressable, { href: link.href, children: link.name })
+        },
+        linkIdx
+      )) })
+    ] }, sectionIdx));
+  }, [sections]);
+  const socialLinksContent = useMemo(() => {
+    if (!socialLinks || socialLinks.length === 0) return null;
+    return socialLinks.map((social, idx) => /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: "font-medium duration-200 hover:scale-110 hover:text-muted-foreground",
+        children: /* @__PURE__ */ jsx(Pressable, { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 24 }) })
+      },
+      idx
+    ));
+  }, [socialLinks]);
+  return /* @__PURE__ */ jsx(
+    Section,
+    {
+      background,
+      spacing,
+      pattern,
+      patternOpacity,
+      className: cn(className),
+      children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("footer", { children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-4 justify-between gap-10 lg:grid-cols-6 lg:text-left", children: [
+          /* @__PURE__ */ jsxs("div", { className: "col-span-4 flex w-full flex-col gap-6 lg:col-span-2", children: [
+            logo && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 lg:justify-start", children: [
+              /* @__PURE__ */ jsx(Pressable, { href: logo.url, children: logo.src && /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: logo.src,
+                  alt: logo.alt,
+                  className: "h-8",
+                  optixFlowConfig
+                }
+              ) }),
+              logo.title && /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: logo.title })
+            ] }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description }),
+            socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: "flex items-center space-x-6", children: socialLinksContent })
+          ] }),
+          sectionsContent,
+          (newsletterTitle || newsletterButtonText) && /* @__PURE__ */ jsxs("div", { className: "col-span-4 md:col-span-2", children: [
+            newsletterTitle && /* @__PURE__ */ jsx("h3", { className: "mb-5 font-medium", children: newsletterTitle }),
+            /* @__PURE__ */ jsx("div", { className: "grid gap-1.5", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center space-x-2", children: [
+              /* @__PURE__ */ 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"
+                }
+              ),
+              newsletterButtonText && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "submit",
+                  className: "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",
+                  children: newsletterButtonText
+                }
+              )
+            ] }) }),
+            (privacyText || privacyLinkText) && /* @__PURE__ */ jsxs("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: [
+              privacyText,
+              privacyLinkText && privacyLinkUrl && /* @__PURE__ */ jsx(
+                Pressable,
+                {
+                  href: privacyLinkUrl,
+                  className: "ml-1 text-primary hover:underline",
+                  children: privacyLinkText
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        copyright && /* @__PURE__ */ 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__ */ jsx("p", { children: copyright }) })
+      ] }) })
+    }
+  );
 }
 function FooterCtaBanner({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
+  logo,
   ctaHeading,
   ctaDescription,
   ctaButtonText,
-  ctaButtonUrl = "#",
+  ctaButtonUrl,
   sections,
   socialLinks,
   newsletterLabel,
-  newsletterPlaceholder = "Enter your email",
+  newsletterPlaceholder,
   newsletterButtonText,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   legalLinks,
   className,
   contentClassName,
@@ -2343,13 +3107,13 @@ function FooterCtaBanner({
   copyrightClassName,
   legalLinksClassName,
   legalLinkClassName,
-  background = "dark",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const currentYear = useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsx(
     Section,
@@ -2374,13 +3138,13 @@ function FooterCtaBanner({
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn("grid gap-10 lg:grid-cols-5", gridClassName), children: [
           /* @__PURE__ */ jsxs("div", { className: cn("lg:col-span-2", brandClassName), children: [
-            /* @__PURE__ */ jsxs(
+            logo && /* @__PURE__ */ jsxs(
               Pressable,
               {
                 href: logo.url,
                 className: cn("mb-6 flex items-center gap-2", logoWrapperClassName),
                 children: [
-                  /* @__PURE__ */ jsx(
+                  logo.src && /* @__PURE__ */ jsx(
                     Img,
                     {
                       src: logo.src,
@@ -2389,7 +3153,7 @@ function FooterCtaBanner({
                       optixFlowConfig
                     }
                   ),
-                  /* @__PURE__ */ jsx("span", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
+                  logo.title && /* @__PURE__ */ jsx("span", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
                 ]
               }
             ),
@@ -2457,12 +3221,7 @@ function FooterCtaBanner({
   );
 }
 function FooterContactCard({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
+  logo,
   heading,
   email,
   phone,
@@ -2474,7 +3233,7 @@ function FooterContactCard({
   locationLabel,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   className,
   contentClassName,
   gridClassName,
@@ -2494,13 +3253,13 @@ function FooterContactCard({
   bottomClassName,
   copyrightClassName,
   locationClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const currentYear = useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsx(
     Section,
@@ -2513,7 +3272,7 @@ function FooterContactCard({
       children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
         /* @__PURE__ */ jsxs("div", { className: cn("grid gap-12 lg:grid-cols-2", gridClassName), children: [
           /* @__PURE__ */ jsxs("div", { className: cn(leftColumnClassName), children: [
-            /* @__PURE__ */ jsxs(
+            logo && /* @__PURE__ */ jsxs(
               Pressable,
               {
                 href: logo.url,
@@ -2532,9 +3291,9 @@ function FooterContactCard({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx("h2", { className: cn("mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }),
-            /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 text-muted-foreground", contactClassName), children: [
-              /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+            heading && /* @__PURE__ */ jsx("h2", { className: cn("mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", headingClassName), children: heading }),
+            (email || phone || address) && /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 text-muted-foreground", contactClassName), children: [
+              email && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
                 Pressable,
                 {
                   href: `mailto:${email}`,
@@ -2542,7 +3301,7 @@ function FooterContactCard({
                   children: email
                 }
               ) }),
-              /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
+              phone && /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(
                 Pressable,
                 {
                   href: `tel:${phone}`,
@@ -2550,13 +3309,13 @@ function FooterContactCard({
                   children: phone
                 }
               ) }),
-              /* @__PURE__ */ jsx("p", { children: address })
+              address && /* @__PURE__ */ jsx("p", { children: address })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col justify-between", rightColumnClassName), children: [
-            /* @__PURE__ */ jsxs("div", { className: cn(socialSectionClassName), children: [
-              /* @__PURE__ */ jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
-              /* @__PURE__ */ jsx("ul", { className: cn("flex items-center gap-4", socialLinksClassName), children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            (socialTitle || socialLinks && socialLinks.length > 0) && /* @__PURE__ */ jsxs("div", { className: cn(socialSectionClassName), children: [
+              socialTitle && /* @__PURE__ */ jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
+              socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("ul", { className: cn("flex items-center gap-4", socialLinksClassName), children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
                 Pressable,
                 {
                   href: social.href,
@@ -2566,7 +3325,7 @@ function FooterContactCard({
                 }
               ) }, idx)) })
             ] }),
-            /* @__PURE__ */ jsx("nav", { className: cn("mt-8", navClassName), children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks?.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            navLinks && navLinks.length > 0 && /* @__PURE__ */ jsx("nav", { className: cn("mt-8", navClassName), children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
               Pressable,
               {
                 href: link.href,
@@ -2579,10 +3338,10 @@ function FooterContactCard({
         /* @__PURE__ */ 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__ */ jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
             /* @__PURE__ */ jsx("p", { children: copyrightText }),
-            /* @__PURE__ */ jsx(
+            attributionText && /* @__PURE__ */ jsx(
               Pressable,
               {
-                href: attributionHref,
+                href: attributionHref || "https://opensite.ai",
                 className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -2590,10 +3349,10 @@ function FooterContactCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs("p", { className: cn(locationClassName), children: [
+          (locationLabel || location) && /* @__PURE__ */ jsxs("p", { className: cn(locationClassName), children: [
             locationLabel,
             " ",
-            /* @__PURE__ */ jsx("strong", { children: location })
+            location && /* @__PURE__ */ jsx("strong", { children: location })
           ] })
         ] })
       ] }) })
@@ -2601,24 +3360,19 @@ function FooterContactCard({
   );
 }
 function FooterBackgroundCard({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
-  backgroundImage = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&q=80",
-  profileImage = "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=200&q=80",
+  logo,
+  backgroundImage,
+  profileImage,
   tagline,
   personalMessage,
   ctaText,
-  ctaUrl = "#",
+  ctaUrl,
   contactTitle,
   contact,
   menuItems,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   bottomLinks,
   className,
   cardClassName,
@@ -2637,14 +3391,18 @@ function FooterBackgroundCard({
   bottomClassName,
   copyrightClassName,
   bottomLinksClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+  const currentYear = useMemo(() => (/* @__PURE__ */ new Date()).getFullYear(), []);
   const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
+  const sectionStyle = useMemo(
+    () => backgroundImage ? { backgroundImage: `url('${backgroundImage}')` } : void 0,
+    [backgroundImage]
+  );
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -2653,14 +3411,12 @@ function FooterBackgroundCard({
       pattern,
       patternOpacity,
       className: cn("bg-cover bg-center bg-no-repeat", className),
-      style: {
-        backgroundImage: `url('${backgroundImage}')`
-      },
+      style: sectionStyle,
       children: /* @__PURE__ */ jsxs("div", { className: cn("mx-auto max-w-7xl rounded-lg bg-background p-8 shadow-lg md:p-12", cardClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4 lg:gap-12", gridClassName), children: [
-          /* @__PURE__ */ jsxs("div", { className: cn("lg:col-span-1", profileSectionClassName), children: [
-            /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
-              /* @__PURE__ */ jsx(
+          (profileImage || tagline || personalMessage || ctaText) && /* @__PURE__ */ jsxs("div", { className: cn("lg:col-span-1", profileSectionClassName), children: [
+            (profileImage || tagline) && /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
+              profileImage && /* @__PURE__ */ jsx(
                 Img,
                 {
                   src: profileImage,
@@ -2669,19 +3425,19 @@ function FooterBackgroundCard({
                   optixFlowConfig
                 }
               ),
-              /* @__PURE__ */ jsx("h3", { className: cn("text-2xl font-medium", taglineClassName), children: tagline })
+              tagline && /* @__PURE__ */ jsx("h3", { className: cn("text-2xl font-medium", taglineClassName), children: tagline })
             ] }),
-            /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-sm leading-relaxed text-muted-foreground", messageClassName), children: personalMessage }),
-            /* @__PURE__ */ jsx(
+            personalMessage && /* @__PURE__ */ jsx("p", { className: cn("mb-6 text-sm leading-relaxed text-muted-foreground", messageClassName), children: personalMessage }),
+            ctaText && /* @__PURE__ */ jsx(
               Pressable,
               {
-                href: ctaUrl,
+                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),
                 children: ctaText
               }
             )
           ] }),
-          menuItems?.map((menu, idx) => /* @__PURE__ */ jsxs("div", { className: cn(menuSectionClassName), children: [
+          menuItems && menuItems.length > 0 && menuItems.map((menu, idx) => /* @__PURE__ */ jsxs("div", { className: cn(menuSectionClassName), children: [
             /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", menuTitleClassName), children: menu.title }),
             /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
               Pressable,
@@ -2692,15 +3448,15 @@ function FooterBackgroundCard({
               }
             ) }, index)) })
           ] }, idx)),
-          /* @__PURE__ */ jsxs("div", { className: cn(contactSectionClassName), children: [
-            /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
-            /* @__PURE__ */ jsxs("ul", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.phone }),
-              /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact?.email }),
-              /* @__PURE__ */ jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
-                contact?.location,
-                " \u2022 ",
-                contact?.timezone
+          (contactTitle || contact) && /* @__PURE__ */ jsxs("div", { className: cn(contactSectionClassName), children: [
+            contactTitle && /* @__PURE__ */ jsx("h3", { className: cn("mb-4 text-sm font-medium tracking-wider text-primary uppercase", contactTitleClassName), children: contactTitle }),
+            contact && /* @__PURE__ */ jsxs("ul", { className: "space-y-3", children: [
+              contact.phone && /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.phone }),
+              contact.email && /* @__PURE__ */ jsx("li", { className: cn("text-muted-foreground", contactItemClassName), children: contact.email }),
+              (contact.location || contact.timezone) && /* @__PURE__ */ jsxs("li", { className: cn("text-muted-foreground", contactItemClassName), children: [
+                contact.location,
+                contact.location && contact.timezone && " \u2022 ",
+                contact.timezone
               ] })
             ] })
           ] })
@@ -2708,10 +3464,10 @@ function FooterBackgroundCard({
         /* @__PURE__ */ 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__ */ 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__ */ jsx("p", { children: copyrightText }),
-            /* @__PURE__ */ jsx(
+            attributionText && /* @__PURE__ */ jsx(
               Pressable,
               {
-                href: attributionHref,
+                href: attributionHref || "https://opensite.ai",
                 className: "hover:text-primary",
                 target: "_blank",
                 rel: "noopener noreferrer",
@@ -2719,7 +3475,7 @@ function FooterBackgroundCard({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks?.map((link, idx) => /* @__PURE__ */ jsx(
+          bottomLinks && bottomLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("flex gap-4", bottomLinksClassName), children: bottomLinks.map((link, idx) => /* @__PURE__ */ jsx(
             Pressable,
             {
               href: link.url,
@@ -2755,11 +3511,11 @@ function FooterAnimatedSocial({
   heading,
   description,
   ctaText,
-  ctaUrl = "#",
+  ctaUrl,
   socialLinks,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   className,
   contentClassName,
   layoutClassName,
@@ -2773,13 +3529,45 @@ function FooterAnimatedSocial({
   bottomClassName,
   separatorClassName,
   copyrightClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const copyrightText = copyright ?? `\xA9 Copyright ${currentYear}. All rights Reserved.`;
+  const socialLinksContent = useMemo(() => {
+    if (!socialLinks || socialLinks.length === 0) return null;
+    return socialLinks.map((link) => /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        variants: itemVariants,
+        whileHover: { x: 4 },
+        transition: {
+          type: "spring",
+          stiffness: 300,
+          damping: 20
+        },
+        children: /* @__PURE__ */ jsxs(
+          Pressable,
+          {
+            href: link.href,
+            className: cn("group flex items-center gap-2 py-2 text-foreground transition-colors hover:text-foreground/80", socialLinkClassName),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xl font-medium", children: link.name }),
+              /* @__PURE__ */ jsx(
+                DynamicIcon,
+                {
+                  name: "lucide/arrow-up-right",
+                  size: 24,
+                  className: "transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5"
+                }
+              )
+            ]
+          }
+        )
+      },
+      link.name
+    ));
+  }, [socialLinks, socialLinkClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -2803,7 +3591,7 @@ function FooterAnimatedSocial({
                   /* @__PURE__ */ jsx("h2", { className: cn("text-4xl leading-tight font-bold text-foreground lg:text-5xl", headingClassName), children: heading }),
                   /* @__PURE__ */ jsx("p", { className: cn("max-w-md text-lg leading-relaxed text-muted-foreground", descriptionClassName), children: description })
                 ] }),
-                /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
+                ctaUrl && ctaText && /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx(
                   Pressable,
                   {
                     href: ctaUrl,
@@ -2812,37 +3600,7 @@ function FooterAnimatedSocial({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx("div", { className: cn("mt-5 space-y-8 md:mt-0", rightColumnClassName), children: /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-6", socialLinksClassName), children: socialLinks?.map((link) => /* @__PURE__ */ jsx(
-                motion.div,
-                {
-                  variants: itemVariants,
-                  whileHover: { x: 4 },
-                  transition: {
-                    type: "spring",
-                    stiffness: 300,
-                    damping: 20
-                  },
-                  children: /* @__PURE__ */ jsxs(
-                    Pressable,
-                    {
-                      href: link.href,
-                      className: cn("group flex items-center gap-2 py-2 text-foreground transition-colors hover:text-foreground/80", socialLinkClassName),
-                      children: [
-                        /* @__PURE__ */ jsx("span", { className: "text-xl font-medium", children: link.name }),
-                        /* @__PURE__ */ jsx(
-                          DynamicIcon,
-                          {
-                            name: "lucide/arrow-up-right",
-                            size: 24,
-                            className: "transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5"
-                          }
-                        )
-                      ]
-                    }
-                  )
-                },
-                link.name
-              )) }) }) })
+              /* @__PURE__ */ jsx("div", { className: cn("mt-5 space-y-8 md:mt-0", rightColumnClassName), children: /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: cn("space-y-6", socialLinksClassName), children: socialLinksContent }) }) })
             ]
           }
         ),
@@ -2862,7 +3620,7 @@ function FooterAnimatedSocial({
                   variants: itemVariants,
                   className: cn("flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center", copyrightClassName),
                   children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: copyrightText }),
+                    copyright && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: copyright }),
                     /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6 text-sm", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(
                       motion.a,
                       {
@@ -3016,11 +3774,11 @@ function FooterNewsletterMinimal({
   socialLinks,
   footerLinks,
   newsletterLabel,
-  newsletterPlaceholder = "Email*",
+  newsletterPlaceholder,
   brandText,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   location,
   className,
   contentClassName,
@@ -3043,8 +3801,8 @@ function FooterNewsletterMinimal({
   brandSectionClassName,
   brandTextClassName,
   copyrightClassName,
-  background = "dark",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   formConfig,
@@ -3052,6 +3810,50 @@ function FooterNewsletterMinimal({
   onSuccess,
   onError
 }) {
+  const navLinksContent = useMemo(() => {
+    if (!navLinks || navLinks.length === 0) return null;
+    return navLinks.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        href: item.href,
+        className: cn("tracking-tight text-foreground hover:text-foreground/30", navLinkClassName),
+        children: item.label
+      }
+    ) }, idx));
+  }, [navLinks, navLinkClassName]);
+  const socialLinksContent = useMemo(() => {
+    if (!socialLinks || socialLinks.length === 0) return null;
+    return socialLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+      Pressable,
+      {
+        href: item.href,
+        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", socialLinkClassName),
+        children: [
+          item.label,
+          " ",
+          /* @__PURE__ */ jsx(
+            DynamicIcon,
+            {
+              name: "lucide/arrow-up-right",
+              size: 14,
+              className: "text-foreground group-hover:text-muted-foreground/50"
+            }
+          )
+        ]
+      }
+    ) }, item.label));
+  }, [socialLinks, socialLinkClassName]);
+  const footerLinksContent = useMemo(() => {
+    if (!footerLinks || footerLinks.length === 0) return null;
+    return footerLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        href: item.href,
+        className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", footerLinkClassName),
+        children: item.label
+      }
+    ) }, item.label));
+  }, [footerLinks, footerLinkClassName]);
   const form = useForm({
     initialValues: {
       email: ""
@@ -3092,8 +3894,6 @@ function FooterNewsletterMinimal({
     }
   });
   const formMethod = formConfig?.method?.toLowerCase() === "get" ? "get" : "post";
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -3105,45 +3905,20 @@ function FooterNewsletterMinimal({
       children: /* @__PURE__ */ jsxs("div", { className: cn(contentClassName), children: [
         /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col justify-between gap-15 lg:flex-row", topSectionClassName), children: [
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
-            /* @__PURE__ */ jsx("p", { className: cn("relative text-4xl font-medium tracking-tight lg:text-5xl", headingClassName), children: heading }),
-            /* @__PURE__ */ jsxs("div", { className: cn("space-y-1 text-sm font-light tracking-tight lg:text-base", supportClassName), children: [
-              /* @__PURE__ */ jsx("p", { children: supportLabel }),
-              /* @__PURE__ */ jsx(Pressable, { href: `mailto:${supportEmail}`, children: supportEmail })
+            heading && /* @__PURE__ */ jsx("p", { className: cn("relative text-4xl font-medium tracking-tight lg:text-5xl", headingClassName), children: heading }),
+            (supportLabel || supportEmail) && /* @__PURE__ */ jsxs("div", { className: cn("space-y-1 text-sm font-light tracking-tight lg:text-base", supportClassName), children: [
+              supportLabel && /* @__PURE__ */ jsx("p", { children: supportLabel }),
+              supportEmail && /* @__PURE__ */ jsx(Pressable, { href: `mailto:${supportEmail}`, children: supportEmail })
             ] })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: cn("grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", navGridClassName), children: [
-            /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", navLinksClassName), children: navLinks?.map((item, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-              Pressable,
-              {
-                href: item.href,
-                className: cn("tracking-tight text-foreground hover:text-foreground/30", navLinkClassName),
-                children: item.label
-              }
-            ) }, idx)) }),
-            /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", socialLinksClassName), children: socialLinks?.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-              Pressable,
-              {
-                href: item.href,
-                className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", socialLinkClassName),
-                children: [
-                  item.label,
-                  " ",
-                  /* @__PURE__ */ jsx(
-                    DynamicIcon,
-                    {
-                      name: "lucide/arrow-up-right",
-                      size: 14,
-                      className: "text-foreground group-hover:text-muted-foreground/50"
-                    }
-                  )
-                ]
-              }
-            ) }, item.label)) })
+            /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", navLinksClassName), children: navLinksContent }),
+            /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", socialLinksClassName), children: socialLinksContent })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: cn("mt-20 flex flex-col justify-between gap-15 lg:flex-row", newsletterSectionClassName), children: [
           /* @__PURE__ */ jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
-            /* @__PURE__ */ jsx("p", { children: newsletterLabel }),
+            newsletterLabel && /* @__PURE__ */ jsx("p", { children: newsletterLabel }),
             /* @__PURE__ */ jsxs(
               Form,
               {
@@ -3179,18 +3954,11 @@ function FooterNewsletterMinimal({
             )
           ] }) }),
           /* @__PURE__ */ jsxs("div", { className: cn("grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", bottomGridClassName), children: [
-            /* @__PURE__ */ jsx("div", { className: cn("w-32", locationClassName), children: location }),
-            /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinks?.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-              Pressable,
-              {
-                href: item.href,
-                className: cn("group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30", footerLinkClassName),
-                children: item.label
-              }
-            ) }, item.label)) })
+            location && /* @__PURE__ */ jsx("div", { className: cn("w-32", locationClassName), children: location }),
+            /* @__PURE__ */ jsx("ul", { className: cn("space-y-1", footerLinksClassName), children: footerLinksContent })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: cn("mt-20 w-full lg:mt-32", brandSectionClassName), children: /* @__PURE__ */ jsx(
+        brandText && /* @__PURE__ */ jsx("div", { className: cn("mt-20 w-full lg:mt-32", brandSectionClassName), children: /* @__PURE__ */ jsx(
           motion.div,
           {
             initial: { opacity: 0, y: 20 },
@@ -3201,9 +3969,9 @@ function FooterNewsletterMinimal({
             children: /* @__PURE__ */ jsx("span", { className: cn("text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl", brandTextClassName), children: brandText })
           }
         ) }),
-        /* @__PURE__ */ jsxs("div", { className: cn("mt-8 text-center text-sm text-muted-foreground", copyrightClassName), children: [
-          /* @__PURE__ */ jsx("p", { children: copyrightText }),
-          /* @__PURE__ */ jsx(
+        (copyright || attributionText) && /* @__PURE__ */ jsxs("div", { className: cn("mt-8 text-center text-sm text-muted-foreground", copyrightClassName), children: [
+          copyright && /* @__PURE__ */ jsx("p", { children: copyright }),
+          attributionText && attributionHref && /* @__PURE__ */ jsx(
             Pressable,
             {
               href: attributionHref,
@@ -3228,7 +3996,7 @@ function FooterCtaSocial({
   socialLinks,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   className,
   contentClassName,
   containerClassName,
@@ -3243,13 +4011,27 @@ function FooterCtaSocial({
   emailClassName,
   bottomClassName,
   copyrightClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
+  const socialLinksContent = useMemo(() => {
+    if (!socialLinks || socialLinks.length === 0) return null;
+    return socialLinks.map((link) => /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        href: link.url,
+        variant: "outline",
+        size: "icon",
+        asButton: true,
+        className: cn("h-12 w-12 rounded-full", socialLinkClassName),
+        "aria-label": link.label,
+        children: /* @__PURE__ */ jsx(DynamicIcon, { name: link.icon, size: 20 })
+      },
+      link.url
+    ));
+  }, [socialLinks, socialLinkClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -3284,19 +4066,8 @@ function FooterCtaSocial({
             ]
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-6 pt-8", socialLinksClassName), children: socialLinks?.map((link, idx) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Pressable,
-            {
-              href: link.url,
-              className: cn("text-muted-foreground transition-colors hover:text-foreground", socialLinkClassName),
-              "aria-label": link.label,
-              children: /* @__PURE__ */ jsx(DynamicIcon, { name: link.icon, size: 20 })
-            }
-          ),
-          idx < (socialLinks?.length ?? 0) - 1 && /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border" })
-        ] }, idx)) }),
-        /* @__PURE__ */ jsx("p", { className: cn("pt-2 text-sm text-muted-foreground md:text-base", emailClassName), children: /* @__PURE__ */ jsx(
+        socialLinks && socialLinks.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-6 pt-8", socialLinksClassName), children: socialLinksContent }),
+        email && /* @__PURE__ */ jsx("p", { className: cn("pt-2 text-sm text-muted-foreground md:text-base", emailClassName), children: /* @__PURE__ */ jsx(
           Pressable,
           {
             href: `mailto:${email}`,
@@ -3305,8 +4076,8 @@ function FooterCtaSocial({
           }
         ) }),
         /* @__PURE__ */ jsxs("div", { className: cn("mt-8 border-t pt-8 text-sm text-muted-foreground", bottomClassName), children: [
-          /* @__PURE__ */ jsx("p", { className: cn(copyrightClassName), children: copyrightText }),
-          /* @__PURE__ */ jsx(
+          copyright && /* @__PURE__ */ jsx("p", { className: cn(copyrightClassName), children: copyright }),
+          attributionHref && attributionText && /* @__PURE__ */ jsx(
             Pressable,
             {
               href: attributionHref,
@@ -3322,22 +4093,17 @@ function FooterCtaSocial({
   );
 }
 function FooterNavSocial({
-  logo = {
-    url: "https://opensite.ai",
-    src: "https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png",
-    alt: "Opensite AI",
-    title: "Opensite AI"
-  },
+  logo,
   sections,
   socialLinks,
   newsletterHeading,
   newsletterDescription,
-  newsletterPlaceholder = "Enter your email",
+  newsletterPlaceholder,
   newsletterButtonText,
   socialTitle,
   copyright,
   attributionText,
-  attributionHref = "https://opensite.ai",
+  attributionHref,
   legalLinks,
   className,
   contentClassName,
@@ -3364,14 +4130,42 @@ function FooterNavSocial({
   copyrightClassName,
   legalLinksClassName,
   legalLinkClassName,
-  background = "white",
-  spacing = "lg",
+  background,
+  spacing,
   pattern,
   patternOpacity,
   optixFlowConfig
 }) {
-  const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const copyrightText = copyright ?? `\xA9 ${currentYear} Opensite AI. All rights reserved.`;
+  const sectionsContent = useMemo(() => {
+    if (!sections || sections.length === 0) return null;
+    return sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
+      /* @__PURE__ */ jsx("h3", { className: cn("mb-4 font-semibold", navTitleClassName), children: section.title }),
+      /* @__PURE__ */ jsx("ul", { className: cn("space-y-3 text-sm text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { className: cn(navLinkClassName), children: /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          href: link.href,
+          className: "hover:text-primary",
+          children: link.name
+        }
+      ) }, linkIdx)) })
+    ] }, sectionIdx));
+  }, [sections, navSectionClassName, navTitleClassName, navLinksClassName, navLinkClassName]);
+  const socialLinksContent = useMemo(() => {
+    if (!socialLinks || socialLinks.length === 0) return null;
+    return socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        href: social.href,
+        "aria-label": social.label,
+        className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName),
+        children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 })
+      }
+    ) }, idx));
+  }, [socialLinks, socialLinkClassName]);
+  const legalLinksContent = useMemo(() => {
+    if (!legalLinks || legalLinks.length === 0) return null;
+    return legalLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { className: cn(legalLinkClassName), children: /* @__PURE__ */ jsx(Pressable, { href: link.href, className: "hover:text-primary", children: link.name }) }, idx));
+  }, [legalLinks, legalLinkClassName]);
   return /* @__PURE__ */ jsx(
     Section,
     {
@@ -3383,13 +4177,13 @@ function FooterNavSocial({
       children: /* @__PURE__ */ jsx("div", { className: cn(contentClassName), children: /* @__PURE__ */ jsxs("footer", { children: [
         /* @__PURE__ */ jsxs("div", { className: cn("grid gap-10 lg:grid-cols-2", gridClassName), children: [
           /* @__PURE__ */ jsxs("div", { className: cn(leftColumnClassName), children: [
-            /* @__PURE__ */ jsxs(
+            logo && /* @__PURE__ */ jsxs(
               Pressable,
               {
                 href: logo.url,
                 className: cn("mb-8 flex items-center gap-2", logoWrapperClassName),
                 children: [
-                  /* @__PURE__ */ jsx(
+                  logo.src && /* @__PURE__ */ jsx(
                     Img,
                     {
                       src: logo.src,
@@ -3398,26 +4192,16 @@ function FooterNavSocial({
                       optixFlowConfig
                     }
                   ),
-                  /* @__PURE__ */ jsx("span", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
+                  logo.title && /* @__PURE__ */ jsx("span", { className: cn("text-xl font-semibold", logoTitleClassName), children: logo.title })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx("div", { className: cn("grid gap-8 sm:grid-cols-3", navGridClassName), children: sections?.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { className: cn(navSectionClassName), children: [
-              /* @__PURE__ */ jsx("h3", { className: cn("mb-4 font-semibold", navTitleClassName), children: section.title }),
-              /* @__PURE__ */ jsx("ul", { className: cn("space-y-3 text-sm text-muted-foreground", navLinksClassName), children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { className: cn(navLinkClassName), children: /* @__PURE__ */ jsx(
-                Pressable,
-                {
-                  href: link.href,
-                  className: "hover:text-primary",
-                  children: link.name
-                }
-              ) }, linkIdx)) })
-            ] }, sectionIdx)) })
+            /* @__PURE__ */ jsx("div", { className: cn("grid gap-8 sm:grid-cols-3", navGridClassName), children: sectionsContent })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col justify-between", rightColumnClassName), children: [
-            /* @__PURE__ */ jsxs("div", { className: cn("mb-8", newsletterClassName), children: [
-              /* @__PURE__ */ jsx("h3", { className: cn("mb-2 text-lg font-semibold", newsletterHeadingClassName), children: newsletterHeading }),
-              /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-sm text-muted-foreground", newsletterDescriptionClassName), children: newsletterDescription }),
+            (newsletterHeading || newsletterDescription) && /* @__PURE__ */ jsxs("div", { className: cn("mb-8", newsletterClassName), children: [
+              newsletterHeading && /* @__PURE__ */ jsx("h3", { className: cn("mb-2 text-lg font-semibold", newsletterHeadingClassName), children: newsletterHeading }),
+              newsletterDescription && /* @__PURE__ */ jsx("p", { className: cn("mb-4 text-sm text-muted-foreground", newsletterDescriptionClassName), children: newsletterDescription }),
               /* @__PURE__ */ jsxs("div", { className: cn("flex max-w-md gap-2", newsletterFormClassName), children: [
                 /* @__PURE__ */ jsx(
                   "input",
@@ -3427,7 +4211,7 @@ function FooterNavSocial({
                     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"
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                newsletterButtonText && /* @__PURE__ */ jsx(
                   "button",
                   {
                     type: "submit",
@@ -3437,24 +4221,16 @@ function FooterNavSocial({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: cn(socialSectionClassName), children: [
-              /* @__PURE__ */ jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
-              /* @__PURE__ */ jsx("ul", { className: cn("flex items-center gap-4", socialLinksClassName), children: socialLinks?.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
-                Pressable,
-                {
-                  href: social.href,
-                  "aria-label": social.label,
-                  className: cn("text-muted-foreground transition-colors hover:text-primary", socialLinkClassName),
-                  children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 })
-                }
-              ) }, idx)) })
+            (socialTitle || socialLinksContent) && /* @__PURE__ */ jsxs("div", { className: cn(socialSectionClassName), children: [
+              socialTitle && /* @__PURE__ */ jsx("p", { className: cn("mb-4 font-medium", socialTitleClassName), children: socialTitle }),
+              /* @__PURE__ */ jsx("ul", { className: cn("flex items-center gap-4", socialLinksClassName), children: socialLinksContent })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ 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__ */ jsxs("div", { className: cn("flex flex-col gap-2 md:flex-row md:items-center md:gap-4", copyrightClassName), children: [
-            /* @__PURE__ */ jsx("p", { children: copyrightText }),
-            /* @__PURE__ */ jsx(
+            copyright && /* @__PURE__ */ jsx("p", { children: copyright }),
+            attributionText && attributionHref && /* @__PURE__ */ jsx(
               Pressable,
               {
                 href: attributionHref,
@@ -3465,11 +4241,11 @@ function FooterNavSocial({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinks?.map((link, idx) => /* @__PURE__ */ jsx("li", { className: cn(legalLinkClassName), children: /* @__PURE__ */ jsx(Pressable, { href: link.href, className: "hover:text-primary", children: link.name }) }, idx)) })
+          legalLinksContent && /* @__PURE__ */ jsx("ul", { className: cn("flex gap-4", legalLinksClassName), children: legalLinksContent })
         ] })
       ] }) })
     }
   );
 }
 
-export { AlternatingBlocks, AnimatedDialog, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Container, DynamicIcon, FooterAnimatedSocial, FooterBackgroundCard, FooterBrandDescription, FooterContactCard, FooterCtaBanner, FooterCtaSocial, FooterLinksGrid, FooterNavSocial, FooterNewsletterGrid, FooterNewsletterMinimal, FooterSimpleCentered, FooterSocialApps, FooterSocialNewsletter, ImageSlider, MediaHoverCtas, PageHeroBanner, Popover, PopoverContent, PopoverTrigger, Pressable, Section, cn, useNavigation };
+export { AboutCultureTabs, AboutExpandableValues, AboutMissionPrinciples, AboutSplitHero, AlternatingBlocks, AnimatedDialog, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CommunityInitiatives, Container, DynamicIcon, FooterAnimatedSocial, FooterBackgroundCard, FooterBrandDescription, FooterContactCard, FooterCtaBanner, FooterCtaSocial, FooterLinksGrid, FooterNavSocial, FooterNewsletterGrid, FooterNewsletterMinimal, FooterSimpleCentered, FooterSocialApps, FooterSocialNewsletter, ImageSlider, MediaHoverCtas, PageHeroBanner, Popover, PopoverContent, PopoverTrigger, Pressable, Section, cn, useNavigation };