import Link from 'next/link';
import { Button } from '@/components/ui/button';

/**
 * Placeholder landing page for Phase 1 (Foundation).
 * The full animated homepage (hero, live stats, service cards, testimonials,
 * referral section, FAQs) is built in Phase 2 — Public Site.
 */
export default function Home() {
  return (
    <main className="min-h-screen flex flex-col items-center justify-center gap-6 bg-paper dark:bg-night px-6 text-center">
      <h1 className="font-display text-3xl text-ink dark:text-paper">
        Swift<span className="text-azure">Pay</span> VTU
      </h1>
      <p className="max-w-md text-ink-muted dark:text-slate-muted">
        Foundation phase complete — auth, wallet schema, and provider architecture are live.
        The full marketing homepage lands in Phase 2.
      </p>
      <div className="flex gap-3">
        <Link href="/register">
          <Button>Create account</Button>
        </Link>
        <Link href="/login">
          <Button variant="ghost">Log in</Button>
        </Link>
      </div>
    </main>
  );
}