@opensite/ui 0.1.2 → 0.1.4

package/dist/footer-newsletter-grid.js

@@ -0,0 +1,249 @@
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { Img } from '@page-speed/img';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var svgCache = /* @__PURE__ */ new Map();
+function DynamicIcon({
+  name,
+  size = 28,
+  color,
+  className,
+  alt
+}) {
+  const [svgContent, setSvgContent] = React.useState(null);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const { url, iconName } = React.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.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__ */ jsx(
+      "span",
+      {
+        className: cn("inline-block", className),
+        style: { width: size, height: size },
+        "aria-hidden": "true"
+      }
+    );
+  }
+  if (error || !svgContent) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("inline-block", className),
+        style: { width: size, height: size },
+        role: "img",
+        "aria-label": alt || iconName
+      }
+    );
+  }
+  return /* @__PURE__ */ 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: "#" },
+      { 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 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" }
+];
+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 = defaultSections,
+  socialLinks = defaultSocialLinks,
+  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"
+        }
+      )
+    ] })
+  ] }) }) });
+}
+
+export { FooterNewsletterGrid };
+//# sourceMappingURL=footer-newsletter-grid.js.map
+//# sourceMappingURL=footer-newsletter-grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/utils.ts","../components/ui/dynamic-icon.tsx","../components/blocks/footers/footer-newsletter-grid.tsx"],"names":["iconName","jsx"],"mappings":"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","file":"footer-newsletter-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\";\n\nimport { cn } from \"../../lib/utils\";\n\ninterface DynamicIconProps {\n  /**\n   * Icon name in format: prefix/name or prefix:name\n   * Examples: \"lucide/home\", \"mdi:account\", \"heroicons/check\"\n   */\n  name: string;\n  /**\n   * Icon size in pixels\n   * @default 28\n   */\n  size?: number;\n  /**\n   * Icon color - accepts any valid CSS color\n   * Note: When not specified, the icon inherits color from parent via CSS currentColor\n   */\n  color?: string;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n  /**\n   * Alt text for accessibility\n   */\n  alt?: string;\n}\n\n// Simple in-memory cache for fetched SVGs\nconst svgCache = new Map<string, string>();\n\n/**\n * Lightweight icon component that dynamically loads SVG icons from icons.opensite.ai API.\n *\n * Features:\n * - Pulls SVGs from https://icons.opensite.ai API and inlines them for CSS color inheritance\n * - Supports currentColor - icons inherit color from parent element\n * - Accepts prefix/name or prefix:name format\n * - Customizable size and explicit color via props\n * - In-memory caching to prevent duplicate fetches\n *\n * @example\n * ```tsx\n * // Icon inherits color from parent (recommended for hover states, etc.)\n * <span className=\"text-white hover:text-red-500\">\n *   <DynamicIcon name=\"lucide/home\" size={24} />\n * </span>\n *\n * // Icon with explicit color\n * <DynamicIcon name=\"mdi:account\" size={32} color=\"#ff0000\" />\n * ```\n */\nexport function DynamicIcon({\n  name,\n  size = 28,\n  color,\n  className,\n  alt,\n}: DynamicIconProps) {\n  const [svgContent, setSvgContent] = React.useState<string | null>(null);\n  const [isLoading, setIsLoading] = React.useState(true);\n  const [error, setError] = React.useState<string | null>(null);\n\n  const { url, iconName } = React.useMemo(() => {\n    const separator = name.includes(\"/\") ? \"/\" : \":\";\n    const [prefix, iconName] = name.split(separator);\n    // Don't pass color to API - we'll handle it via CSS\n    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName}?format=svg&width=${size}&height=${size}`;\n\n    return {\n      url: baseUrl,\n      iconName,\n    };\n  }, [name, size]);\n\n  React.useEffect(() => {\n    let isMounted = true;\n\n    const fetchSvg = async () => {\n      // Check cache first\n      const cached = svgCache.get(url);\n      if (cached) {\n        if (isMounted) {\n          setSvgContent(cached);\n          setIsLoading(false);\n        }\n        return;\n      }\n\n      try {\n        setIsLoading(true);\n        setError(null);\n\n        const response = await fetch(url);\n        if (!response.ok) {\n          throw new Error(`Failed to fetch icon: ${response.status}`);\n        }\n\n        let svg = await response.text();\n\n        // Process SVG to ensure currentColor works:\n        // 1. Replace any hardcoded colors with currentColor\n        // 2. Ensure stroke/fill use currentColor where appropriate\n        svg = processSvgForCurrentColor(svg);\n\n        // Cache the processed SVG\n        svgCache.set(url, svg);\n\n        if (isMounted) {\n          setSvgContent(svg);\n          setIsLoading(false);\n        }\n      } catch (err) {\n        if (isMounted) {\n          setError(err instanceof Error ? err.message : \"Failed to load icon\");\n          setIsLoading(false);\n        }\n      }\n    };\n\n    fetchSvg();\n\n    return () => {\n      isMounted = false;\n    };\n  }, [url]);\n\n  // Loading state - show placeholder with same dimensions\n  if (isLoading) {\n    return (\n      <span\n        className={cn(\"inline-block\", className)}\n        style={{ width: size, height: size }}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n\n  // Error state - show nothing or fallback\n  if (error || !svgContent) {\n    return (\n      <span\n        className={cn(\"inline-block\", className)}\n        style={{ width: size, height: size }}\n        role=\"img\"\n        aria-label={alt || iconName}\n      />\n    );\n  }\n\n  // Render inline SVG\n  // The color prop applies an explicit color, otherwise inherits from parent via currentColor\n  return (\n    <span\n      className={cn(\"inline-flex items-center justify-center\", className)}\n      style={{\n        width: size,\n        height: size,\n        color: color || \"inherit\",\n      }}\n      role=\"img\"\n      aria-label={alt || iconName}\n      dangerouslySetInnerHTML={{ __html: svgContent }}\n    />\n  );\n}\n\n/**\n * Process SVG to ensure it uses currentColor for proper CSS inheritance.\n * This handles various icon libraries that may use different color approaches.\n */\nfunction processSvgForCurrentColor(svg: string): string {\n  // Replace stroke=\"currentColor\" is already correct, but ensure fill also works\n  // Some icons use fill=\"none\" with stroke, others use fill with no stroke\n\n  // Ensure the SVG doesn't have hardcoded colors that should be currentColor\n  // Common patterns to replace:\n  // - stroke=\"#000\" or stroke=\"#000000\" or stroke=\"black\" -> stroke=\"currentColor\"\n  // - fill=\"#000\" or fill=\"#000000\" or fill=\"black\" -> fill=\"currentColor\"\n\n  let processed = svg;\n\n  // Replace common black color values with currentColor for stroke\n  processed = processed.replace(\n    /stroke=[\"'](#000000|#000|black)[\"']/gi,\n    'stroke=\"currentColor\"'\n  );\n\n  // Replace common black color values with currentColor for fill\n  // But be careful not to replace fill=\"none\"\n  processed = processed.replace(\n    /fill=[\"'](#000000|#000|black)[\"']/gi,\n    'fill=\"currentColor\"'\n  );\n\n  return processed;\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../../../lib/utils\";\nimport { Img } from \"@page-speed/img\";\nimport { DynamicIcon } from \"../../ui/dynamic-icon\";\n\n/**\n * Social link configuration\n */\nexport interface FooterNewsletterGridSocialLink {\n  /** Icon name in format: prefix/name (e.g., \"simple-icons/instagram\") */\n  icon: string;\n  /** Link URL */\n  href: string;\n  /** Accessible label */\n  label: string;\n}\n\n/**\n * Navigation section configuration\n */\nexport interface FooterNewsletterGridSection {\n  title: string;\n  links: {\n    name: string;\n    href: string;\n  }[];\n}\n\n/**\n * Props for the FooterNewsletterGrid component\n */\nexport interface FooterNewsletterGridProps {\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  /** Brand description text */\n  description?: string;\n  /** Navigation sections */\n  sections?: FooterNewsletterGridSection[];\n  /** Social media links */\n  socialLinks?: FooterNewsletterGridSocialLink[];\n  /** Newsletter section title */\n  newsletterTitle?: string;\n  /** Newsletter placeholder text */\n  newsletterPlaceholder?: string;\n  /** Newsletter button text */\n  newsletterButtonText?: string;\n  /** Privacy policy text */\n  privacyText?: string;\n  /** Privacy policy link text */\n  privacyLinkText?: string;\n  /** Privacy policy URL */\n  privacyLinkUrl?: string;\n  /** Copyright text */\n  copyright?: string;\n  /** Attribution text */\n  attribution?: string;\n  /** Optional Optix Flow configuration for @page-speed/img */\n  optixFlowConfig?: {\n    apiKey: string;\n    compression?: number;\n  };\n}\n\nconst defaultSections: FooterNewsletterGridSection[] = [\n  {\n    title: \"Product\",\n    links: [\n      { name: \"Overview\", href: \"#\" },\n      { name: \"Pricing\", href: \"#\" },\n      { name: \"Marketplace\", href: \"#\" },\n      { name: \"Features\", href: \"#\" },\n      { name: \"Integrations\", href: \"#\" },\n      { name: \"Marketing\", href: \"#\" },\n    ],\n  },\n  {\n    title: \"Company\",\n    links: [\n      { name: \"About\", href: \"#\" },\n      { name: \"Team\", href: \"#\" },\n      { name: \"Blog\", href: \"#\" },\n      { name: \"Careers\", href: \"#\" },\n      { name: \"Contact\", href: \"#\" },\n    ],\n  },\n];\n\nconst defaultSocialLinks: FooterNewsletterGridSocialLink[] = [\n  { icon: \"simple-icons/instagram\", href: \"#\", label: \"Instagram\" },\n  { icon: \"simple-icons/facebook\", href: \"#\", label: \"Facebook\" },\n  { icon: \"simple-icons/x\", href: \"#\", label: \"X (Twitter)\" },\n  { icon: \"simple-icons/linkedin\", href: \"#\", label: \"LinkedIn\" },\n];\n\n/**\n * FooterNewsletterGrid - A comprehensive footer with logo, social icons, navigation, and newsletter.\n *\n * Features a full-width grid layout with brand section (logo, description, social icons),\n * multi-column navigation, and a prominent newsletter signup form. Ideal for content-heavy\n * websites, SaaS products, and businesses that prioritize email marketing and social engagement.\n */\nexport function FooterNewsletterGrid({\n  logo = {\n    url: \"https://opensite.ai\",\n    src: \"https://cdn.ing/assets/i/r/285975/eud79qeya11q5w6ueyhklueardyx/os-suircle-black-white.png\",\n    alt: \"Opensite AI\",\n    title: \"Opensite AI\",\n  },\n  className,\n  description = \"A collection of 100+ responsive HTML templates for your startup business or side project.\",\n  sections = defaultSections,\n  socialLinks = defaultSocialLinks,\n  newsletterTitle = \"Newsletter\",\n  newsletterPlaceholder = \"Email\",\n  newsletterButtonText = \"Subscribe\",\n  privacyText = \"By submitting, you agree to our\",\n  privacyLinkText = \"Privacy Policy\",\n  privacyLinkUrl = \"#\",\n  copyright = `© ${new Date().getFullYear()} Opensite AI. All rights reserved.`,\n  optixFlowConfig,\n}: FooterNewsletterGridProps): React.JSX.Element {\n  return (\n    <section className={cn(\"py-32\", className)}>\n      <div className=\"container\">\n        <footer>\n          <div className=\"grid grid-cols-4 justify-between gap-10 lg:grid-cols-6 lg:text-left\">\n            <div className=\"col-span-4 flex w-full flex-col gap-6 lg:col-span-2\">\n              <div className=\"flex items-center gap-2 lg:justify-start\">\n                <a href={logo.url}>\n                  <Img\n                    src={logo.src}\n                    alt={logo.alt}\n                    className=\"h-8\"\n                    optixFlowConfig={optixFlowConfig}\n                  />\n                </a>\n                <h2 className=\"text-xl font-semibold\">{logo.title}</h2>\n              </div>\n              <p className=\"text-muted-foreground\">{description}</p>\n              <ul className=\"flex items-center space-x-6\">\n                {socialLinks.map((social, idx) => (\n                  <li\n                    key={idx}\n                    className=\"font-medium duration-200 hover:scale-110 hover:text-muted-foreground\"\n                  >\n                    <a href={social.href} aria-label={social.label}>\n                      <DynamicIcon name={social.icon} size={24} />\n                    </a>\n                  </li>\n                ))}\n              </ul>\n            </div>\n            {sections.map((section, sectionIdx) => (\n              <div key={sectionIdx} className=\"col-span-2 md:col-span-1\">\n                <h3 className=\"mb-5 font-medium\">{section.title}</h3>\n                <ul className=\"space-y-4 text-sm 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.href}>{link.name}</a>\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n            <div className=\"col-span-4 md:col-span-2\">\n              <h3 className=\"mb-5 font-medium\">{newsletterTitle}</h3>\n              <div className=\"grid gap-1.5\">\n                <div className=\"flex w-full items-center space-x-2\">\n                  <input\n                    type=\"email\"\n                    placeholder={newsletterPlaceholder}\n                    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\"\n                  />\n                  <button\n                    type=\"submit\"\n                    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\"\n                  >\n                    {newsletterButtonText}\n                  </button>\n                </div>\n              </div>\n              <p className=\"mt-1 text-xs font-medium text-muted-foreground\">\n                {privacyText}\n                <a href={privacyLinkUrl} className=\"ml-1 text-primary hover:underline\">\n                  {privacyLinkText}\n                </a>\n              </p>\n            </div>\n          </div>\n          <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\">\n            <div className=\"flex flex-col gap-2 lg:flex-row lg:items-center lg:gap-4\">\n              <p>\n                <span className=\"mr-1 font-bold text-primary\">Opensite AI</span>\n                {copyright}\n              </p>\n            </div>\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        </footer>\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/footer-newsletter-minimal.cjs

@@ -0,0 +1,271 @@
+"use client";
+'use strict';
+
+var framerMotion = require('framer-motion');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+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);
+
+// components/blocks/footers/footer-newsletter-minimal.tsx
+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 defaultNavLinks = [
+  { label: "Home", href: "#" },
+  { label: "Collection", href: "#" },
+  { label: "Projects", href: "#" },
+  { label: "Pricing", href: "#" },
+  { label: "Login", href: "#" }
+];
+var defaultSocialLinks = [
+  { 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 = defaultNavLinks,
+  socialLinks = defaultSocialLinks,
+  footerLinks = defaultFooterLinks,
+  newsletterLabel = "Sign up for newsletter :",
+  newsletterPlaceholder = "Name*",
+  location = "San Francisco, CA"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "section",
+    {
+      className: cn("dark bg-background py-32 text-foreground", className),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col justify-between gap-15 lg:flex-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-10", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "relative text-4xl font-medium tracking-tight lg:text-5xl", children: heading }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Get Support : " }),
+              /* @__PURE__ */ jsxRuntime.jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: navLinks.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: item.href,
+                className: "tracking-tight text-foreground hover:text-foreground/30",
+                children: item.label
+              }
+            ) }, item.label)) }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: socialLinks.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "a",
+              {
+                href: item.href,
+                className: "group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30",
+                children: [
+                  item.label,
+                  " ",
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    DynamicIcon,
+                    {
+                      name: "lucide/arrow-up-right",
+                      size: 14,
+                      className: "text-foreground group-hover:text-muted-foreground/50"
+                    }
+                  )
+                ]
+              }
+            ) }, item.label)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-20 flex flex-col justify-between gap-15 lg:flex-row", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex w-full max-w-md flex-col gap-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm font-light tracking-tight lg:text-base", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { children: newsletterLabel }),
+            /* @__PURE__ */ jsxRuntime.jsxs("form", { className: "flex w-full items-end border-b border-b-foreground/10", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  type: "text",
+                  placeholder: newsletterPlaceholder,
+                  className: "mt-10 w-full rounded-none border-0 bg-transparent p-0 uppercase shadow-none placeholder:text-foreground/20 focus:outline-none focus:ring-0 lg:text-base"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "p-2 hover:bg-muted/20", children: /* @__PURE__ */ jsxRuntime.jsx(DynamicIcon, { name: "lucide/arrow-right", size: 20 }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-32", children: location }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "space-y-1", children: footerLinks.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+              "a",
+              {
+                href: item.href,
+                className: "group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30",
+                children: item.label
+              }
+            ) }, item.label)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-20 w-full lg:mt-32", children: /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { opacity: 0, y: 20 },
+            whileInView: { opacity: 1, y: 0 },
+            viewport: { once: true },
+            transition: { duration: 0.6 },
+            className: "text-center",
+            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl", children: "OPENSITE" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 text-center text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+            "\xA9 ",
+            (/* @__PURE__ */ new Date()).getFullYear(),
+            " Opensite AI. All rights reserved."
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "a",
+            {
+              href: "https://opensite.ai",
+              className: "mt-2 inline-block hover:text-foreground",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "AI Website and Automation Platform by Opensite"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+exports.FooterNewsletterMinimal = FooterNewsletterMinimal;
+//# sourceMappingURL=footer-newsletter-minimal.cjs.map
+//# sourceMappingURL=footer-newsletter-minimal.cjs.map

package/dist/footer-newsletter-minimal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../lib/utils.ts","../components/ui/dynamic-icon.tsx","../components/blocks/footers/footer-newsletter-minimal.tsx"],"names":["twMerge","clsx","React","iconName","jsx","jsxs","motion"],"mappings":"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","file":"footer-newsletter-minimal.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\";\n\nimport { cn } from \"../../lib/utils\";\n\ninterface DynamicIconProps {\n  /**\n   * Icon name in format: prefix/name or prefix:name\n   * Examples: \"lucide/home\", \"mdi:account\", \"heroicons/check\"\n   */\n  name: string;\n  /**\n   * Icon size in pixels\n   * @default 28\n   */\n  size?: number;\n  /**\n   * Icon color - accepts any valid CSS color\n   * Note: When not specified, the icon inherits color from parent via CSS currentColor\n   */\n  color?: string;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n  /**\n   * Alt text for accessibility\n   */\n  alt?: string;\n}\n\n// Simple in-memory cache for fetched SVGs\nconst svgCache = new Map<string, string>();\n\n/**\n * Lightweight icon component that dynamically loads SVG icons from icons.opensite.ai API.\n *\n * Features:\n * - Pulls SVGs from https://icons.opensite.ai API and inlines them for CSS color inheritance\n * - Supports currentColor - icons inherit color from parent element\n * - Accepts prefix/name or prefix:name format\n * - Customizable size and explicit color via props\n * - In-memory caching to prevent duplicate fetches\n *\n * @example\n * ```tsx\n * // Icon inherits color from parent (recommended for hover states, etc.)\n * <span className=\"text-white hover:text-red-500\">\n *   <DynamicIcon name=\"lucide/home\" size={24} />\n * </span>\n *\n * // Icon with explicit color\n * <DynamicIcon name=\"mdi:account\" size={32} color=\"#ff0000\" />\n * ```\n */\nexport function DynamicIcon({\n  name,\n  size = 28,\n  color,\n  className,\n  alt,\n}: DynamicIconProps) {\n  const [svgContent, setSvgContent] = React.useState<string | null>(null);\n  const [isLoading, setIsLoading] = React.useState(true);\n  const [error, setError] = React.useState<string | null>(null);\n\n  const { url, iconName } = React.useMemo(() => {\n    const separator = name.includes(\"/\") ? \"/\" : \":\";\n    const [prefix, iconName] = name.split(separator);\n    // Don't pass color to API - we'll handle it via CSS\n    const baseUrl = `https://icons.opensite.ai/api/icon/${prefix}/${iconName}?format=svg&width=${size}&height=${size}`;\n\n    return {\n      url: baseUrl,\n      iconName,\n    };\n  }, [name, size]);\n\n  React.useEffect(() => {\n    let isMounted = true;\n\n    const fetchSvg = async () => {\n      // Check cache first\n      const cached = svgCache.get(url);\n      if (cached) {\n        if (isMounted) {\n          setSvgContent(cached);\n          setIsLoading(false);\n        }\n        return;\n      }\n\n      try {\n        setIsLoading(true);\n        setError(null);\n\n        const response = await fetch(url);\n        if (!response.ok) {\n          throw new Error(`Failed to fetch icon: ${response.status}`);\n        }\n\n        let svg = await response.text();\n\n        // Process SVG to ensure currentColor works:\n        // 1. Replace any hardcoded colors with currentColor\n        // 2. Ensure stroke/fill use currentColor where appropriate\n        svg = processSvgForCurrentColor(svg);\n\n        // Cache the processed SVG\n        svgCache.set(url, svg);\n\n        if (isMounted) {\n          setSvgContent(svg);\n          setIsLoading(false);\n        }\n      } catch (err) {\n        if (isMounted) {\n          setError(err instanceof Error ? err.message : \"Failed to load icon\");\n          setIsLoading(false);\n        }\n      }\n    };\n\n    fetchSvg();\n\n    return () => {\n      isMounted = false;\n    };\n  }, [url]);\n\n  // Loading state - show placeholder with same dimensions\n  if (isLoading) {\n    return (\n      <span\n        className={cn(\"inline-block\", className)}\n        style={{ width: size, height: size }}\n        aria-hidden=\"true\"\n      />\n    );\n  }\n\n  // Error state - show nothing or fallback\n  if (error || !svgContent) {\n    return (\n      <span\n        className={cn(\"inline-block\", className)}\n        style={{ width: size, height: size }}\n        role=\"img\"\n        aria-label={alt || iconName}\n      />\n    );\n  }\n\n  // Render inline SVG\n  // The color prop applies an explicit color, otherwise inherits from parent via currentColor\n  return (\n    <span\n      className={cn(\"inline-flex items-center justify-center\", className)}\n      style={{\n        width: size,\n        height: size,\n        color: color || \"inherit\",\n      }}\n      role=\"img\"\n      aria-label={alt || iconName}\n      dangerouslySetInnerHTML={{ __html: svgContent }}\n    />\n  );\n}\n\n/**\n * Process SVG to ensure it uses currentColor for proper CSS inheritance.\n * This handles various icon libraries that may use different color approaches.\n */\nfunction processSvgForCurrentColor(svg: string): string {\n  // Replace stroke=\"currentColor\" is already correct, but ensure fill also works\n  // Some icons use fill=\"none\" with stroke, others use fill with no stroke\n\n  // Ensure the SVG doesn't have hardcoded colors that should be currentColor\n  // Common patterns to replace:\n  // - stroke=\"#000\" or stroke=\"#000000\" or stroke=\"black\" -> stroke=\"currentColor\"\n  // - fill=\"#000\" or fill=\"#000000\" or fill=\"black\" -> fill=\"currentColor\"\n\n  let processed = svg;\n\n  // Replace common black color values with currentColor for stroke\n  processed = processed.replace(\n    /stroke=[\"'](#000000|#000|black)[\"']/gi,\n    'stroke=\"currentColor\"'\n  );\n\n  // Replace common black color values with currentColor for fill\n  // But be careful not to replace fill=\"none\"\n  processed = processed.replace(\n    /fill=[\"'](#000000|#000|black)[\"']/gi,\n    'fill=\"currentColor\"'\n  );\n\n  return processed;\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { motion } from \"framer-motion\";\nimport { cn } from \"../../../lib/utils\";\nimport { DynamicIcon } from \"../../ui/dynamic-icon\";\n\n/**\n * Navigation link configuration\n */\nexport interface FooterNewsletterMinimalNavLink {\n  label: string;\n  href: string;\n}\n\n/**\n * Social link configuration\n */\nexport interface FooterNewsletterMinimalSocialLink {\n  label: string;\n  href: string;\n}\n\n/**\n * Footer link configuration\n */\nexport interface FooterNewsletterMinimalFooterLink {\n  label: string;\n  href: string;\n}\n\n/**\n * Props for the FooterNewsletterMinimal component\n */\nexport interface FooterNewsletterMinimalProps {\n  /** Additional CSS classes */\n  className?: string;\n  /** Main heading text */\n  heading?: string;\n  /** Support email */\n  supportEmail?: string;\n  /** Navigation links */\n  navLinks?: FooterNewsletterMinimalNavLink[];\n  /** Social links */\n  socialLinks?: FooterNewsletterMinimalSocialLink[];\n  /** Footer links (privacy, terms) */\n  footerLinks?: FooterNewsletterMinimalFooterLink[];\n  /** Newsletter label */\n  newsletterLabel?: string;\n  /** Newsletter placeholder */\n  newsletterPlaceholder?: string;\n  /** Location text */\n  location?: string;\n}\n\nconst defaultNavLinks: FooterNewsletterMinimalNavLink[] = [\n  { label: \"Home\", href: \"#\" },\n  { label: \"Collection\", href: \"#\" },\n  { label: \"Projects\", href: \"#\" },\n  { label: \"Pricing\", href: \"#\" },\n  { label: \"Login\", href: \"#\" },\n];\n\nconst defaultSocialLinks: FooterNewsletterMinimalSocialLink[] = [\n  { label: \"Linkedin\", href: \"#\" },\n  { label: \"Twitter\", href: \"#\" },\n  { label: \"Facebook\", href: \"#\" },\n];\n\nconst defaultFooterLinks: FooterNewsletterMinimalFooterLink[] = [\n  { label: \"Privacy Policy\", href: \"#\" },\n  { label: \"Terms & Conditions\", href: \"#\" },\n];\n\n/**\n * FooterNewsletterMinimal - A dark-themed minimal footer with newsletter and animated logo.\n *\n * Features a clean layout with main heading, support email, navigation columns,\n * newsletter signup form, and a large animated brand logo. Ideal for modern SaaS products,\n * creative agencies, and businesses that want a sophisticated, dark-themed footer\n * with strong visual branding.\n */\nexport function FooterNewsletterMinimal({\n  className,\n  heading = \"Unlock 800+ blocks now\",\n  supportEmail = \"hi@opensite.ai\",\n  navLinks = defaultNavLinks,\n  socialLinks = defaultSocialLinks,\n  footerLinks = defaultFooterLinks,\n  newsletterLabel = \"Sign up for newsletter :\",\n  newsletterPlaceholder = \"Name*\",\n  location = \"San Francisco, CA\",\n}: FooterNewsletterMinimalProps): React.JSX.Element {\n  return (\n    <section\n      className={cn(\"dark bg-background py-32 text-foreground\", className)}\n    >\n      <div className=\"container\">\n        <div className=\"flex flex-col justify-between gap-15 lg:flex-row\">\n          <div className=\"flex flex-col gap-10\">\n            <p className=\"relative text-4xl font-medium tracking-tight lg:text-5xl\">\n              {heading}\n            </p>\n            <div className=\"space-y-1 text-sm font-light tracking-tight lg:text-base\">\n              <p>Get Support : </p>\n              <a href={`mailto:${supportEmail}`}>{supportEmail}</a>\n            </div>\n          </div>\n          <div className=\"grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base\">\n            <ul className=\"space-y-1\">\n              {navLinks.map((item) => (\n                <li key={item.label}>\n                  <a\n                    href={item.href}\n                    className=\"tracking-tight text-foreground hover:text-foreground/30\"\n                  >\n                    {item.label}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <ul className=\"space-y-1\">\n              {socialLinks.map((item) => (\n                <li key={item.label}>\n                  <a\n                    href={item.href}\n                    className=\"group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30\"\n                  >\n                    {item.label}{\" \"}\n                    <DynamicIcon\n                      name=\"lucide/arrow-up-right\"\n                      size={14}\n                      className=\"text-foreground group-hover:text-muted-foreground/50\"\n                    />\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n        <div className=\"mt-20 flex flex-col justify-between gap-15 lg:flex-row\">\n          <div className=\"flex w-full max-w-md flex-col gap-10\">\n            <div className=\"space-y-1 text-sm font-light tracking-tight lg:text-base\">\n              <p>{newsletterLabel}</p>\n              <form className=\"flex w-full items-end border-b border-b-foreground/10\">\n                <input\n                  type=\"text\"\n                  placeholder={newsletterPlaceholder}\n                  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\"\n                />\n                <button type=\"submit\" className=\"p-2 hover:bg-muted/20\">\n                  <DynamicIcon name=\"lucide/arrow-right\" size={20} />\n                </button>\n              </form>\n            </div>\n          </div>\n          <div className=\"grid w-full max-w-xs grid-cols-2 gap-10 text-sm font-light lg:text-base\">\n            <div className=\"w-32\">{location}</div>\n            <ul className=\"space-y-1\">\n              {footerLinks.map((item) => (\n                <li key={item.label}>\n                  <a\n                    href={item.href}\n                    className=\"group flex items-center gap-1 tracking-tight text-foreground hover:text-foreground/30\"\n                  >\n                    {item.label}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </div>\n        </div>\n        <div className=\"mt-20 w-full lg:mt-32\">\n          <motion.div\n            initial={{ opacity: 0, y: 20 }}\n            whileInView={{ opacity: 1, y: 0 }}\n            viewport={{ once: true }}\n            transition={{ duration: 0.6 }}\n            className=\"text-center\"\n          >\n            <span className=\"text-6xl font-bold tracking-tighter md:text-8xl lg:text-9xl\">\n              OPENSITE\n            </span>\n          </motion.div>\n        </div>\n        <div className=\"mt-8 text-center text-sm text-muted-foreground\">\n          <p>© {new Date().getFullYear()} Opensite AI. All rights reserved.</p>\n          <a\n            href=\"https://opensite.ai\"\n            className=\"mt-2 inline-block hover:text-foreground\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            AI Website and Automation Platform by Opensite\n          </a>\n        </div>\n      </div>\n    </section>\n  );\n}\n"]}