Waitlist landingPro

• Particles and countdown
• Email capture
• Referral link
• Live signup count

• Pre-launch pages and private betas.

• After launch: use a full landing page.

Import it from @/components/templates/waitlist-landing after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

// app/page.tsx
import { WaitlistLanding } from "@/components/templates/waitlist-landing";

export default function Page() {
  return <WaitlistLanding />;
}

• The field is labelled; errors use role="alert"; the confirmation is a status message.
• The countdown is a labelled timer.

• Particles drift; the headline unblurs; the countdown flips; the form swaps to a referral card.

• One centered column that fits at 320px.

• Particles pause when off screen and draw once under reduced motion.

• Store signups server-side and generate a unique referral code per person.