@opensite/ui 0.1.2 → 0.1.4

package/dist/components.cjs

@@ -952,15 +952,22 @@ var Pressable = React4__namespace.forwardRef(
       shouldApplyButtonStyles && buttonVariants({ variant, size }),
       className
     );
+    const dataProps = Object.fromEntries(
+      Object.entries(props).filter(([key]) => key.startsWith("data-"))
+    );
+    const buttonDataAttributes = shouldApplyButtonStyles ? {
+      "data-slot": "button",
+      "data-variant": variant ?? "default",
+      "data-size": size ?? "default"
+    } : {};
     const commonProps = {
       className: combinedClassName,
       onClick: handleClick,
       "aria-label": ariaLabel,
       "aria-describedby": ariaDescribedby,
       id,
-      ...Object.fromEntries(
-        Object.entries(props).filter(([key]) => key.startsWith("data-"))
-      )
+      ...dataProps,
+      ...buttonDataAttributes
     };
     if (finalComponentType === "a" && shouldRenderLink) {
       return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1109,6 +1116,1494 @@ function MediaHoverCtas(props) {
     }
   ) });
 }
+var defaultMenuItems = [
+  {
+    title: "Product",
+    links: [
+      { text: "Overview", url: "#" },
+      { text: "Pricing", url: "#" },
+      { text: "Marketplace", url: "#" },
+      { text: "Features", url: "#" },
+      { text: "Integrations", url: "#" }
+    ]
+  },
+  {
+    title: "Company",
+    links: [
+      { text: "About", url: "#" },
+      { text: "Team", url: "#" },
+      { text: "Blog", url: "#" },
+      { text: "Careers", url: "#" },
+      { text: "Contact", url: "#" }
+    ]
+  },
+  {
+    title: "Resources",
+    links: [
+      { text: "Help", url: "#" },
+      { text: "Sales", url: "#" },
+      { text: "Advertise", url: "#" }
+    ]
+  },
+  {
+    title: "Social",
+    links: [
+      { text: "Twitter", url: "#" },
+      { text: "Instagram", url: "#" },
+      { text: "LinkedIn", url: "#" }
+    ]
+  }
+];
+var defaultBottomLinks = [
+  { text: "Terms and Conditions", url: "#" },
+  { text: "Privacy Policy", url: "#" }
+];
+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"
+  },
+  className,
+  tagline = "Components made easy.",
+  menuItems = defaultMenuItems,
+  copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opensite AI. All rights reserved.`,
+  bottomLinks = defaultBottomLinks,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-8 lg:grid-cols-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 mb-8 lg:mb-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 lg:justify-start", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: logo.url, className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              alt: logo.alt,
+              className: "h-10 dark:invert",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-semibold", children: logo.title })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-4 font-bold", children: tagline })
+      ] }),
+      menuItems.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-bold", children: section.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            className: "font-medium hover:text-primary",
+            children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.url, children: link.text })
+          },
+          linkIdx
+        )) })
+      ] }, sectionIdx))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-24 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground md:flex-row md:items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-primary",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: bottomLinks.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "underline hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.url, children: link.text }) }, linkIdx)) })
+    ] })
+  ] }) }) });
+}
+var defaultSections = [
+  {
+    title: "Product",
+    links: [
+      { name: "Overview", href: "#" },
+      { name: "Pricing", href: "#" },
+      { name: "Marketplace", href: "#" },
+      { name: "Features", href: "#" },
+      { name: "Integrations", href: "#" }
+    ]
+  },
+  {
+    title: "Company",
+    links: [
+      { name: "About", href: "#" },
+      { name: "Team", href: "#" },
+      { name: "Blog", href: "#" },
+      { name: "Careers", href: "#" },
+      { name: "Contact", href: "#" }
+    ]
+  },
+  {
+    title: "Resources",
+    links: [
+      { name: "Help", href: "#" },
+      { name: "Sales", href: "#" },
+      { name: "Advertise", href: "#" }
+    ]
+  }
+];
+var defaultSocialLinks = [
+  { icon: "simple-icons/discord", href: "#", label: "Discord" },
+  { icon: "simple-icons/reddit", href: "#", label: "Reddit" },
+  { icon: "simple-icons/x", href: "#", label: "X (Twitter)" },
+  { icon: "simple-icons/telegram", href: "#", label: "Telegram" },
+  { icon: "simple-icons/linkedin", href: "#", label: "LinkedIn" }
+];
+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"
+  },
+  className,
+  sections = defaultSections,
+  socialLinks = defaultSocialLinks,
+  newsletterLabel = "Subscribe to our newsletter",
+  newsletterPlaceholder = "Email",
+  newsletterButtonText = "Subscribe",
+  privacyLinkText = "Privacy Policy",
+  privacyLinkUrl = "#",
+  copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opensite AI. All rights reserved.`,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("a", { href: logo.url, className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        img.Img,
+        {
+          src: logo.src,
+          alt: logo.alt,
+          className: "h-10",
+          optixFlowConfig
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-semibold", children: logo.title })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-14 grid gap-8 md:grid-cols-2 lg:grid-cols-5 xl:grid-cols-4", children: [
+      sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-bold", children: section.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            className: "font-medium hover:text-primary",
+            children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, children: link.name })
+          },
+          linkIdx
+        )) })
+      ] }, sectionIdx)),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2 xl:col-span-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "mb-10 flex items-center gap-2 text-muted-foreground", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-12 items-center justify-center rounded-full bg-muted transition-colors hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 24 }) }) }) }, idx)) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "newsletter-email", className: "text-sm font-medium", children: newsletterLabel }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-sm items-center space-x-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "email",
+                id: "newsletter-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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [
+            "By submitting, you agree to our",
+            /* @__PURE__ */ jsxRuntime.jsx("a", { href: privacyLinkUrl, className: "ml-1 text-primary hover:underline", children: privacyLinkText })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-20 flex flex-col justify-between gap-4 border-t pt-8 text-sm font-medium text-muted-foreground md:flex-row md:items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: "https://opensite.ai",
+          className: "hover:text-primary",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "AI Website and Automation Platform by Opensite"
+        }
+      )
+    ] }) })
+  ] }) }) });
+}
+var defaultSections2 = [
+  {
+    title: "Product",
+    links: [
+      { name: "Overview", href: "#" },
+      { name: "Pricing", href: "#" },
+      { name: "Marketplace", href: "#" },
+      { name: "Features", href: "#" }
+    ]
+  },
+  {
+    title: "Company",
+    links: [
+      { name: "About", href: "#" },
+      { name: "Team", href: "#" },
+      { name: "Blog", href: "#" },
+      { name: "Careers", href: "#" }
+    ]
+  },
+  {
+    title: "Resources",
+    links: [
+      { name: "Help", href: "#" },
+      { name: "Sales", href: "#" },
+      { name: "Advertise", href: "#" }
+    ]
+  }
+];
+var defaultSocialLinks2 = [
+  { icon: "simple-icons/discord", href: "#", label: "Discord" },
+  { icon: "simple-icons/x", href: "#", label: "X (Twitter)" },
+  { icon: "simple-icons/instagram", href: "#", label: "Instagram" },
+  { icon: "simple-icons/linkedin", href: "#", label: "LinkedIn" }
+];
+var defaultAppLinks = [
+  { icon: "mdi/android", href: "#", label: "Android" },
+  { icon: "mdi/apple", href: "#", label: "iOS" }
+];
+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"
+  },
+  className,
+  sections = defaultSections2,
+  socialLinks = defaultSocialLinks2,
+  appLinks = defaultAppLinks,
+  socialLabel = "Follow Us",
+  appLabel = "Mobile App",
+  copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opensite AI. All rights reserved.`,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between gap-10 lg:flex-row lg:gap-20", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6", children: /* @__PURE__ */ jsxRuntime.jsxs("a", { href: logo.url, className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          img.Img,
+          {
+            src: logo.src,
+            alt: logo.alt,
+            className: "h-10",
+            optixFlowConfig
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-semibold", children: logo.title })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid flex-1 gap-8 sm:grid-cols-2 md:grid-cols-3", children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-bold", children: section.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            className: "font-medium hover:text-primary",
+            children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, children: link.name })
+          },
+          linkIdx
+        )) })
+      ] }, sectionIdx)) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 font-bold", children: socialLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-2 text-muted-foreground", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-12 items-center justify-center rounded-full bg-muted transition-colors hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 24 }) }) }) }, idx)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-3 font-bold", children: appLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-2 text-muted-foreground", children: appLinks.map((app, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: app.href, "aria-label": app.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-12 items-center justify-center rounded-full bg-muted transition-colors hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: app.icon, size: 24 }) }) }) }, idx)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-24 border-t pt-8", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { children: copyright }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: "https://opensite.ai",
+          className: "hover:text-primary",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "AI Website and Automation Platform by Opensite"
+        }
+      )
+    ] }) })
+  ] }) }) });
+}
+var defaultSitemap = [
+  {
+    title: "Company",
+    links: [
+      { title: "About Us", href: "#" },
+      { title: "Careers", href: "#" },
+      { title: "Contact", href: "#" },
+      { title: "Press", href: "#" }
+    ]
+  },
+  {
+    title: "Support",
+    links: [
+      { title: "Help Center", href: "#" },
+      { title: "Community", href: "#" },
+      { title: "Status", href: "#" },
+      { title: "API Docs", href: "#" }
+    ]
+  }
+];
+var defaultBottomLinks2 = [
+  { text: "Terms & Conditions", href: "#" },
+  { text: "Privacy Policy", href: "#" }
+];
+function FooterSimpleCentered({
+  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"
+  },
+  className,
+  tagline = "Components made easy.",
+  sitemap = defaultSitemap,
+  copyright = `\xA9 Opensite AI ${(/* @__PURE__ */ new Date()).getFullYear()}`,
+  bottomLinks = defaultBottomLinks2,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-16", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mb-8 flex w-full flex-col gap-x-28 gap-y-8 md:flex-row md:justify-between md:gap-y-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-96", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex size-12 items-center justify-center rounded-lg border border-border bg-accent p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              alt: logo.alt,
+              className: "size-12 h-full w-full object-contain object-center",
+              optixFlowConfig
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-bold", children: logo.title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-base font-medium text-muted-foreground", children: tagline })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start gap-x-20 gap-y-14 xl:flex-row", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "h-fit w-min", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "mb-6 text-base font-semibold whitespace-nowrap", children: section.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-base font-medium text-muted-foreground", children: section.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: link.href,
+            className: "text-base whitespace-nowrap hover:text-accent-foreground",
+            children: link.title
+          }
+        ) }, link.title)) })
+      ] }, section.title)) }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-baseline justify-between gap-8 border-t border-border pt-8 md:flex-row md:gap-16", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 text-xs text-muted-foreground sm:flex-row sm:items-center sm:gap-4 sm:text-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: copyright }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-accent-foreground",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-start gap-4 text-xs text-muted-foreground sm:text-sm md:flex-row lg:items-center", children: bottomLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: "hover:text-accent-foreground", children: link.text }, idx)) })
+    ] })
+  ] }) }) });
+}
+var defaultSections3 = [
+  {
+    title: "Product",
+    links: [
+      { name: "Overview", href: "#" },
+      { name: "Pricing", href: "#" },
+      { name: "Marketplace", href: "#" },
+      { name: "Features", href: "#" }
+    ]
+  },
+  {
+    title: "Company",
+    links: [
+      { name: "About", href: "#" },
+      { name: "Team", href: "#" },
+      { name: "Blog", href: "#" },
+      { name: "Careers", href: "#" }
+    ]
+  },
+  {
+    title: "Resources",
+    links: [
+      { name: "Help", href: "#" },
+      { name: "Sales", href: "#" },
+      { name: "Advertise", href: "#" },
+      { name: "Privacy", href: "#" }
+    ]
+  }
+];
+var defaultSocialLinks3 = [
+  { icon: "simple-icons/instagram", href: "#", label: "Instagram" },
+  { icon: "simple-icons/facebook", href: "#", label: "Facebook" },
+  { icon: "simple-icons/x", href: "#", label: "X (Twitter)" },
+  { icon: "simple-icons/linkedin", href: "#", label: "LinkedIn" }
+];
+var defaultLegalLinks = [
+  { name: "Terms and Conditions", href: "#" },
+  { name: "Privacy Policy", href: "#" }
+];
+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"
+  },
+  className,
+  sections = defaultSections3,
+  description = "A collection of components for your startup business or side project.",
+  socialLinks = defaultSocialLinks3,
+  copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opensite AI. All rights reserved.`,
+  legalLinks = defaultLegalLinks,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col justify-between gap-10 lg:flex-row lg:items-start lg:text-left", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col justify-between gap-6 lg:items-start", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 lg:justify-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo.url, children: /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              alt: logo.alt,
+              className: "h-8",
+              optixFlowConfig
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold", children: logo.title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-[70%] text-sm text-muted-foreground", children: description }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center space-x-6 text-muted-foreground", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "font-medium hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 }) }) }, idx)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full gap-6 md:grid-cols-3 lg:gap-20", children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-bold", children: section.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            className: "font-medium hover:text-primary",
+            children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, children: link.name })
+          },
+          linkIdx
+        )) })
+      ] }, sectionIdx)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "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", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "order-2 flex flex-col gap-2 lg:order-1 lg:flex-row lg:items-center lg:gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-primary",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "order-1 flex flex-col gap-2 md:order-2 md:flex-row", children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: "hover:text-primary", children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, children: link.name }) }, idx)) })
+    ] })
+  ] }) });
+}
+var defaultSections4 = [
+  {
+    title: "Product",
+    links: [
+      { name: "Overview", href: "#" },
+      { name: "Pricing", href: "#" },
+      { name: "Marketplace", href: "#" },
+      { name: "Features", href: "#" },
+      { name: "Integrations", href: "#" },
+      { name: "Marketing", href: "#" }
+    ]
+  },
+  {
+    title: "Company",
+    links: [
+      { name: "About", href: "#" },
+      { name: "Team", href: "#" },
+      { name: "Blog", href: "#" },
+      { name: "Careers", href: "#" },
+      { name: "Contact", href: "#" }
+    ]
+  }
+];
+var defaultSocialLinks4 = [
+  { icon: "simple-icons/instagram", href: "#", label: "Instagram" },
+  { icon: "simple-icons/facebook", href: "#", label: "Facebook" },
+  { icon: "simple-icons/x", href: "#", label: "X (Twitter)" },
+  { icon: "simple-icons/linkedin", href: "#", label: "LinkedIn" }
+];
+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"
+  },
+  className,
+  description = "A collection of 100+ responsive HTML templates for your startup business or side project.",
+  sections = defaultSections4,
+  socialLinks = defaultSocialLinks4,
+  newsletterTitle = "Newsletter",
+  newsletterPlaceholder = "Email",
+  newsletterButtonText = "Subscribe",
+  privacyText = "By submitting, you agree to our",
+  privacyLinkText = "Privacy Policy",
+  privacyLinkUrl = "#",
+  copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opensite AI. All rights reserved.`,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-4 justify-between gap-10 lg:grid-cols-6 lg:text-left", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-4 flex w-full flex-col gap-6 lg:col-span-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 lg:justify-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: logo.url, children: /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              alt: logo.alt,
+              className: "h-8",
+              optixFlowConfig
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold", children: logo.title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: description }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center space-x-6", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            className: "font-medium duration-200 hover:scale-110 hover:text-muted-foreground",
+            children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 24 }) })
+          },
+          idx
+        )) })
+      ] }),
+      sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-2 md:col-span-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-5 font-medium", children: section.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-4 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx(
+          "li",
+          {
+            className: "font-medium hover:text-primary",
+            children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, children: link.name })
+          },
+          linkIdx
+        )) })
+      ] }, sectionIdx)),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-4 md:col-span-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-5 font-medium", children: newsletterTitle }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-1.5", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center space-x-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              type: "email",
+              placeholder: newsletterPlaceholder,
+              className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: [
+          privacyText,
+          /* @__PURE__ */ jsxRuntime.jsx("a", { href: privacyLinkUrl, className: "ml-1 text-primary hover:underline", children: privacyLinkText })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 lg:flex-row lg:items-center lg:gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1 font-bold text-primary", children: "Opensite AI" }),
+        copyright
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: "https://opensite.ai",
+          className: "hover:text-primary",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "AI Website and Automation Platform by Opensite"
+        }
+      )
+    ] })
+  ] }) }) });
+}
+var defaultSections5 = [
+  {
+    title: "Product",
+    links: [
+      { name: "Overview", href: "#" },
+      { name: "Pricing", href: "#" },
+      { name: "Marketplace", href: "#" },
+      { name: "Features", href: "#" }
+    ]
+  },
+  {
+    title: "Company",
+    links: [
+      { name: "About", href: "#" },
+      { name: "Team", href: "#" },
+      { name: "Blog", href: "#" },
+      { name: "Careers", href: "#" }
+    ]
+  },
+  {
+    title: "Resources",
+    links: [
+      { name: "Help", href: "#" },
+      { name: "Sales", href: "#" },
+      { name: "Advertise", href: "#" }
+    ]
+  }
+];
+var defaultSocialLinks5 = [
+  { icon: "simple-icons/instagram", href: "#", label: "Instagram" },
+  { icon: "simple-icons/facebook", href: "#", label: "Facebook" },
+  { icon: "simple-icons/x", href: "#", label: "X (Twitter)" },
+  { icon: "simple-icons/linkedin", href: "#", label: "LinkedIn" }
+];
+var defaultLegalLinks2 = [
+  { name: "Terms and Conditions", href: "#" },
+  { name: "Privacy Policy", href: "#" }
+];
+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"
+  },
+  className,
+  ctaHeading = "Ready to get started?",
+  ctaDescription = "Join thousands of satisfied customers using our platform to build amazing websites.",
+  ctaButtonText = "Get Started",
+  ctaButtonUrl = "#",
+  sections = defaultSections5,
+  socialLinks = defaultSocialLinks5,
+  newsletterLabel = "Subscribe to our newsletter",
+  newsletterPlaceholder = "Enter your email",
+  newsletterButtonText = "Subscribe",
+  copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opensite AI. All rights reserved.`,
+  legalLinks = defaultLegalLinks2,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("dark bg-background py-16 text-foreground", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-16 rounded-lg bg-primary/10 p-8 text-center md:p-12", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-4 text-3xl font-bold md:text-4xl", children: ctaHeading }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mx-auto mb-6 max-w-2xl text-muted-foreground", children: ctaDescription }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: ctaButtonUrl,
+          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-11 px-8",
+          children: ctaButtonText
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-10 lg:grid-cols-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("a", { href: logo.url, className: "mb-6 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              alt: logo.alt,
+              className: "h-8 invert",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-semibold", children: logo.title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-sm font-medium", children: newsletterLabel }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-sm gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "email",
+                placeholder: newsletterPlaceholder,
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-4", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: social.href,
+            "aria-label": social.label,
+            className: "text-muted-foreground transition-colors hover:text-foreground",
+            children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+          }
+        ) }, idx)) })
+      ] }),
+      sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-semibold", children: section.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: "hover:text-foreground", children: link.name }) }, linkIdx)) })
+      ] }, sectionIdx))
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-16 flex flex-col justify-between gap-4 border-t border-border pt-8 text-sm text-muted-foreground md:flex-row md:items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-foreground",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: "hover:text-foreground", children: link.name }) }, idx)) })
+    ] })
+  ] }) }) });
+}
+var defaultSocialLinks6 = [
+  { icon: "simple-icons/instagram", href: "#", label: "Instagram" },
+  { icon: "simple-icons/facebook", href: "#", label: "Facebook" },
+  { icon: "simple-icons/x", href: "#", label: "X (Twitter)" },
+  { icon: "simple-icons/linkedin", href: "#", label: "LinkedIn" }
+];
+var defaultNavLinks = [
+  { name: "Home", href: "#" },
+  { name: "About", href: "#" },
+  { name: "Services", href: "#" },
+  { name: "Contact", href: "#" }
+];
+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"
+  },
+  className,
+  heading = "Let's work together",
+  email = "hello@opensite.ai",
+  phone = "+1 (555) 123-4567",
+  address = "123 Main Street, San Francisco, CA 94102",
+  socialLinks = defaultSocialLinks6,
+  navLinks = defaultNavLinks,
+  location = "San Francisco",
+  copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opensite AI. All rights reserved.`,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-12 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("a", { href: logo.url, className: "mb-8 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              alt: logo.alt,
+              className: "h-10",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-semibold", children: logo.title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", children: heading }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${email}`, className: "hover:text-primary", children: email }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: `tel:${phone}`, className: "hover:text-primary", children: phone }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { children: address })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 font-medium", children: "Follow Us" }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-4", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: social.href,
+              "aria-label": social.label,
+              className: "flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground transition-colors hover:bg-primary hover:text-primary-foreground",
+              children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+            }
+          ) }, idx)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "mt-8", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: link.href,
+            className: "text-muted-foreground hover:text-primary",
+            children: link.name
+          }
+        ) }, idx)) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm text-muted-foreground md:flex-row md:items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-primary",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+        "Designed in ",
+        /* @__PURE__ */ jsxRuntime.jsx("strong", { children: location })
+      ] })
+    ] })
+  ] }) }) });
+}
+var defaultMenuItems2 = [
+  {
+    title: "Portfolio",
+    links: [
+      { text: "Overview", url: "#" },
+      { text: "Projects", url: "#" },
+      { text: "Pricing", url: "#" },
+      { text: "About", url: "#" }
+    ]
+  },
+  {
+    title: "Social",
+    links: [
+      { text: "Twitter", url: "#" },
+      { text: "Instagram", url: "#" },
+      { text: "LinkedIn", url: "#" }
+    ]
+  }
+];
+var defaultContact = {
+  phone: "+1 (555) 123-4567",
+  email: "hello@opensite.ai",
+  location: "NYC",
+  timezone: "EST"
+};
+var defaultBottomLinks3 = [
+  { text: "Terms and Conditions", url: "#" },
+  { text: "Privacy Policy", url: "#" }
+];
+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"
+  },
+  className,
+  backgroundImage = "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1920&q=80",
+  profileImage = "https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=200&q=80",
+  tagline = "Let's Connect",
+  personalMessage = "I'm passionate about creating beautiful, functional components that make your projects shine. Let's work together to bring your vision to life.",
+  ctaText = "Schedule a call",
+  ctaUrl = "#",
+  contact = defaultContact,
+  menuItems = defaultMenuItems2,
+  copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opensite AI. All rights reserved.`,
+  bottomLinks = defaultBottomLinks3,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "section",
+    {
+      className: cn("bg-cover bg-center bg-no-repeat py-32", className),
+      style: {
+        backgroundImage: `url('${backgroundImage}')`
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-7xl rounded-lg bg-background p-8 shadow-lg md:p-12", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4 lg:gap-12", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                img.Img,
+                {
+                  src: profileImage,
+                  alt: "Profile",
+                  className: "h-16 w-16 rounded-full object-cover",
+                  optixFlowConfig
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-2xl font-medium", children: tagline })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-6 text-sm leading-relaxed text-muted-foreground", children: personalMessage }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: ctaUrl,
+                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: ctaText
+              }
+            )
+          ] }),
+          menuItems.map((menu, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-sm font-medium tracking-wider text-primary uppercase", children: menu.title }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: link.url,
+                className: "border-b border-transparent text-muted-foreground transition-all duration-300 ease-in-out hover:border-primary hover:text-primary",
+                children: link.text
+              }
+            ) }, index)) })
+          ] }, idx)),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 text-sm font-medium tracking-wider text-primary uppercase", children: "Contact" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-muted-foreground", children: contact.phone }),
+              /* @__PURE__ */ jsxRuntime.jsx("li", { className: "text-muted-foreground", children: contact.email }),
+              /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "text-muted-foreground", children: [
+                contact.location,
+                " \u2022 ",
+                contact.timezone
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-12 flex flex-col items-center justify-between gap-4 border-t border-border pt-8 md:flex-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 text-sm text-muted-foreground md:flex-row md:items-center md:gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: "https://opensite.ai",
+                className: "hover:text-primary",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: "AI Website and Automation Platform by Opensite"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-4", children: bottomLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: link.url,
+              className: "text-sm text-muted-foreground transition-colors hover:text-primary",
+              children: link.text
+            },
+            idx
+          )) })
+        ] })
+      ] }) })
+    }
+  );
+}
+var defaultSocialLinks7 = [
+  { name: "Instagram", href: "#" },
+  { name: "X (Twitter)", href: "#" }
+];
+var containerVariants = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      duration: 0.6,
+      staggerChildren: 0.1
+    }
+  }
+};
+var itemVariants = {
+  hidden: { opacity: 0, y: 20 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: { duration: 0.5 }
+  }
+};
+function FooterAnimatedSocial({
+  className,
+  heading = "Connect with Me",
+  description = "No commitments. Just a quick chat to see if we click.",
+  ctaText = "Get in Touch",
+  ctaUrl = "#",
+  socialLinks = defaultSocialLinks7,
+  copyright = `\xA9 Copyright ${(/* @__PURE__ */ new Date()).getFullYear()}. All rights Reserved.`
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsx("footer", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.div,
+      {
+        variants: containerVariants,
+        initial: "hidden",
+        whileInView: "visible",
+        viewport: { once: true },
+        className: "flex flex-col justify-between md:flex-row md:items-center",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-8", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(framerMotion.motion.div, { variants: itemVariants, className: "space-y-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-4xl leading-tight font-bold text-foreground lg:text-5xl", children: heading }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-md text-lg leading-relaxed text-muted-foreground", children: description })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: ctaUrl,
+                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-11 px-8",
+                children: ctaText
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-5 space-y-8 md:mt-0", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: socialLinks.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+            framerMotion.motion.div,
+            {
+              variants: itemVariants,
+              whileHover: { x: 4 },
+              transition: {
+                type: "spring",
+                stiffness: 300,
+                damping: 20
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "a",
+                {
+                  href: link.href,
+                  className: "group flex items-center gap-2 py-2 text-foreground transition-colors hover:text-foreground/80",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-medium", children: link.name }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      DynamicIcon,
+                      {
+                        name: "lucide/arrow-up-right",
+                        size: 24,
+                        className: "transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5"
+                      }
+                    )
+                  ]
+                }
+              )
+            },
+            link.name
+          )) }) }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      framerMotion.motion.div,
+      {
+        variants: containerVariants,
+        initial: "hidden",
+        whileInView: "visible",
+        viewport: { once: true },
+        className: "mt-16",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-8 h-px w-full bg-border" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            framerMotion.motion.div,
+            {
+              variants: itemVariants,
+              className: "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: copyright }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6 text-sm", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  framerMotion.motion.a,
+                  {
+                    href: "https://opensite.ai",
+                    className: "underline underline-offset-4 transition-colors hover:text-foreground",
+                    whileHover: { scale: 1.05 },
+                    transition: {
+                      type: "spring",
+                      stiffness: 300,
+                      damping: 20
+                    },
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: "AI Website and Automation Platform by Opensite"
+                  }
+                ) }) })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) }) }) });
+}
+var defaultNavLinks2 = [
+  { label: "Home", href: "#" },
+  { label: "Collection", href: "#" },
+  { label: "Projects", href: "#" },
+  { label: "Pricing", href: "#" },
+  { label: "Login", href: "#" }
+];
+var defaultSocialLinks8 = [
+  { label: "Linkedin", href: "#" },
+  { label: "Twitter", href: "#" },
+  { label: "Facebook", href: "#" }
+];
+var defaultFooterLinks = [
+  { label: "Privacy Policy", href: "#" },
+  { label: "Terms & Conditions", href: "#" }
+];
+function FooterNewsletterMinimal({
+  className,
+  heading = "Unlock 800+ blocks now",
+  supportEmail = "hi@opensite.ai",
+  navLinks = defaultNavLinks2,
+  socialLinks = defaultSocialLinks8,
+  footerLinks = defaultFooterLinks,
+  newsletterLabel = "Sign up for newsletter :",
+  newsletterPlaceholder = "Name*",
+  location = "San Francisco, CA"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "section",
+    {
+      className: cn("dark bg-background py-32 text-foreground", className),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between gap-15 lg:flex-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-10", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "relative text-4xl font-medium tracking-tight lg:text-5xl", children: heading }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Get Support : " }),
+              /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: navLinks.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: item.href,
+                className: "tracking-tight text-foreground hover:text-foreground/30",
+                children: item.label
+              }
+            ) }, item.label)) }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: socialLinks.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                href: item.href,
+                className: "group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30",
+                children: [
+                  item.label,
+                  " ",
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    DynamicIcon,
+                    {
+                      name: "lucide/arrow-up-right",
+                      size: 14,
+                      className: "text-foreground group-hover:text-muted-foreground/50"
+                    }
+                  )
+                ]
+              }
+            ) }, item.label)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-20 flex flex-col justify-between gap-15 lg:flex-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: newsletterLabel }),
+            /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex w-full items-end border-b border-b-foreground/10", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "text",
+                  placeholder: newsletterPlaceholder,
+                  className: "mt-10 w-full rounded-none border-0 bg-transparent p-0 uppercase shadow-none placeholder:text-foreground/20 focus:outline-none focus:ring-0 lg:text-base"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "p-2 hover:bg-muted/20", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-32", children: location }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: footerLinks.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: item.href,
+                className: "group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30",
+                children: item.label
+              }
+            ) }, item.label)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-20 w-full lg:mt-32", children: /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            whileInView: { opacity: 1, y: 0 },
+            viewport: { once: true },
+            transition: { duration: 0.6 },
+            className: "text-center",
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl", children: "OPENSITE" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 text-center text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+            "\xA9 ",
+            (/* @__PURE__ */ new Date()).getFullYear(),
+            " Opensite AI. All rights reserved."
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: "https://opensite.ai",
+              className: "mt-2 inline-block hover:text-foreground",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "AI Website and Automation Platform by Opensite"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+var defaultSocialLinks9 = [
+  { icon: "lucide/twitter", url: "#", label: "Twitter" },
+  { icon: "lucide/instagram", url: "#", label: "Instagram" },
+  { icon: "lucide/facebook", url: "#", label: "Facebook" }
+];
+function FooterCtaSocial({
+  className,
+  preHeading = "Let's connect",
+  heading = "You want to scale faster? Try Opensite today.",
+  description = "Join thousands of companies already using our platform to scale their operations",
+  buttonText = "Get Started Now",
+  buttonUrl = "#",
+  email = "hello@opensite.ai",
+  socialLinks = defaultSocialLinks9
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("relative py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative z-10 container", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex max-w-3xl flex-col items-center gap-2 text-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-[linear-gradient(270deg,var(--primary,rgb(255,255,255))_0%,var(--secondary,rgb(0,0,0))_100%)] opacity-50" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground italic md:text-base", children: preHeading }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-px flex-1 bg-[linear-gradient(270deg,var(--secondary,rgb(0,0,0))_0%,var(--primary,rgb(255,255,255))_100%)] opacity-50" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "py-6 text-5xl font-bold md:text-6xl", children: heading }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "max-w-2xl text-base text-muted-foreground md:text-lg", children: description }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href: buttonUrl,
+        className: "group relative mt-4 inline-flex items-center gap-2 rounded-lg border bg-background px-8 py-4 text-base font-medium transition-all hover:bg-muted",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: buttonText }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DynamicIcon,
+            {
+              name: "lucide/arrow-up-right",
+              size: 16,
+              className: "transition-transform group-hover:translate-x-1 group-hover:-translate-y-1"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-6 pt-8", children: socialLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React4__namespace.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: link.url,
+          className: "text-muted-foreground transition-colors hover:text-foreground",
+          "aria-label": link.label,
+          children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: link.icon, size: 20 })
+        }
+      ),
+      idx < socialLinks.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-px bg-border" })
+    ] }, idx)) }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pt-2 text-sm text-muted-foreground md:text-base", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: `mailto:${email}`,
+        className: "transition-colors hover:text-foreground",
+        children: email
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 border-t pt-8 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+        "\xA9 ",
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        " Opensite AI. All rights reserved."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: "https://opensite.ai",
+          className: "mt-2 inline-block hover:text-foreground",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "AI Website and Automation Platform by Opensite"
+        }
+      )
+    ] })
+  ] }) }) });
+}
+var defaultSections6 = [
+  {
+    title: "Product",
+    links: [
+      { name: "Overview", href: "#" },
+      { name: "Pricing", href: "#" },
+      { name: "Marketplace", href: "#" },
+      { name: "Features", href: "#" }
+    ]
+  },
+  {
+    title: "Company",
+    links: [
+      { name: "About", href: "#" },
+      { name: "Team", href: "#" },
+      { name: "Blog", href: "#" },
+      { name: "Careers", href: "#" }
+    ]
+  },
+  {
+    title: "Resources",
+    links: [
+      { name: "Help", href: "#" },
+      { name: "Sales", href: "#" },
+      { name: "Advertise", href: "#" }
+    ]
+  }
+];
+var defaultSocialLinks10 = [
+  { icon: "simple-icons/instagram", href: "#", label: "Instagram" },
+  { icon: "simple-icons/facebook", href: "#", label: "Facebook" },
+  { icon: "simple-icons/x", href: "#", label: "X (Twitter)" },
+  { icon: "simple-icons/linkedin", href: "#", label: "LinkedIn" }
+];
+var defaultLegalLinks3 = [
+  { name: "Terms and Conditions", href: "#" },
+  { name: "Privacy Policy", href: "#" }
+];
+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"
+  },
+  className,
+  sections = defaultSections6,
+  socialLinks = defaultSocialLinks10,
+  newsletterHeading = "Stay Updated",
+  newsletterDescription = "Subscribe to our newsletter for the latest updates and news.",
+  newsletterPlaceholder = "Enter your email",
+  newsletterButtonText = "Subscribe",
+  copyright = `\xA9 ${(/* @__PURE__ */ new Date()).getFullYear()} Opensite AI. All rights reserved.`,
+  legalLinks = defaultLegalLinks3,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", children: /* @__PURE__ */ jsxRuntime.jsxs("footer", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-10 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("a", { href: logo.url, className: "mb-8 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            img.Img,
+            {
+              src: logo.src,
+              alt: logo.alt,
+              className: "h-10",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xl font-semibold", children: logo.title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-8 sm:grid-cols-3", children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 font-semibold", children: section.title }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-3 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: "hover:text-primary", children: link.name }) }, linkIdx)) })
+        ] }, sectionIdx)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-8", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-2 text-lg font-semibold", children: newsletterHeading }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: newsletterDescription }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex max-w-md gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "email",
+                placeholder: newsletterPlaceholder,
+                className: "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-4 font-medium", children: "Follow Us" }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-4", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: social.href,
+              "aria-label": social.label,
+              className: "text-muted-foreground transition-colors hover:text-primary",
+              children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: social.icon, size: 20 })
+            }
+          ) }, idx)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-16 flex flex-col justify-between gap-4 border-t pt-8 text-sm text-muted-foreground md:flex-row md:items-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 md:flex-row md:items-center md:gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: copyright }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-primary",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: legalLinks.map((link, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: link.href, className: "hover:text-primary", children: link.name }) }, idx)) })
+    ] })
+  ] }) }) });
+}
 
 exports.AlternatingBlocks = AlternatingBlocks;
 exports.AnimatedDialog = AnimatedDialog;
@@ -1122,6 +2617,19 @@ exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;
 exports.Container = Container;
 exports.DynamicIcon = DynamicIcon;
+exports.FooterAnimatedSocial = FooterAnimatedSocial;
+exports.FooterBackgroundCard = FooterBackgroundCard;
+exports.FooterBrandDescription = FooterBrandDescription;
+exports.FooterContactCard = FooterContactCard;
+exports.FooterCtaBanner = FooterCtaBanner;
+exports.FooterCtaSocial = FooterCtaSocial;
+exports.FooterLinksGrid = FooterLinksGrid;
+exports.FooterNavSocial = FooterNavSocial;
+exports.FooterNewsletterGrid = FooterNewsletterGrid;
+exports.FooterNewsletterMinimal = FooterNewsletterMinimal;
+exports.FooterSimpleCentered = FooterSimpleCentered;
+exports.FooterSocialApps = FooterSocialApps;
+exports.FooterSocialNewsletter = FooterSocialNewsletter;
 exports.MediaHoverCtas = MediaHoverCtas;
 exports.PageHeroBanner = PageHeroBanner;
 exports.Popover = Popover;