77 lines
3.0 KiB
TypeScript
77 lines
3.0 KiB
TypeScript
import type { Metadata } from "next";
|
||
import Link from "next/link";
|
||
import { redirect } from "next/navigation";
|
||
import { getSession } from "@/lib/session";
|
||
import { PixelCorner } from "@/components/pixel-decor";
|
||
import { GirisForm } from "./giris-form";
|
||
import { GirisBaslik } from "./giris-baslik";
|
||
|
||
export const metadata: Metadata = {
|
||
title: "Giriş",
|
||
robots: { index: false, follow: true },
|
||
};
|
||
|
||
export default async function GirisPage({
|
||
searchParams,
|
||
}: {
|
||
searchParams: Promise<{ callback?: string }>;
|
||
}) {
|
||
const { callback } = await searchParams;
|
||
const callbackURL =
|
||
callback && callback.startsWith("/") ? callback : "/";
|
||
|
||
const session = await getSession();
|
||
if (session) redirect(callbackURL);
|
||
|
||
// Sihirbaz funnel'ı: seçimler yapıldı, listeye giriş kaldı
|
||
const funnel = callbackURL.startsWith("/sonuc");
|
||
|
||
return (
|
||
<div className="flex min-h-screen flex-col bg-slate-50 text-slate-900">
|
||
<main className="mx-auto flex w-full max-w-md flex-1 flex-col items-stretch justify-center px-5 py-16 sm:px-4">
|
||
<div className="relative">
|
||
<div className="relative rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
|
||
<GirisBaslik funnel={funnel} />
|
||
<p className="mt-2 text-sm text-slate-600">
|
||
{funnel ? (
|
||
<>
|
||
Seçimlerin hazır — giriş yap,{" "}
|
||
<span className="font-semibold">5 deneme kredinle</span> listen
|
||
hemen üretilsin.
|
||
</>
|
||
) : (
|
||
<>
|
||
Kayıt olduğunda{" "}
|
||
<span className="font-semibold">5 deneme kredisi</span>{" "}
|
||
hesabına tanımlanır — AI danışmana ücretsiz soru sorabilirsin.
|
||
</>
|
||
)}
|
||
</p>
|
||
<GirisForm callbackURL={callbackURL} />
|
||
</div>
|
||
<div
|
||
aria-hidden
|
||
className="pointer-events-none absolute inset-0 z-10 text-primary"
|
||
>
|
||
<PixelCorner className="absolute -right-4 -top-4 size-9 [&_rect]:[fill-opacity:0.65]" />
|
||
<PixelCorner className="absolute -bottom-4 -right-4 size-9 rotate-90 [&_rect]:[fill-opacity:0.65]" />
|
||
<PixelCorner className="absolute -bottom-4 -left-4 size-9 rotate-180 [&_rect]:[fill-opacity:0.65]" />
|
||
<PixelCorner className="absolute -left-4 -top-4 size-9 -rotate-90 [&_rect]:[fill-opacity:0.65]" />
|
||
</div>
|
||
</div>
|
||
<p className="mt-6 text-center text-xs leading-relaxed text-slate-500">
|
||
Giriş yaparak verilerinin tercih önerileri üretmek amacıyla{" "}
|
||
<Link href="/gizlilik" className="underline hover:text-slate-700">
|
||
gizlilik metnindeki
|
||
</Link>{" "}
|
||
gibi işlenmesini ve{" "}
|
||
<Link href="/kosullar" className="underline hover:text-slate-700">
|
||
kullanım koşullarını
|
||
</Link>{" "}
|
||
kabul etmiş olursun. KolayTercih yerleşme garantisi vermez.
|
||
</p>
|
||
</main>
|
||
</div>
|
||
);
|
||
}
|