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:Tca4,export const footerBrand = { name: "Nusaiba", tagline: "Motion-first shadcn sections — preview live, install into your repo, keep every file.", } as const; export type FooterLinkItem = { label: string; href: string; badge?: string; }; export type FooterColumn = { title: string; links: FooterLinkItem[]; }; export const footerColumns = { registry: { title: "Registry", links: [ { label: "Blocks", href: "/blocks", badge: "New" }, { label: "Motion", href: "/motion" }, { label: "Pricing", href: "/pricing" }, { label: "Docs", href: "/docs" }, ], }, install: { title: "Install", links: [ { label: "CLI guide", href: "/docs" }, { label: "Copy prompt", href: "/docs" }, { label: "Pro registry", href: "/pricing", badge: "Pro" }, { label: "Changelog", href: "/blocks" }, ], }, developers: { title: "Developers", links: [ { label: "Motion patterns", href: "/motion" }, { label: "Registry token", href: "/pricing" }, { label: "components.json", href: "/docs" }, { label: "Account", href: "/account" }, ], }, company: { title: "Company", links: [ { label: "About", href: "/docs" }, { label: "Contact", href: "/contact" }, { label: "Commercial license", href: "/pricing" }, { label: "GitHub", href: "https://github.com" }, ], }, legal: { title: "Legal", links: [ { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Security", href: "#" }, { label: "License", href: "/pricing" }, ], }, product: { title: "Product", links: [ { label: "Hero sections", href: "/blocks/hero" }, { label: "Pricing blocks", href: "/blocks/pricing" }, { label: "Logo clouds", href: "/blocks/logo-cloud" }, { label: "CTA bands", href: "/blocks/cta" }, ], }, solutions: { title: "Solutions", links: [ { label: "SaaS landing", href: "/blocks/hero" }, { label: "Startup sites", href: "/blocks/cta" }, { label: "Agency builds", href: "/blocks/pricing" }, { label: "AI workflows", href: "/docs" }, ], }, support: { title: "Support", links: [ { label: "Help center", href: "/docs" }, { label: "Getting started", href: "/docs" }, { label: "FAQs", href: "/docs" }, { label: "Report issue", href: "https://github.com" }, ], }, resources: { title: "Resources", links: [ { label: "Motion gallery", href: "/motion" }, { label: "Block catalog", href: "/blocks" }, { label: "Copy prompt", href: "/docs" }, { label: "Registry API", href: "/docs" }, ], }, } satisfies Record; export const footerSocials = [ { label: "GitHub", href: "https://github.com", icon: "github" as const }, { label: "X", href: "https://x.com", icon: "x" as const }, { label: "LinkedIn", href: "https://linkedin.com", icon: "linkedin" as const }, { label: "YouTube", href: "https://youtube.com", icon: "youtube" as const }, ] as const; export const footerLegalLinks: FooterLinkItem[] = [ { label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "License", href: "/pricing" }, ]; export const footerLegalInline = [ { label: "Terms of Service", href: "#" }, { label: "Privacy Policy", href: "#" }, { label: "Cookie Notice", href: "#" }, ] as const; 51:T3701,"use client"; import Link from "next/link"; import { useRef } from "react"; import { ArrowUpRightIcon, MonitorIcon, MoonIcon, SunIcon, } from "lucide-react"; import { motion, useInView, useReducedMotion } from "motion/react"; import { motionStagger, motionViewport } from "@/lib/motion-tokens"; import { cn } from "@/lib/utils"; import type { FooterColumn, FooterLinkItem } from "./footer-data"; import { footerBrand, footerLegalLinks, footerSocials } from "./footer-data"; const linkClass = cn( "relative inline-flex min-h-10 items-center text-muted-foreground text-sm transition-[color,transform] hover:text-foreground", "after:absolute after:top-1/2 after:left-1/2 after:size-10 after:-translate-x-1/2 after:-translate-y-1/2", "active:scale-[0.96]", ); function SocialIcon({ icon }: { icon: (typeof footerSocials)[number]["icon"] }) { const className = "size-4 shrink-0"; switch (icon) { case "github": return ( ); case "linkedin": return ( ); case "youtube": return ( ); default: return ( ); } } export function FooterLink({ href, children, inverse, className, external, }: { href: string; children: React.ReactNode; inverse?: boolean; className?: string; external?: boolean; }) { const isExternal = external ?? href.startsWith("http"); return ( {children} ); } export function FooterBrand({ inverse, size = "default", showTagline = true, className, }: { inverse?: boolean; size?: "default" | "large" | "display"; showTagline?: boolean; className?: string; }) { const titleClass = cn( "font-semibold tracking-[-0.04em] text-balance", size === "display" && "text-4xl md:text-6xl", size === "large" && "text-2xl md:text-3xl", size === "default" && "text-lg md:text-xl", inverse ? "text-background" : "text-foreground", ); return (

{footerBrand.name} {showTagline ? (

{footerBrand.tagline}

) : null}

); } export function FooterOutlineWordmark({ className }: { className?: string }) { return (

{footerBrand.name}

); } export function FooterColumnHeading({ children, variant = "default", inverse, }: { children: React.ReactNode; variant?: "default" | "caps"; inverse?: boolean; }) { return (

{children}

); } export function FooterLinkColumn({ column, inverse, headingVariant = "default", showBadges = false, compact = false, }: { column: FooterColumn; inverse?: boolean; headingVariant?: "default" | "caps"; showBadges?: boolean; compact?: boolean; }) { return (

{column.title}

{link.label} {showBadges && link.badge ? ( {link.badge} ) : null}

); } export function FooterSocialIcons({ className, inverse, variant = "icon", }: { className?: string; inverse?: boolean; variant?: "icon" | "boxed"; }) { return ( ); } export function FooterSocialRow({ className, inverse, }: { className?: string; inverse?: boolean; }) { return ( ); } export function FooterStatusPill({ inverse, className, }: { inverse?: boolean; className?: string; }) { return (

All systems normal

); } export function FooterLegalBar({ inverse, extraLinks, centered, }: { inverse?: boolean; extraLinks?: FooterLinkItem[]; centered?: boolean; }) { const year = new Date().getFullYear(); const links = extraLinks ?? footerLegalLinks; return (

{centered ? null : ( )}

); } export function FooterContentShell({ children, className, }: { children: React.ReactNode; className?: string; }) { const ref = useRef(null); const inView = useInView(ref, motionViewport); return (

{children}

); } export function FooterMotionShell({ children, className, inverse, wide, }: { children: React.ReactNode; className?: string; inverse?: boolean; wide?: boolean; }) { const ref = useRef(null); const inView = useInView(ref, motionViewport); return ( ); } export function FooterMotionSection({ children, className, }: { children: React.ReactNode; className?: string; }) { const reduceMotion = useReducedMotion(); const itemVariants = reduceMotion ? { hidden: { opacity: 1 }, visible: { opacity: 1 } } : { hidden: { opacity: 0, filter: "blur(4px)", y: 6 }, visible: { opacity: 1, filter: "blur(0px)", y: 0, transition: { type: "spring" as const, duration: 0.3, bounce: 0 }, }, }; return ( {children} ); } export function FooterGridCell({ children, className, }: { children: React.ReactNode; className?: string; }) { return (

{children}

); } export function FooterThemePill({ inverse }: { inverse?: boolean }) { const modes = [ { id: "system", icon: MonitorIcon, label: "System" }, { id: "light", icon: SunIcon, label: "Light" }, { id: "dark", icon: MoonIcon, label: "Dark" }, ] as const; return (

{modes.map((mode, index) => ( ))}

); } 52:Tdfa,"use client"; import { useState } from "react"; import { ArrowRightIcon } from "lucide-react"; import { footerBrand, footerColumns } from "../footer-data"; import { FooterGridCell, FooterLink, FooterMotionSection, FooterMotionShell, FooterSocialIcons, FooterThemePill, } from "../footer-primitives"; import { cn } from "@/lib/utils"; const topColumns = [ footerColumns.registry, footerColumns.install, footerColumns.resources, ] as const; export function FooterCreditsStackSection() { const year = new Date().getFullYear(); const [email, setEmail] = useState(""); return (

{topColumns.map((column, index) => (

{index === 0 ? footerBrand.name : column.title}

{link.label}

))}

Get updates

operational

); } 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","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":"@nusaiba","registryDependencies":["@nusaiba/foundation"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/blocks/footer/footer-data.ts","content":"$50","type":"registry:lib"},{"path":"registry/blocks/footer/footer-primitives.tsx","content":"$51","type":"registry:component"},{"path":"registry/blocks/footer/7/footer-section.tsx","content":"$52","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]