@opensite/ui 0.1.2 → 0.1.4

package/dist/footer-links-grid.cjs

@@ -0,0 +1,119 @@
+"use client";
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var img = require('@page-speed/img');
+var jsxRuntime = require('react/jsx-runtime');
+
+// lib/utils.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+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)) })
+    ] })
+  ] }) }) });
+}
+
+exports.FooterLinksGrid = FooterLinksGrid;
+//# sourceMappingURL=footer-links-grid.cjs.map
+//# sourceMappingURL=footer-links-grid.cjs.map

package/dist/footer-links-grid.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/utils.ts","../components/blocks/footers/footer-links-grid.tsx"],"names":["twMerge","clsx","jsx","jsxs","Img"],"mappings":"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","file":"footer-links-grid.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport { Img } from \"@page-speed/img\";\n\n/**\n * Menu item structure for footer navigation sections\n */\nexport interface FooterLinksGridMenuItem {\n  /** Section title */\n  title: string;\n  /** Links within the section */\n  links: {\n    text: string;\n    url: string;\n  }[];\n}\n\n/**\n * Props for the FooterLinksGrid component\n */\nexport interface FooterLinksGridProps {\n  /** Logo configuration */\n  logo?: {\n    url: string;\n    src: string;\n    alt: string;\n    title: string;\n  };\n  /** Additional CSS classes */\n  className?: string;\n  /** Tagline displayed below the logo */\n  tagline?: string;\n  /** Navigation menu sections */\n  menuItems?: FooterLinksGridMenuItem[];\n  /** Copyright text - use {year} placeholder for dynamic year */\n  copyright?: string;\n  /** Bottom links (terms, privacy, etc.) */\n  bottomLinks?: {\n    text: string;\n    url: string;\n  }[];\n  /** Optional Optix Flow configuration for @page-speed/img */\n  optixFlowConfig?: {\n    apiKey: string;\n    compression?: number;\n  };\n}\n\nconst defaultMenuItems: FooterLinksGridMenuItem[] = [\n  {\n    title: \"Product\",\n    links: [\n      { text: \"Overview\", url: \"#\" },\n      { text: \"Pricing\", url: \"#\" },\n      { text: \"Marketplace\", url: \"#\" },\n      { text: \"Features\", url: \"#\" },\n      { text: \"Integrations\", url: \"#\" },\n    ],\n  },\n  {\n    title: \"Company\",\n    links: [\n      { text: \"About\", url: \"#\" },\n      { text: \"Team\", url: \"#\" },\n      { text: \"Blog\", url: \"#\" },\n      { text: \"Careers\", url: \"#\" },\n      { text: \"Contact\", url: \"#\" },\n    ],\n  },\n  {\n    title: \"Resources\",\n    links: [\n      { text: \"Help\", url: \"#\" },\n      { text: \"Sales\", url: \"#\" },\n      { text: \"Advertise\", url: \"#\" },\n    ],\n  },\n  {\n    title: \"Social\",\n    links: [\n      { text: \"Twitter\", url: \"#\" },\n      { text: \"Instagram\", url: \"#\" },\n      { text: \"LinkedIn\", url: \"#\" },\n    ],\n  },\n];\n\nconst defaultBottomLinks = [\n  { text: \"Terms and Conditions\", url: \"#\" },\n  { text: \"Privacy Policy\", url: \"#\" },\n];\n\n/**\n * FooterLinksGrid - A multi-column footer with logo, navigation links, and legal information.\n *\n * Features a responsive grid layout with customizable navigation sections,\n * company branding, and bottom legal links. Ideal for corporate websites,\n * SaaS products, and marketing sites that need organized footer navigation.\n */\nexport function FooterLinksGrid({\n  logo = {\n    src: \"https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png\",\n    alt: \"Opensite AI\",\n    title: \"Opensite AI\",\n    url: \"https://opensite.ai\",\n  },\n  className,\n  tagline = \"Components made easy.\",\n  menuItems = defaultMenuItems,\n  copyright = `© ${new Date().getFullYear()} Opensite AI. All rights reserved.`,\n  bottomLinks = defaultBottomLinks,\n  optixFlowConfig,\n}: FooterLinksGridProps): React.JSX.Element {\n  return (\n    <section className={cn(\"py-32\", className)}>\n      <div className=\"container\">\n        <footer>\n          <div className=\"grid grid-cols-2 gap-8 lg:grid-cols-6\">\n            <div className=\"col-span-2 mb-8 lg:mb-0\">\n              <div className=\"flex items-center gap-2 lg:justify-start\">\n                <a href={logo.url} className=\"flex items-center gap-2\">\n                  <Img\n                    src={logo.src}\n                    alt={logo.alt}\n                    className=\"h-10 dark:invert\"\n                    optixFlowConfig={optixFlowConfig}\n                  />\n                  <span className=\"text-xl font-semibold\">{logo.title}</span>\n                </a>\n              </div>\n              <p className=\"mt-4 font-bold\">{tagline}</p>\n            </div>\n            {menuItems.map((section, sectionIdx) => (\n              <div key={sectionIdx}>\n                <h3 className=\"mb-4 font-bold\">{section.title}</h3>\n                <ul className=\"space-y-4 text-muted-foreground\">\n                  {section.links.map((link, linkIdx) => (\n                    <li\n                      key={linkIdx}\n                      className=\"font-medium hover:text-primary\"\n                    >\n                      <a href={link.url}>{link.text}</a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n          </div>\n          <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\">\n            <div className=\"flex flex-col gap-2 md:flex-row md:items-center md:gap-4\">\n              <p>{copyright}</p>\n              <a\n                href=\"https://opensite.ai\"\n                className=\"hover:text-primary\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                AI Website and Automation Platform by Opensite\n              </a>\n            </div>\n            <ul className=\"flex gap-4\">\n              {bottomLinks.map((link, linkIdx) => (\n                <li key={linkIdx} className=\"underline hover:text-primary\">\n                  <a href={link.url}>{link.text}</a>\n                </li>\n              ))}\n            </ul>\n          </div>\n        </footer>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/footer-links-grid.d.cts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+
+/**
+ * Menu item structure for footer navigation sections
+ */
+interface FooterLinksGridMenuItem {
+    /** Section title */
+    title: string;
+    /** Links within the section */
+    links: {
+        text: string;
+        url: string;
+    }[];
+}
+/**
+ * Props for the FooterLinksGrid component
+ */
+interface FooterLinksGridProps {
+    /** Logo configuration */
+    logo?: {
+        url: string;
+        src: string;
+        alt: string;
+        title: string;
+    };
+    /** Additional CSS classes */
+    className?: string;
+    /** Tagline displayed below the logo */
+    tagline?: string;
+    /** Navigation menu sections */
+    menuItems?: FooterLinksGridMenuItem[];
+    /** Copyright text - use {year} placeholder for dynamic year */
+    copyright?: string;
+    /** Bottom links (terms, privacy, etc.) */
+    bottomLinks?: {
+        text: string;
+        url: string;
+    }[];
+    /** Optional Optix Flow configuration for @page-speed/img */
+    optixFlowConfig?: {
+        apiKey: string;
+        compression?: number;
+    };
+}
+/**
+ * FooterLinksGrid - 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.
+ */
+declare function FooterLinksGrid({ logo, className, tagline, menuItems, copyright, bottomLinks, optixFlowConfig, }: FooterLinksGridProps): React.JSX.Element;
+
+export { FooterLinksGrid, type FooterLinksGridMenuItem, type FooterLinksGridProps };

package/dist/footer-links-grid.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+
+/**
+ * Menu item structure for footer navigation sections
+ */
+interface FooterLinksGridMenuItem {
+    /** Section title */
+    title: string;
+    /** Links within the section */
+    links: {
+        text: string;
+        url: string;
+    }[];
+}
+/**
+ * Props for the FooterLinksGrid component
+ */
+interface FooterLinksGridProps {
+    /** Logo configuration */
+    logo?: {
+        url: string;
+        src: string;
+        alt: string;
+        title: string;
+    };
+    /** Additional CSS classes */
+    className?: string;
+    /** Tagline displayed below the logo */
+    tagline?: string;
+    /** Navigation menu sections */
+    menuItems?: FooterLinksGridMenuItem[];
+    /** Copyright text - use {year} placeholder for dynamic year */
+    copyright?: string;
+    /** Bottom links (terms, privacy, etc.) */
+    bottomLinks?: {
+        text: string;
+        url: string;
+    }[];
+    /** Optional Optix Flow configuration for @page-speed/img */
+    optixFlowConfig?: {
+        apiKey: string;
+        compression?: number;
+    };
+}
+/**
+ * FooterLinksGrid - 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.
+ */
+declare function FooterLinksGrid({ logo, className, tagline, menuItems, copyright, bottomLinks, optixFlowConfig, }: FooterLinksGridProps): React.JSX.Element;
+
+export { FooterLinksGrid, type FooterLinksGridMenuItem, type FooterLinksGridProps };

package/dist/footer-links-grid.js

@@ -0,0 +1,117 @@
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { Img } from '@page-speed/img';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+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)) })
+    ] })
+  ] }) }) });
+}
+
+export { FooterLinksGrid };
+//# sourceMappingURL=footer-links-grid.js.map
+//# sourceMappingURL=footer-links-grid.js.map

package/dist/footer-links-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/utils.ts","../components/blocks/footers/footer-links-grid.tsx"],"names":[],"mappings":"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","file":"footer-links-grid.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport { Img } from \"@page-speed/img\";\n\n/**\n * Menu item structure for footer navigation sections\n */\nexport interface FooterLinksGridMenuItem {\n  /** Section title */\n  title: string;\n  /** Links within the section */\n  links: {\n    text: string;\n    url: string;\n  }[];\n}\n\n/**\n * Props for the FooterLinksGrid component\n */\nexport interface FooterLinksGridProps {\n  /** Logo configuration */\n  logo?: {\n    url: string;\n    src: string;\n    alt: string;\n    title: string;\n  };\n  /** Additional CSS classes */\n  className?: string;\n  /** Tagline displayed below the logo */\n  tagline?: string;\n  /** Navigation menu sections */\n  menuItems?: FooterLinksGridMenuItem[];\n  /** Copyright text - use {year} placeholder for dynamic year */\n  copyright?: string;\n  /** Bottom links (terms, privacy, etc.) */\n  bottomLinks?: {\n    text: string;\n    url: string;\n  }[];\n  /** Optional Optix Flow configuration for @page-speed/img */\n  optixFlowConfig?: {\n    apiKey: string;\n    compression?: number;\n  };\n}\n\nconst defaultMenuItems: FooterLinksGridMenuItem[] = [\n  {\n    title: \"Product\",\n    links: [\n      { text: \"Overview\", url: \"#\" },\n      { text: \"Pricing\", url: \"#\" },\n      { text: \"Marketplace\", url: \"#\" },\n      { text: \"Features\", url: \"#\" },\n      { text: \"Integrations\", url: \"#\" },\n    ],\n  },\n  {\n    title: \"Company\",\n    links: [\n      { text: \"About\", url: \"#\" },\n      { text: \"Team\", url: \"#\" },\n      { text: \"Blog\", url: \"#\" },\n      { text: \"Careers\", url: \"#\" },\n      { text: \"Contact\", url: \"#\" },\n    ],\n  },\n  {\n    title: \"Resources\",\n    links: [\n      { text: \"Help\", url: \"#\" },\n      { text: \"Sales\", url: \"#\" },\n      { text: \"Advertise\", url: \"#\" },\n    ],\n  },\n  {\n    title: \"Social\",\n    links: [\n      { text: \"Twitter\", url: \"#\" },\n      { text: \"Instagram\", url: \"#\" },\n      { text: \"LinkedIn\", url: \"#\" },\n    ],\n  },\n];\n\nconst defaultBottomLinks = [\n  { text: \"Terms and Conditions\", url: \"#\" },\n  { text: \"Privacy Policy\", url: \"#\" },\n];\n\n/**\n * FooterLinksGrid - A multi-column footer with logo, navigation links, and legal information.\n *\n * Features a responsive grid layout with customizable navigation sections,\n * company branding, and bottom legal links. Ideal for corporate websites,\n * SaaS products, and marketing sites that need organized footer navigation.\n */\nexport function FooterLinksGrid({\n  logo = {\n    src: \"https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png\",\n    alt: \"Opensite AI\",\n    title: \"Opensite AI\",\n    url: \"https://opensite.ai\",\n  },\n  className,\n  tagline = \"Components made easy.\",\n  menuItems = defaultMenuItems,\n  copyright = `© ${new Date().getFullYear()} Opensite AI. All rights reserved.`,\n  bottomLinks = defaultBottomLinks,\n  optixFlowConfig,\n}: FooterLinksGridProps): React.JSX.Element {\n  return (\n    <section className={cn(\"py-32\", className)}>\n      <div className=\"container\">\n        <footer>\n          <div className=\"grid grid-cols-2 gap-8 lg:grid-cols-6\">\n            <div className=\"col-span-2 mb-8 lg:mb-0\">\n              <div className=\"flex items-center gap-2 lg:justify-start\">\n                <a href={logo.url} className=\"flex items-center gap-2\">\n                  <Img\n                    src={logo.src}\n                    alt={logo.alt}\n                    className=\"h-10 dark:invert\"\n                    optixFlowConfig={optixFlowConfig}\n                  />\n                  <span className=\"text-xl font-semibold\">{logo.title}</span>\n                </a>\n              </div>\n              <p className=\"mt-4 font-bold\">{tagline}</p>\n            </div>\n            {menuItems.map((section, sectionIdx) => (\n              <div key={sectionIdx}>\n                <h3 className=\"mb-4 font-bold\">{section.title}</h3>\n                <ul className=\"space-y-4 text-muted-foreground\">\n                  {section.links.map((link, linkIdx) => (\n                    <li\n                      key={linkIdx}\n                      className=\"font-medium hover:text-primary\"\n                    >\n                      <a href={link.url}>{link.text}</a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n          </div>\n          <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\">\n            <div className=\"flex flex-col gap-2 md:flex-row md:items-center md:gap-4\">\n              <p>{copyright}</p>\n              <a\n                href=\"https://opensite.ai\"\n                className=\"hover:text-primary\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                AI Website and Automation Platform by Opensite\n              </a>\n            </div>\n            <ul className=\"flex gap-4\">\n              {bottomLinks.map((link, linkIdx) => (\n                <li key={linkIdx} className=\"underline hover:text-primary\">\n                  <a href={link.url}>{link.text}</a>\n                </li>\n              ))}\n            </ul>\n          </div>\n        </footer>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/footer-nav-social.cjs

@@ -0,0 +1,273 @@
+"use client";
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var img = require('@page-speed/img');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// lib/utils.ts
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var svgCache = /* @__PURE__ */ new Map();
+function DynamicIcon({
+  name,
+  size = 28,
+  color,
+  className,
+  alt
+}) {
+  const [svgContent, setSvgContent] = React__namespace.useState(null);
+  const [isLoading, setIsLoading] = React__namespace.useState(true);
+  const [error, setError] = React__namespace.useState(null);
+  const { url, iconName } = React__namespace.useMemo(() => {
+    const separator = name.includes("/") ? "/" : ":";
+    const [prefix, iconName2] = name.split(separator);
+    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName2}?format=svg&width=${size}&height=${size}`;
+    return {
+      url: baseUrl,
+      iconName: iconName2
+    };
+  }, [name, size]);
+  React__namespace.useEffect(() => {
+    let isMounted = true;
+    const fetchSvg = async () => {
+      const cached = svgCache.get(url);
+      if (cached) {
+        if (isMounted) {
+          setSvgContent(cached);
+          setIsLoading(false);
+        }
+        return;
+      }
+      try {
+        setIsLoading(true);
+        setError(null);
+        const response = await fetch(url);
+        if (!response.ok) {
+          throw new Error(`Failed to fetch icon: ${response.status}`);
+        }
+        let svg = await response.text();
+        svg = processSvgForCurrentColor(svg);
+        svgCache.set(url, svg);
+        if (isMounted) {
+          setSvgContent(svg);
+          setIsLoading(false);
+        }
+      } catch (err) {
+        if (isMounted) {
+          setError(err instanceof Error ? err.message : "Failed to load icon");
+          setIsLoading(false);
+        }
+      }
+    };
+    fetchSvg();
+    return () => {
+      isMounted = false;
+    };
+  }, [url]);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn("inline-block", className),
+        style: { width: size, height: size },
+        "aria-hidden": "true"
+      }
+    );
+  }
+  if (error || !svgContent) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn("inline-block", className),
+        style: { width: size, height: size },
+        role: "img",
+        "aria-label": alt || iconName
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn("inline-flex items-center justify-center", className),
+      style: {
+        width: size,
+        height: size,
+        color: color || "inherit"
+      },
+      role: "img",
+      "aria-label": alt || iconName,
+      dangerouslySetInnerHTML: { __html: svgContent }
+    }
+  );
+}
+function processSvgForCurrentColor(svg) {
+  let processed = svg;
+  processed = processed.replace(
+    /stroke=["'](#000000|#000|black)["']/gi,
+    'stroke="currentColor"'
+  );
+  processed = processed.replace(
+    /fill=["'](#000000|#000|black)["']/gi,
+    'fill="currentColor"'
+  );
+  return processed;
+}
+var defaultSections = [
+  {
+    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 defaultSocialLinks = [
+  { 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 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 = defaultSections,
+  socialLinks = defaultSocialLinks,
+  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 = defaultLegalLinks,
+  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.FooterNavSocial = FooterNavSocial;
+//# sourceMappingURL=footer-nav-social.cjs.map
+//# sourceMappingURL=footer-nav-social.cjs.map