feat(odeme): checkout ekranında site kromunu daralt

Ödeme adımında ekranda ~20 kaçış yolu vardı (SEO footer kolonları, katalog
arama, user nav) ve geri sayım banner'ı kart formunun üstünde duruyordu.
Ayrıca layout'un alt progressive blur katmanı iyzico iframe'inin son
satırlarını bulanıklaştırıyordu.

- kromGizliMi: /odeme kroma kapatıldı, /odeme/sonuc istisna tutuldu
  (orada kullanıcıyı ürüne döndürmek istiyoruz)
- OdemeUstSerit: SiteHeader'ın tasarım dilinde daraltılmış şerit — logo
  bilerek link değil, tek çıkış "Paket sayfasına dön"
- Sipariş özeti kartı kaldırıldı: ürün ve tutar /paket'te seçiliyor,
  iyzico da ödeme butonunda tutarı gösteriyor
- Yasal linkler + iyzico logo bandı ayrı footer yerine doğrudan formun
  altında; bant sayfada artık tek kez görünüyor

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
bilalgursen
2026-08-11 07:03:32 +03:00
parent 5ccc9c1ffa
commit a71740767d
4 changed files with 111 additions and 56 deletions

View File

@@ -1,6 +1,6 @@
import { Suspense } from "react";
import type { Metadata } from "next";
import { SiteFooter } from "@/components/site-footer";
import { OdemeUstSerit } from "@/features/odeme/components/odeme-kromu";
import {
OdemeSayfasi,
OdemeSayfasiSkeleton,
@@ -17,7 +17,10 @@ export default function OdemePage({
searchParams: Promise<{ siparis?: string }>;
}) {
return (
<div className="flex min-h-screen flex-col bg-slate-50 text-slate-900">
// -mb-28: layout'taki ScrollFlow sarmalayıcısının pb-28'ini nötrler — o
// padding gizlenen alt blur katmanı içindi, checkout'ta krom kapalı.
<div className="-mb-28 flex min-h-dvh flex-col bg-slate-50 text-slate-900">
<OdemeUstSerit />
<main className="mx-auto flex w-full max-w-xl flex-1 flex-col px-4 py-10">
<Suspense fallback={<OdemeSayfasiSkeleton />}>
{searchParams.then(({ siparis }) => (
@@ -25,7 +28,6 @@ export default function OdemePage({
))}
</Suspense>
</main>
<SiteFooter />
</div>
);
}