import { SearchBar } from "@/components/SearchBar";

export default function HomePage() {
  return (
    <main className="mx-auto flex min-h-screen w-full max-w-5xl flex-col items-center justify-center px-6 py-16">
      <div className="relative z-10 w-full max-w-2xl space-y-8 text-center">
        <div className="space-y-3">
          <p className="text-sm font-medium uppercase tracking-[0.2em] text-amber-300/80">
            Film Intel
          </p>
          <h1 className="text-4xl font-semibold tracking-tight text-white md:text-5xl">
            Movie insight you won&apos;t find in one click
          </h1>
          <p className="text-slate-400">
            Ratings explained, skip guides, sensitivity warnings, and deep
            production context for any film.
          </p>
        </div>

        <SearchBar autoFocus />
      </div>

      <footer className="mt-auto pt-16 text-center text-xs text-slate-500">
        AI-generated content for informational purposes. Verify timestamps on
        your copy.
      </footer>
    </main>
  );
}