export function Hero() {
  return (
    <section className="flex flex-col items-center px-4 pt-16 pb-8 text-center">
      <h1 className="text-5xl font-bold tracking-tight sm:text-6xl md:text-7xl">MovieDice</h1>
      <p className="mt-4 max-w-md text-lg text-foreground/60 sm:text-xl">
        One shared list. One button to decide. No arguments.
      </p>
    </section>
  );
}
