src/app/page.tsx

import Link from "next/link";

import { Button } from "@/components/ui/button";

export default function Home() {
  return (
    <main className="flex min-h-screen items-center justify-center px-4 py-12 sm:px-6">
      <section className="w-full max-w-sm rounded-[32px] border border-[var(--border)] bg-[color:rgba(255,250,244,0.92)] p-5 shadow-[0_40px_120px_-72px_var(--shadow-color)] backdrop-blur sm:p-6">
        <div className="flex flex-col gap-3">
          <Button asChild size="lg">
            <Link href="/login">تسجيل الدخول</Link>
          </Button>
          <Button asChild variant="outline" size="lg">
            <Link href="/register">إنشاء حساب</Link>
          </Button>
        </div>
      </section>
    </main>
  );
}