50: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"] 51: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"] 52:T1e66,'use client'; import { useId, useState } from 'react'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { cn } from '@/lib/utils'; import { IconCheck, IconSparkle, FooterBar, type FooterSocial } from './footer-kit'; const KEYFRAMES = ` @keyframes su-wait-in { from { opacity: 0; transform: translateY(8px) } to { opacity: 1; transform: none } } @keyframes su-wait-sheen { 0% { transform: translateX(-120%) } 55%, 100% { transform: translateX(220%) } } `; export type WaitlistFooterVariant = 'Waitlist' | 'Launched'; export interface WaitlistAvatar { /** Photo URL. Alt text stays empty — the count beside the stack says the thing. */ src: string; /** Used as the React key and as the fallback monogram if the photo 404s. */ initials: string; } export interface WaitlistFooterProps { socials?: FooterSocial[]; brand: string; headline?: string; blurb?: string; avatars?: WaitlistAvatar[]; count?: number; ctaLabel?: string; onJoin?: (email: string) => void; links?: { label: string; href: string }[]; copyright?: string; variant?: WaitlistFooterVariant; className?: string; } const EMAIL = /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/; export function WaitlistFooter({ socials, brand, headline = 'Get in before we open the doors.', blurb = 'Invites go out in the order they were requested. No queue-jumping, no referral loops.', avatars = [], count = 2418, ctaLabel = 'Request an invite', onJoin, links, copyright, variant = 'Waitlist', className, }: WaitlistFooterProps) { const [email, setEmail] = useState(''); const [joined, setJoined] = useState(false); const [error, setError] = useState(false); const inputId = useId(); const launched = variant === 'Launched'; function submit(event: React.FormEvent) { event.preventDefault(); if (!EMAIL.test(email.trim())) { setError(true); return; } setError(false); setJoined(true); onJoin?.(email.trim()); } return (