@opensite/ui 0.1.2 → 0.1.4

package/dist/registry.js

@@ -7,6 +7,7 @@ import { Img } from '@page-speed/img';
 import useEmblaCarousel from 'embla-carousel-react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
+import { motion } from 'framer-motion';
 
 // lib/utils.ts
 function cn(...inputs) {
@@ -739,6 +740,1559 @@ function FeatureShowcase({
     ] })
   ] });
 }
+var TeamMemberBackgroundImageCard = React4.forwardRef(({ className, imageUrl, imageAlt, children, optixFlowConfig, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "group h-[400px] relative w-full max-w-sm overflow-hidden rounded-xl border border-border bg-card shadow-lg",
+        "transition-all duration-300 ease-in-out",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          Img,
+          {
+            src: imageUrl,
+            alt: imageAlt,
+            className: "absolute inset-0 h-full w-full object-cover transition-transform duration-500 ease-in-out group-hover:scale-110",
+            optixFlowConfig
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/20 to-transparent" }),
+        children
+      ]
+    }
+  );
+});
+TeamMemberBackgroundImageCard.displayName = "TeamMemberBackgroundImageCard";
+function TeamMediaShowcase({
+  items,
+  children,
+  listEyebrow,
+  background = "white",
+  verticalMargin = "lg",
+  gridClassName = "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
+  className,
+  optixFlowConfig
+}) {
+  return /* @__PURE__ */ jsx(Section, { background, spacing: verticalMargin, className, children: /* @__PURE__ */ jsxs(Container, { children: [
+    children,
+    /* @__PURE__ */ jsx("div", { className: "space-y-12", children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      listEyebrow && typeof listEyebrow === "string" && listEyebrow.trim() !== "" && /* @__PURE__ */ jsx("div", { className: "text-md pt-8 uppercase text-dark-charcoal/70 tracking-[0.2em] font-semibold", children: listEyebrow }),
+      /* @__PURE__ */ jsx("div", { className: gridClassName, children: items.map((member, idx) => {
+        const imageAlt = member.imageAlt || (member.name && typeof member.name === "string" && member.name.trim() !== "" ? member.name : `member-${idx}`);
+        return /* @__PURE__ */ jsx(
+          TeamMemberBackgroundImageCard,
+          {
+            imageUrl: member.imageSrc,
+            imageAlt,
+            className: member.cardClassName,
+            optixFlowConfig,
+            children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-full flex-col justify-end p-6 text-card-foreground", children: [
+              /* @__PURE__ */ jsx("div", { className: "space-y-4 transition-transform duration-500 ease-in-out group-hover:-translate-y-12", children: /* @__PURE__ */ jsxs("div", { children: [
+                member.name && typeof member.name === "string" && member.name.trim() !== "" && /* @__PURE__ */ jsx("h4", { className: "text-3xl font-bold text-white", children: member.name }),
+                member.role && typeof member.role === "string" && member.role.trim() !== "" && /* @__PURE__ */ jsx("p", { className: "text-sm text-white/80", children: member.role })
+              ] }) }),
+              member.action ? /* @__PURE__ */ jsx("div", { className: "absolute -bottom-20 left-0 w-full pt-2 p-6 opacity-0 transition-all duration-500 ease-in-out group-hover:bottom-0 group-hover:opacity-100", children: member.action }) : null
+            ] })
+          },
+          idx
+        );
+      }) })
+    ] }) })
+  ] }) });
+}
+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__ */ 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("a", { 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("a", { 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(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-primary",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            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("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__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("footer", { children: [
+    /* @__PURE__ */ jsxs("a", { 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__ */ 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__ */ 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("a", { href: link.href, children: link.name })
+          },
+          linkIdx
+        )) })
+      ] }, sectionIdx)),
+      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 xl:col-span-1", children: [
+        /* @__PURE__ */ jsx("ul", { className: "mb-10 flex items-center gap-2 text-muted-foreground", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { className: "font-medium", children: /* @__PURE__ */ jsx("a", { 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", { className: "grid w-full max-w-sm items-center gap-1.5", children: [
+          /* @__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,
+                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 text-muted-foreground", children: [
+            "By submitting, you agree to our",
+            /* @__PURE__ */ jsx("a", { href: privacyLinkUrl, className: "ml-1 text-primary hover:underline", children: privacyLinkText })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ 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__ */ 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(
+        "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__ */ 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("a", { 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("a", { 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("a", { 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("a", { 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(
+        "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__ */ jsx("section", { className: cn("py-16", className), children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("footer", { children: [
+    /* @__PURE__ */ 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__ */ jsxs("div", { className: "max-w-96", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-center gap-3", children: [
+          /* @__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,
+              alt: logo.alt,
+              className: "size-12 h-full w-full object-contain object-center",
+              optixFlowConfig
+            }
+          ) }),
+          /* @__PURE__ */ jsx("h3", { className: "text-xl font-bold", children: logo.title })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-base font-medium text-muted-foreground", children: tagline })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-col items-start gap-x-20 gap-y-14 xl:flex-row", 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: "h-fit w-min", children: [
+        /* @__PURE__ */ jsx("h4", { className: "mb-6 text-base font-semibold whitespace-nowrap", children: section.title }),
+        /* @__PURE__ */ jsx("ul", { className: "space-y-3 text-base font-medium text-muted-foreground", children: section.links.map((link) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: link.href,
+            className: "text-base whitespace-nowrap hover:text-accent-foreground",
+            children: link.title
+          }
+        ) }, link.title)) })
+      ] }, section.title)) }) })
+    ] }),
+    /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { children: copyright }),
+        /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col justify-between gap-10 lg:flex-row lg:items-start lg:text-left", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col justify-between gap-6 lg:items-start", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 lg:justify-start", children: [
+          /* @__PURE__ */ jsx("a", { 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: "max-w-[70%] text-sm text-muted-foreground", children: description }),
+        /* @__PURE__ */ jsx("ul", { className: "flex items-center space-x-6 text-muted-foreground", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { className: "font-medium hover:text-primary", children: /* @__PURE__ */ jsx("a", { href: social.href, "aria-label": social.label, children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 }) }) }, idx)) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid w-full gap-6 md:grid-cols-3 lg:gap-20", 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-3 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx(
+          "li",
+          {
+            className: "font-medium hover:text-primary",
+            children: /* @__PURE__ */ jsx("a", { href: link.href, children: link.name })
+          },
+          linkIdx
+        )) })
+      ] }, sectionIdx)) })
+    ] }),
+    /* @__PURE__ */ 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__ */ jsxs("div", { className: "order-2 flex flex-col gap-2 lg:order-1 lg:flex-row lg:items-center lg:gap-4", children: [
+        /* @__PURE__ */ jsx("p", { children: copyright }),
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-primary",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "order-1 flex flex-col gap-2 md:order-2 md:flex-row", children: legalLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { className: "hover:text-primary", children: /* @__PURE__ */ 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__ */ 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("a", { 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("a", { 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("a", { 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("a", { 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(
+        "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__ */ jsx("section", { className: cn("dark bg-background py-16 text-foreground", className), children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("footer", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-16 rounded-lg bg-primary/10 p-8 text-center md:p-12", children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-4 text-3xl font-bold md:text-4xl", children: ctaHeading }),
+      /* @__PURE__ */ jsx("p", { className: "mx-auto mb-6 max-w-2xl text-muted-foreground", children: ctaDescription }),
+      /* @__PURE__ */ 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__ */ jsxs("div", { className: "grid gap-10 lg:grid-cols-5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "lg:col-span-2", children: [
+        /* @__PURE__ */ jsxs("a", { href: logo.url, className: "mb-6 flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Img,
+            {
+              src: logo.src,
+              alt: logo.alt,
+              className: "h-8 invert",
+              optixFlowConfig
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-xl font-semibold", children: logo.title })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm font-medium", children: newsletterLabel }),
+          /* @__PURE__ */ jsxs("div", { className: "flex max-w-sm gap-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__ */ jsx("ul", { className: "flex items-center gap-4", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: social.href,
+            "aria-label": social.label,
+            className: "text-muted-foreground transition-colors hover:text-foreground",
+            children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 })
+          }
+        ) }, idx)) })
+      ] }),
+      sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h3", { className: "mb-4 font-semibold", children: section.title }),
+        /* @__PURE__ */ jsx("ul", { className: "space-y-3 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: "hover:text-foreground", children: link.name }) }, linkIdx)) })
+      ] }, sectionIdx))
+    ] }),
+    /* @__PURE__ */ 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__ */ 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(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-foreground",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "flex gap-4", children: legalLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ 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__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("footer", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-12 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("a", { href: logo.url, className: "mb-8 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("h2", { className: "mb-8 text-4xl font-bold tracking-tight md:text-5xl lg:text-6xl", children: heading }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4 text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", { href: `mailto:${email}`, className: "hover:text-primary", children: email }) }),
+          /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("a", { href: `tel:${phone}`, className: "hover:text-primary", children: phone }) }),
+          /* @__PURE__ */ jsx("p", { children: address })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-4 font-medium", children: "Follow Us" }),
+          /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-4", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ 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__ */ jsx(DynamicIcon, { name: social.icon, size: 20 })
+            }
+          ) }, idx)) })
+        ] }),
+        /* @__PURE__ */ jsx("nav", { className: "mt-8", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-6", children: navLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: link.href,
+            className: "text-muted-foreground hover:text-primary",
+            children: link.name
+          }
+        ) }, idx)) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ 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__ */ 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(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-primary",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        "Designed in ",
+        /* @__PURE__ */ 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__ */ jsx(
+    "section",
+    {
+      className: cn("bg-cover bg-center bg-no-repeat py-32", className),
+      style: {
+        backgroundImage: `url('${backgroundImage}')`
+      },
+      children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-7xl rounded-lg bg-background p-8 shadow-lg md:p-12", children: [
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-4 lg:gap-12", children: [
+          /* @__PURE__ */ jsxs("div", { className: "lg:col-span-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-center gap-4", children: [
+              /* @__PURE__ */ jsx(
+                Img,
+                {
+                  src: profileImage,
+                  alt: "Profile",
+                  className: "h-16 w-16 rounded-full object-cover",
+                  optixFlowConfig
+                }
+              ),
+              /* @__PURE__ */ jsx("h3", { className: "text-2xl font-medium", children: tagline })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "mb-6 text-sm leading-relaxed text-muted-foreground", children: personalMessage }),
+            /* @__PURE__ */ 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__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "mb-4 text-sm font-medium tracking-wider text-primary uppercase", children: menu.title }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-3", children: menu.links.map((link, index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ 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__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "mb-4 text-sm font-medium tracking-wider text-primary uppercase", children: "Contact" }),
+            /* @__PURE__ */ jsxs("ul", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsx("li", { className: "text-muted-foreground", children: contact.phone }),
+              /* @__PURE__ */ jsx("li", { className: "text-muted-foreground", children: contact.email }),
+              /* @__PURE__ */ jsxs("li", { className: "text-muted-foreground", children: [
+                contact.location,
+                " \u2022 ",
+                contact.timezone
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col gap-2 text-sm text-muted-foreground md:flex-row md:items-center md:gap-4", children: [
+            /* @__PURE__ */ jsx("p", { children: copyright }),
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "https://opensite.ai",
+                className: "hover:text-primary",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                children: "AI Website and Automation Platform by Opensite"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: bottomLinks.map((link, idx) => /* @__PURE__ */ 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__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsx("footer", { children: /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      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__ */ jsxs("div", { className: "space-y-8", children: [
+            /* @__PURE__ */ jsxs(motion.div, { variants: itemVariants, className: "space-y-6", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-4xl leading-tight font-bold text-foreground lg:text-5xl", children: heading }),
+              /* @__PURE__ */ jsx("p", { className: "max-w-md text-lg leading-relaxed text-muted-foreground", children: description })
+            ] }),
+            /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ 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__ */ jsx("div", { className: "mt-5 space-y-8 md:mt-0", children: /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: "space-y-6", children: socialLinks.map((link) => /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              variants: itemVariants,
+              whileHover: { x: 4 },
+              transition: {
+                type: "spring",
+                stiffness: 300,
+                damping: 20
+              },
+              children: /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: link.href,
+                  className: "group flex items-center gap-2 py-2 text-foreground transition-colors hover:text-foreground/80",
+                  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__ */ jsxs(
+      motion.div,
+      {
+        variants: containerVariants,
+        initial: "hidden",
+        whileInView: "visible",
+        viewport: { once: true },
+        className: "mt-16",
+        children: [
+          /* @__PURE__ */ jsx(motion.div, { variants: itemVariants, children: /* @__PURE__ */ jsx("div", { className: "mb-8 h-px w-full bg-border" }) }),
+          /* @__PURE__ */ jsxs(
+            motion.div,
+            {
+              variants: itemVariants,
+              className: "flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center",
+              children: [
+                /* @__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,
+                  {
+                    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__ */ jsx(
+    "section",
+    {
+      className: cn("dark bg-background py-32 text-foreground", className),
+      children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between gap-15 lg:flex-row", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
+            /* @__PURE__ */ jsx("p", { className: "relative text-4xl font-medium tracking-tight lg:text-5xl", children: heading }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
+              /* @__PURE__ */ jsx("p", { children: "Get Support : " }),
+              /* @__PURE__ */ jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", children: [
+            /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: navLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: item.href,
+                className: "tracking-tight text-foreground hover:text-foreground/30",
+                children: item.label
+              }
+            ) }, item.label)) }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: socialLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: item.href,
+                className: "group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30",
+                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__ */ jsxs("div", { className: "mt-20 flex flex-col justify-between gap-15 lg:flex-row", 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 }),
+            /* @__PURE__ */ jsxs("form", { className: "flex w-full items-end border-b border-b-foreground/10", children: [
+              /* @__PURE__ */ 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__ */ jsx("button", { type: "submit", className: "p-2 hover:bg-muted/20", children: /* @__PURE__ */ jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-32", children: location }),
+            /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: footerLinks.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ 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__ */ jsx("div", { className: "mt-20 w-full lg:mt-32", children: /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            whileInView: { opacity: 1, y: 0 },
+            viewport: { once: true },
+            transition: { duration: 0.6 },
+            className: "text-center",
+            children: /* @__PURE__ */ jsx("span", { className: "text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl", children: "OPENSITE" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-8 text-center text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxs("p", { children: [
+            "\xA9 ",
+            (/* @__PURE__ */ new Date()).getFullYear(),
+            " Opensite AI. All rights reserved."
+          ] }),
+          /* @__PURE__ */ 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__ */ jsx("section", { className: cn("relative py-32", className), children: /* @__PURE__ */ jsx("div", { className: "relative z-10 container", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex max-w-3xl flex-col items-center gap-2 text-center", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-4", children: [
+      /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-muted-foreground italic md:text-base", children: preHeading }),
+      /* @__PURE__ */ 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__ */ jsx("h2", { className: "py-6 text-5xl font-bold md:text-6xl", children: heading }),
+    /* @__PURE__ */ jsx("p", { className: "max-w-2xl text-base text-muted-foreground md:text-lg", children: description }),
+    /* @__PURE__ */ 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__ */ jsx("span", { children: buttonText }),
+          /* @__PURE__ */ jsx(
+            DynamicIcon,
+            {
+              name: "lucide/arrow-up-right",
+              size: 16,
+              className: "transition-transform group-hover:translate-x-1 group-hover:-translate-y-1"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-6 pt-8", children: socialLinks.map((link, idx) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: link.url,
+          className: "text-muted-foreground transition-colors hover:text-foreground",
+          "aria-label": link.label,
+          children: /* @__PURE__ */ jsx(DynamicIcon, { name: link.icon, size: 20 })
+        }
+      ),
+      idx < socialLinks.length - 1 && /* @__PURE__ */ jsx("div", { className: "h-4 w-px bg-border" })
+    ] }, idx)) }),
+    /* @__PURE__ */ jsx("p", { className: "pt-2 text-sm text-muted-foreground md:text-base", children: /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: `mailto:${email}`,
+        className: "transition-colors hover:text-foreground",
+        children: email
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-8 border-t pt-8 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("p", { children: [
+        "\xA9 ",
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        " Opensite AI. All rights reserved."
+      ] }),
+      /* @__PURE__ */ 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__ */ jsx("section", { className: cn("py-32", className), children: /* @__PURE__ */ jsx("div", { className: "container", children: /* @__PURE__ */ jsxs("footer", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-10 lg:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsxs("a", { href: logo.url, className: "mb-8 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 gap-8 sm:grid-cols-3", children: sections.map((section, sectionIdx) => /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h3", { className: "mb-4 font-semibold", children: section.title }),
+          /* @__PURE__ */ jsx("ul", { className: "space-y-3 text-sm text-muted-foreground", children: section.links.map((link, linkIdx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: "hover:text-primary", children: link.name }) }, linkIdx)) })
+        ] }, sectionIdx)) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
+          /* @__PURE__ */ jsx("h3", { className: "mb-2 text-lg font-semibold", children: newsletterHeading }),
+          /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: newsletterDescription }),
+          /* @__PURE__ */ jsxs("div", { className: "flex max-w-md gap-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("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "mb-4 font-medium", children: "Follow Us" }),
+          /* @__PURE__ */ jsx("ul", { className: "flex items-center gap-4", children: socialLinks.map((social, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: social.href,
+              "aria-label": social.label,
+              className: "text-muted-foreground transition-colors hover:text-primary",
+              children: /* @__PURE__ */ jsx(DynamicIcon, { name: social.icon, size: 20 })
+            }
+          ) }, idx)) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ 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__ */ 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(
+          "a",
+          {
+            href: "https://opensite.ai",
+            className: "hover:text-primary",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: "AI Website and Automation Platform by Opensite"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("ul", { className: "flex gap-4", children: legalLinks.map((link, idx) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: link.href, className: "hover:text-primary", children: link.name }) }, idx)) })
+    ] })
+  ] }) }) });
+}
 
 // src/registry/blocks.ts
 var BLOCK_REGISTRY = {
@@ -902,10 +2456,426 @@ var BLOCK_REGISTRY = {
       mediaComponent: <img src="..." alt="Integrations" className="rounded-lg" />
     }
   ]}
+/>
+    `.trim()
+  },
+  "team-media-showcase": {
+    id: "team-media-showcase",
+    name: "Team Media Showcase",
+    description: "Display team members in a responsive grid with full-bleed background images and hover effects. Each card shows the member's name and role with an optional action element that appears on hover. Ideal for team pages, about sections, or leadership showcases.",
+    semanticTags: [
+      "team",
+      "members",
+      "staff",
+      "people",
+      "leadership",
+      "about",
+      "grid",
+      "cards",
+      "hover",
+      "image-background",
+      "profiles"
+    ],
+    category: "team",
+    component: TeamMediaShowcase,
+    props: "TeamMediaShowcaseProps",
+    exampleUsage: `
+<TeamMediaShowcase
+  listEyebrow="Our Team"
+  background="white"
+  verticalMargin="lg"
+  items={[
+    {
+      imageSrc: "/team/john-doe.jpg",
+      name: "John Doe",
+      role: "CEO & Founder",
+      action: (
+        <Button variant="outline" className="text-white border-white">
+          View Profile
+        </Button>
+      )
+    },
+    {
+      imageSrc: "/team/jane-smith.jpg",
+      name: "Jane Smith",
+      role: "CTO"
+    },
+    {
+      imageSrc: "/team/bob-wilson.jpg",
+      name: "Bob Wilson",
+      role: "Head of Design"
+    }
+  ]}
+/>
+    `.trim()
+  },
+  // Footer blocks
+  "footer-links-grid": {
+    id: "footer-links-grid",
+    name: "Footer Links Grid",
+    description: "A multi-column footer with logo, navigation links, and legal information. Features a responsive grid layout with customizable navigation sections, company branding, and bottom legal links. Ideal for corporate websites, SaaS products, and marketing sites that need organized footer navigation.",
+    semanticTags: [
+      "footer",
+      "navigation",
+      "links",
+      "multi-column",
+      "grid",
+      "corporate",
+      "legal",
+      "sitemap",
+      "branding"
+    ],
+    category: "footer",
+    component: FooterLinksGrid,
+    props: "FooterLinksGridProps",
+    exampleUsage: `
+<FooterLinksGrid
+  logo={{
+    src: "https://example.com/logo.png",
+    alt: "Company Logo",
+    title: "Company Name",
+    url: "/"
+  }}
+  tagline="Components made easy."
+  menuItems={[
+    {
+      title: "Product",
+      links: [
+        { text: "Overview", url: "#" },
+        { text: "Pricing", url: "#" }
+      ]
+    }
+  ]}
+/>
+    `.trim()
+  },
+  "footer-social-newsletter": {
+    id: "footer-social-newsletter",
+    name: "Footer Social Newsletter",
+    description: "A footer with social icons, navigation links, and newsletter signup. Features prominent social media icons in circular buttons, multi-column navigation, and an email newsletter subscription form. Ideal for community-focused products, SaaS platforms, and businesses that prioritize social engagement and email marketing.",
+    semanticTags: [
+      "footer",
+      "social",
+      "newsletter",
+      "subscription",
+      "email",
+      "community",
+      "icons",
+      "navigation"
+    ],
+    category: "footer",
+    component: FooterSocialNewsletter,
+    props: "FooterSocialNewsletterProps",
+    exampleUsage: `
+<FooterSocialNewsletter
+  socialLinks={[
+    { icon: "simple-icons/discord", href: "#", label: "Discord" },
+    { icon: "simple-icons/x", href: "#", label: "X (Twitter)" }
+  ]}
+  newsletterLabel="Subscribe to our newsletter"
+/>
+    `.trim()
+  },
+  "footer-social-apps": {
+    id: "footer-social-apps",
+    name: "Footer Social Apps",
+    description: "A footer with social icons, navigation links, and mobile app download links. Features prominent social media icons and mobile app store links in circular buttons, along with multi-column navigation. Ideal for products with mobile apps, community-focused platforms, and businesses that want to highlight their cross-platform presence.",
+    semanticTags: [
+      "footer",
+      "social",
+      "mobile",
+      "apps",
+      "download",
+      "android",
+      "ios",
+      "app-store",
+      "navigation"
+    ],
+    category: "footer",
+    component: FooterSocialApps,
+    props: "FooterSocialAppsProps",
+    exampleUsage: `
+<FooterSocialApps
+  socialLinks={[
+    { icon: "simple-icons/discord", href: "#", label: "Discord" }
+  ]}
+  appLinks={[
+    { icon: "mdi/android", href: "#", label: "Android" },
+    { icon: "mdi/apple", href: "#", label: "iOS" }
+  ]}
+/>
+    `.trim()
+  },
+  "footer-simple-centered": {
+    id: "footer-simple-centered",
+    name: "Footer Simple Centered",
+    description: "A clean, minimal footer with logo, sitemap, and legal links. Features a simple two-column sitemap layout with company branding and bottom legal links. Ideal for corporate websites, landing pages, and products that prefer a clean, uncluttered footer design without social media or newsletter elements.",
+    semanticTags: [
+      "footer",
+      "minimal",
+      "simple",
+      "clean",
+      "sitemap",
+      "corporate",
+      "legal",
+      "centered"
+    ],
+    category: "footer",
+    component: FooterSimpleCentered,
+    props: "FooterSimpleCenteredProps",
+    exampleUsage: `
+<FooterSimpleCentered
+  tagline="Components made easy."
+  sitemap={[
+    {
+      title: "Company",
+      links: [
+        { title: "About Us", href: "#" },
+        { title: "Careers", href: "#" }
+      ]
+    }
+  ]}
+/>
+    `.trim()
+  },
+  "footer-brand-description": {
+    id: "footer-brand-description",
+    name: "Footer Brand Description",
+    description: "A footer with logo, description, social icons, and navigation. Features a prominent brand section with logo, description, and social links on the left, with multi-column navigation on the right. Ideal for brand-focused websites, startups, and businesses that want to emphasize their identity and social presence in the footer.",
+    semanticTags: [
+      "footer",
+      "brand",
+      "description",
+      "social",
+      "identity",
+      "startup",
+      "navigation",
+      "about"
+    ],
+    category: "footer",
+    component: FooterBrandDescription,
+    props: "FooterBrandDescriptionProps",
+    exampleUsage: `
+<FooterBrandDescription
+  description="A collection of components for your startup business or side project."
+  socialLinks={[
+    { icon: "simple-icons/instagram", href: "#", label: "Instagram" }
+  ]}
+/>
+    `.trim()
+  },
+  "footer-newsletter-grid": {
+    id: "footer-newsletter-grid",
+    name: "Footer Newsletter Grid",
+    description: "A comprehensive footer with logo, social icons, navigation, and newsletter. Features a full-width grid layout with brand section (logo, description, social icons), multi-column navigation, and a prominent newsletter signup form. Ideal for content-heavy websites, SaaS products, and businesses that prioritize email marketing and social engagement.",
+    semanticTags: [
+      "footer",
+      "newsletter",
+      "grid",
+      "social",
+      "comprehensive",
+      "email",
+      "marketing",
+      "subscription"
+    ],
+    category: "footer",
+    component: FooterNewsletterGrid,
+    props: "FooterNewsletterGridProps",
+    exampleUsage: `
+<FooterNewsletterGrid
+  description="A collection of 100+ responsive HTML templates."
+  newsletterTitle="Newsletter"
+  newsletterPlaceholder="Email"
+/>
+    `.trim()
+  },
+  "footer-cta-banner": {
+    id: "footer-cta-banner",
+    name: "Footer CTA Banner",
+    description: "A dark-themed footer with prominent CTA banner, navigation, and newsletter. Features a full-width call-to-action banner at the top with heading, description, and button, followed by multi-column navigation, newsletter signup, and social links. Ideal for SaaS products, marketing sites, and businesses that want to drive conversions directly from the footer.",
+    semanticTags: [
+      "footer",
+      "cta",
+      "banner",
+      "dark",
+      "conversion",
+      "marketing",
+      "newsletter",
+      "call-to-action"
+    ],
+    category: "footer",
+    component: FooterCtaBanner,
+    props: "FooterCtaBannerProps",
+    exampleUsage: `
+<FooterCtaBanner
+  ctaHeading="Ready to get started?"
+  ctaDescription="Join thousands of satisfied customers."
+  ctaButtonText="Get Started"
+/>
+    `.trim()
+  },
+  "footer-contact-card": {
+    id: "footer-contact-card",
+    name: "Footer Contact Card",
+    description: "A footer with large heading, contact information, and social links. Features a prominent heading, contact details (email, phone, address), social media icons, and horizontal navigation. Ideal for service businesses, agencies, and professional websites that want to emphasize contact information and make it easy for visitors to get in touch.",
+    semanticTags: [
+      "footer",
+      "contact",
+      "card",
+      "email",
+      "phone",
+      "address",
+      "social",
+      "professional",
+      "agency"
+    ],
+    category: "footer",
+    component: FooterContactCard,
+    props: "FooterContactCardProps",
+    exampleUsage: `
+<FooterContactCard
+  heading="Let's work together"
+  email="hello@example.com"
+  phone="+1 (555) 123-4567"
+  address="123 Main Street, San Francisco, CA"
+/>
+    `.trim()
+  },
+  "footer-background-card": {
+    id: "footer-background-card",
+    name: "Footer Background Card",
+    description: "A footer with background image and floating contact card. Features a full-width background image with a floating card containing profile image, personal message, CTA button, navigation links, and contact information. Ideal for creative professionals, agencies, portfolios, and businesses that want a visually striking footer with a personal touch.",
+    semanticTags: [
+      "footer",
+      "background",
+      "image",
+      "card",
+      "creative",
+      "portfolio",
+      "agency",
+      "personal",
+      "visual"
+    ],
+    category: "footer",
+    component: FooterBackgroundCard,
+    props: "FooterBackgroundCardProps",
+    exampleUsage: `
+<FooterBackgroundCard
+  backgroundImage="https://example.com/bg.jpg"
+  profileImage="https://example.com/profile.jpg"
+  tagline="Let's Connect"
+  personalMessage="I'm passionate about creating beautiful components."
+  ctaText="Schedule a call"
+/>
+    `.trim()
+  },
+  "footer-animated-social": {
+    id: "footer-animated-social",
+    name: "Footer Animated Social",
+    description: "An animated footer with Framer Motion effects and social links. Features smooth entrance animations, a prominent heading with CTA button, animated social links with hover effects, and a clean separator. Ideal for modern websites, portfolios, and creative projects that want to add visual polish and interactivity to their footer.",
+    semanticTags: [
+      "footer",
+      "animated",
+      "motion",
+      "social",
+      "modern",
+      "interactive",
+      "creative",
+      "portfolio"
+    ],
+    category: "footer",
+    component: FooterAnimatedSocial,
+    props: "FooterAnimatedSocialProps",
+    exampleUsage: `
+<FooterAnimatedSocial
+  heading="Connect with Me"
+  description="No commitments. Just a quick chat to see if we click."
+  ctaText="Get in Touch"
+  socialLinks={[
+    { name: "Instagram", href: "#" },
+    { name: "X (Twitter)", href: "#" }
+  ]}
+/>
+    `.trim()
+  },
+  "footer-newsletter-minimal": {
+    id: "footer-newsletter-minimal",
+    name: "Footer Newsletter Minimal",
+    description: "A dark-themed minimal footer with newsletter and animated logo. Features a clean layout with main heading, support email, navigation columns, newsletter signup form, and a large animated brand logo. Ideal for modern SaaS products, creative agencies, and businesses that want a sophisticated, dark-themed footer with strong visual branding.",
+    semanticTags: [
+      "footer",
+      "newsletter",
+      "minimal",
+      "dark",
+      "animated",
+      "logo",
+      "saas",
+      "sophisticated"
+    ],
+    category: "footer",
+    component: FooterNewsletterMinimal,
+    props: "FooterNewsletterMinimalProps",
+    exampleUsage: `
+<FooterNewsletterMinimal
+  heading="Unlock 800+ blocks now"
+  supportEmail="hi@example.com"
+  newsletterLabel="Sign up for newsletter :"
+/>
+    `.trim()
+  },
+  "footer-cta-social": {
+    id: "footer-cta-social",
+    name: "Footer CTA Social",
+    description: "A centered CTA footer with decorative lines and social icons. Features a centered layout with decorative gradient lines, pre-heading text, large heading, description, prominent CTA button, social media icons, and contact email. Ideal for landing pages, marketing sites, and businesses that want a conversion-focused footer with strong visual appeal.",
+    semanticTags: [
+      "footer",
+      "cta",
+      "social",
+      "centered",
+      "conversion",
+      "landing",
+      "marketing",
+      "decorative"
+    ],
+    category: "footer",
+    component: FooterCtaSocial,
+    props: "FooterCtaSocialProps",
+    exampleUsage: `
+<FooterCtaSocial
+  preHeading="Let's connect"
+  heading="You want to scale faster? Try Opensite today."
+  description="Join thousands of companies already using our platform."
+  buttonText="Get Started Now"
+/>
+    `.trim()
+  },
+  "footer-nav-social": {
+    id: "footer-nav-social",
+    name: "Footer Nav Social",
+    description: "A comprehensive footer with logo, navigation, newsletter, and social links. Features a logo with navigation sections, a newsletter signup form with heading and description, social media icons, and legal links. Ideal for SaaS products, corporate websites, and businesses that want a complete footer with all essential elements organized in a clean, professional layout.",
+    semanticTags: [
+      "footer",
+      "navigation",
+      "social",
+      "newsletter",
+      "comprehensive",
+      "professional",
+      "corporate",
+      "complete"
+    ],
+    category: "footer",
+    component: FooterNavSocial,
+    props: "FooterNavSocialProps",
+    exampleUsage: `
+<FooterNavSocial
+  newsletterHeading="Stay Updated"
+  newsletterDescription="Subscribe to our newsletter for the latest updates."
+  socialLinks={[
+    { icon: "simple-icons/instagram", href: "#", label: "Instagram" }
+  ]}
 />
     `.trim()
   }
-  // Add more blocks here following this pattern
 };
 function getBlocksBySemanticTag(tag) {
   return Object.values(BLOCK_REGISTRY).filter(