Refactor code structure for improved readability and maintainability

src/app/kosullar/page.tsx

@@ -1,5 +1,7 @@
 import type { Metadata } from "next";
 import Link from "next/link";
+import { Parallax } from "@/components/parallax";
+import { ScrollFlow } from "@/components/scroll-flow";
 
 export const metadata: Metadata = {
   title: "Kullanım ve Satış Koşulları — KolayTercih",
@@ -8,67 +10,77 @@ export const metadata: Metadata = {
 // NOT: MVP taslağıdır; yayına almadan önce hukuki gözden geçirme gerekir.
 export default function KosullarPage() {
   return (
-    <main className="mx-auto w-full max-w-2xl px-4 py-16">
-      <h1 className="font-heading text-3xl font-bold">
-        Kullanım ve Satış Koşulları
-      </h1>
-      <p className="mt-2 text-sm text-slate-500">Son güncelleme: 26 Temmuz 2026</p>
+    <ScrollFlow>
+      <main className="mx-auto w-full max-w-2xl px-4 py-16">
+        <Parallax fromStart strength={10}>
+          <h1 className="font-heading text-3xl font-bold">
+            Kullanım ve Satış Koşulları
+          </h1>
+          <p className="mt-2 text-sm text-slate-500">
+            Son güncelleme: 26 Temmuz 2026
+          </p>
+        </Parallax>
 
-      <div className="mt-8 space-y-6 text-sm leading-7 text-slate-700">
-        <section>
-          <h2 className="font-heading text-lg font-bold text-slate-900">
-            Hizmetin kapsamı
-          </h2>
-          <p className="mt-2">
-            KolayTercih, resmî YÖK Atlas verilerine dayanan bir karar destek
-            aracıdır. Öneriler bilgilendirme amaçlıdır; KolayTercih yerleşme
-            garantisi vermez ve ÖSYM ya da YÖK ile bağlantılı değildir. Tercih
-            listenin son hali ve başvuru sorumluluğu sana aittir.
-          </p>
-        </section>
-        <section>
-          <h2 className="font-heading text-lg font-bold text-slate-900">
-            Ücretlendirme
-          </h2>
-          <p className="mt-2">
-            Temel program arama ücretsizdir. Tercih Dönemi Paketi tek seferlik
-            bir satın almadır; abonelik değildir, otomatik yenilenmez. Paket
-            içeriği ve güncel fiyat{" "}
-            <Link href="/paket" className="text-primary underline">
-              paket sayfasında
-            </Link>{" "}
-            yazar.
-          </p>
-        </section>
-        <section id="iade" className="scroll-mt-24">
-          <h2 className="font-heading text-lg font-bold text-slate-900">
-            İade ve cayma
-          </h2>
-          <p className="mt-2">
-            Paket, satın alır almaz ifasına başlanan dijital bir içeriktir.
-            Buna rağmen kişisel listen henüz üretilmemişse (paket hiç
-            kullanılmamışsa) satın almadan itibaren 14 gün içinde koşulsuz
-            iade talep edebilirsin. Teknik bir sorun nedeniyle hizmeti
-            alamadıysan, kullanımdan bağımsız olarak ücretin iade edilir.
-            İade talepleri için{" "}
-            <Link href="/iletisim" className="text-primary underline">
-              bize yaz
-            </Link>
-            ; talepler 14 gün içinde sonuçlandırılır ve iade, ödeme yaptığın
-            karta yapılır.
-          </p>
-        </section>
-        <section>
-          <h2 className="font-heading text-lg font-bold text-slate-900">
-            Hesap ve adil kullanım
-          </h2>
-          <p className="mt-2">
-            Krediler hesabına tanımlıdır, kişiseldir ve üçüncü kişilere
-            devredilemez. Hizmeti kötüye kullanan (otomatik istek, içerik
-            kazıma vb.) hesaplar kapatılabilir.
-          </p>
-        </section>
-      </div>
-    </main>
+        <Parallax
+          fromStart
+          strength={4}
+          className="mt-8 space-y-6 text-sm leading-7 text-slate-700"
+        >
+          <section>
+            <h2 className="font-heading text-lg font-bold text-slate-900">
+              Hizmetin kapsamı
+            </h2>
+            <p className="mt-2">
+              KolayTercih, resmî YÖK Atlas verilerine dayanan bir karar destek
+              aracıdır. Öneriler bilgilendirme amaçlıdır; KolayTercih yerleşme
+              garantisi vermez ve ÖSYM ya da YÖK ile bağlantılı değildir. Tercih
+              listenin son hali ve başvuru sorumluluğu sana aittir.
+            </p>
+          </section>
+          <section>
+            <h2 className="font-heading text-lg font-bold text-slate-900">
+              Ücretlendirme
+            </h2>
+            <p className="mt-2">
+              Temel program arama ücretsizdir. Tercih Dönemi Paketi tek seferlik
+              bir satın almadır; abonelik değildir, otomatik yenilenmez. Paket
+              içeriği ve güncel fiyat{" "}
+              <Link href="/paket" className="text-primary underline">
+                paket sayfasında
+              </Link>{" "}
+              yazar.
+            </p>
+          </section>
+          <section id="iade" className="scroll-mt-24">
+            <h2 className="font-heading text-lg font-bold text-slate-900">
+              İade ve cayma
+            </h2>
+            <p className="mt-2">
+              Paket, satın alır almaz ifasına başlanan dijital bir içeriktir.
+              Buna rağmen kişisel listen henüz üretilmemişse (paket hiç
+              kullanılmamışsa) satın almadan itibaren 14 gün içinde koşulsuz
+              iade talep edebilirsin. Teknik bir sorun nedeniyle hizmeti
+              alamadıysan, kullanımdan bağımsız olarak ücretin iade edilir. İade
+              talepleri için{" "}
+              <Link href="/iletisim" className="text-primary underline">
+                bize yaz
+              </Link>
+              ; talepler 14 gün içinde sonuçlandırılır ve iade, ödeme yaptığın
+              karta yapılır.
+            </p>
+          </section>
+          <section>
+            <h2 className="font-heading text-lg font-bold text-slate-900">
+              Hesap ve adil kullanım
+            </h2>
+            <p className="mt-2">
+              Krediler hesabına tanımlıdır, kişiseldir ve üçüncü kişilere
+              devredilemez. Hizmeti kötüye kullanan (otomatik istek, içerik
+              kazıma vb.) hesaplar kapatılabilir.
+            </p>
+          </section>
+        </Parallax>
+      </main>
+    </ScrollFlow>
   );
 }