4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T1d90,"use client"; import Field, { FieldLabel } from "@/components/smoothui/field"; import Input from "@/components/smoothui/input"; import SmoothButton from "@/components/smoothui/smooth-button"; import { Github, Linkedin, Twitter, Youtube } from "lucide-react"; import { motion, useReducedMotion } from "motion/react"; import type { ReactNode } from "react"; const ANIMATION_DURATION = 0.25; const DELAY_INCREMENT = 0.05; const HOVER_SCALE = 1.1; const TAP_SCALE = 0.95; const DELAY_NEWSLETTER = 6; const DELAY_BOTTOM = 7; export interface FooterMegaProps { columns?: Array<{ title: string; links: Array<{ label: string; href: string }>; }>; copyright?: string; description?: string; logo?: ReactNode; newsletter?: { title: string; description: string; placeholder: string; buttonText: string; }; socialLinks?: Array<{ icon: ReactNode; href: string; label: string; }>; } const defaultColumns = [ { links: [ { href: "#features", label: "Features" }, { href: "#pricing", label: "Pricing" }, { href: "#changelog", label: "Changelog" }, { href: "#docs", label: "Documentation" }, ], title: "Product", }, { links: [ { href: "#about", label: "About" }, { href: "#blog", label: "Blog" }, { href: "#careers", label: "Careers" }, { href: "#contact", label: "Contact" }, ], title: "Company", }, { links: [ { href: "#community", label: "Community" }, { href: "#github", label: "GitHub" }, { href: "#discord", label: "Discord" }, { href: "#help", label: "Help Center" }, ], title: "Resources", }, { links: [ { href: "#privacy", label: "Privacy Policy" }, { href: "#terms", label: "Terms of Service" }, { href: "#cookies", label: "Cookie Policy" }, ], title: "Legal", }, ]; const defaultSocialLinks = [ { href: "https://twitter.com", icon: , label: "Twitter", }, { href: "https://github.com", icon: , label: "GitHub", }, { href: "https://linkedin.com", icon: , label: "LinkedIn", }, { href: "https://youtube.com", icon: , label: "YouTube", }, ]; export const FooterMega = ({ logo = SmoothUI, description = "Beautiful animated React components for building modern user interfaces with smooth animations and delightful interactions.", columns = defaultColumns, newsletter = { buttonText: "Subscribe", description: "Get the latest updates and news delivered to your inbox.", placeholder: "Enter your email", title: "Subscribe to our newsletter", }, socialLinks = defaultSocialLinks, copyright = "© 2024 SmoothUI. All rights reserved.", }: FooterMegaProps) => { const shouldReduceMotion = useReducedMotion(); const getAnimationProps = (delay = 0) => { if (shouldReduceMotion) { return { animate: { opacity: 1 }, initial: { opacity: 1 }, transition: { duration: 0 }, }; } return { initial: { opacity: 0, y: 20 }, transition: { bounce: 0.1, delay, duration: ANIMATION_DURATION, type: "spring" as const, }, viewport: { once: true }, whileInView: { opacity: 1, y: 0 }, }; }; const getHoverProps = () => { if (shouldReduceMotion) { return {}; } return { whileHover: { scale: HOVER_SCALE }, whileTap: { scale: TAP_SCALE }, }; }; return ( ); }; export default FooterMega; 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}],["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L4e",null,{"namespace":"@smoothui","registryDependencies":["https://smoothui.dev/r/smooth-button.json","https://smoothui.dev/r/field.json","https://smoothui.dev/r/input.json","https://smoothui.dev/r/tokens.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"index.tsx","content":"$50","type":"registry:block","target":"components/smoothui/footer-3/index.tsx"}],"className":"h-[70svh] min-h-80"}]]}]