export function AboutPage() {
  return (
    <main className="mx-auto flex min-h-[60vh] w-full max-w-6xl items-center justify-center px-6">
      <section className="w-full max-w-3xl rounded-xl border bg-card p-6 text-card-foreground shadow-sm">
        <h2 className="text-2xl font-semibold">About</h2>
        <p className="mt-2 text-sm text-muted-foreground">
          Ruta de ejemplo funcionando con TanStack Router.
        </p>
      </section>
    </main>
  );
}