Hero signup

import { HeroSignup } from "@/components/ui/hero-signup"

export function HeroSignupDemo() {
  return (
    <div className="grid gap-3">
    <HeroSignup eyebrow="Early access" title="Build calmer products, faster" description="Join the waitlist for a component library that treats accessibility and motion as part of the design, not an extra." people={["Maya Chen", "Ravi Patel", "Noor Haddad", "Kofi Mensah"]} proof="Joined by 2,400 designers and engineers" note="One email when we open the doors. No spam."
              onSubmit={async (email) => { await new Promise((r) => setTimeout(r, 900)); if (email.startsWith("fail")) throw new Error("x"); return email.startsWith("dup") ? "exists" : "joined"; }} />
    <p className="text-xs text-muted-foreground">Try “fail@x.com” for an error and “dup@x.com” for an address already on the list.</p>
    </div>
  );
}