Refactor code structure for improved readability and maintainability

src/app/gizlilik/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: "Gizlilik ve KVKK — KolayTercih",
@@ -8,59 +10,70 @@ export const metadata: Metadata = {
 // NOT: MVP taslağıdır; yayına almadan önce hukuki gözden geçirme gerekir.
 export default function GizlilikPage() {
   return (
-    <main className="mx-auto w-full max-w-2xl px-4 py-16">
-      <h1 className="font-heading text-3xl font-bold">
-        Gizlilik ve Kişisel Verilerin Korunması
-      </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">
+            Gizlilik ve Kişisel Verilerin Korunması
+          </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">
-            Hangi verileri işliyoruz?
-          </h2>
-          <p className="mt-2">
-            KolayTercih; e-posta adresini (hesap oluşturma ve giriş için), YKS
-            başarı sıralamanı ve sihirbazda yaptığın seçimleri (tercih listeni
-            üretmek için), danışman sohbetine yazdığın mesajları (sorularını
-            yanıtlamak için) ve ödeme yaptığında sipariş kayıtlarını işler.
-            Kart bilgilerin bize hiç ulaşmaz; ödeme iyzico altyapısında
-            gerçekleşir.
-          </p>
-        </section>
-        <section>
-          <h2 className="font-heading text-lg font-bold text-slate-900">
-            Ne için kullanıyoruz?
-          </h2>
-          <p className="mt-2">
-            Verilerin yalnızca tercih önerileri üretmek, hesabını ve kredi
-            bakiyeni yönetmek ve sana hizmetle ilgili e-posta (giriş bağlantısı,
-            ödeme bilgilendirmesi) göndermek için kullanılır. Verilerini
-            üçüncü taraflara satmayız, reklam amacıyla paylaşmayız.
-          </p>
-        </section>
-        <section>
-          <h2 className="font-heading text-lg font-bold text-slate-900">
-            Saklama ve silme
-          </h2>
-          <p className="mt-2">
-            Hesabını sildirmek veya verilerinin bir kopyasını istemek için{" "}
-            <Link href="/iletisim" className="text-primary underline">
-              iletişim sayfasındaki
-            </Link>{" "}
-            adresten bize yazabilirsin; talepler 30 gün içinde sonuçlandırılır.
-          </p>
-        </section>
-        <section>
-          <h2 className="font-heading text-lg font-bold text-slate-900">
-            Çerezler
-          </h2>
-          <p className="mt-2">
-            Yalnızca oturumunu açık tutmak için zorunlu çerezler kullanılır;
-            reklam veya izleme çerezi kullanılmaz.
-          </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">
+              Hangi verileri işliyoruz?
+            </h2>
+            <p className="mt-2">
+              KolayTercih; e-posta adresini (hesap oluşturma ve giriş için), YKS
+              başarı sıralamanı ve sihirbazda yaptığın seçimleri (tercih listeni
+              üretmek için), danışman sohbetine yazdığın mesajları (sorularını
+              yanıtlamak için) ve ödeme yaptığında sipariş kayıtlarını işler.
+              Kart bilgilerin bize hiç ulaşmaz; ödeme iyzico altyapısında
+              gerçekleşir.
+            </p>
+          </section>
+          <section>
+            <h2 className="font-heading text-lg font-bold text-slate-900">
+              Ne için kullanıyoruz?
+            </h2>
+            <p className="mt-2">
+              Verilerin yalnızca tercih önerileri üretmek, hesabını ve kredi
+              bakiyeni yönetmek ve sana hizmetle ilgili e-posta (giriş
+              bağlantısı, ödeme bilgilendirmesi) göndermek için kullanılır.
+              Verilerini üçüncü taraflara satmayız, reklam amacıyla paylaşmayız.
+            </p>
+          </section>
+          <section>
+            <h2 className="font-heading text-lg font-bold text-slate-900">
+              Saklama ve silme
+            </h2>
+            <p className="mt-2">
+              Hesabını sildirmek veya verilerinin bir kopyasını istemek için{" "}
+              <Link href="/iletisim" className="text-primary underline">
+                iletişim sayfasındaki
+              </Link>{" "}
+              adresten bize yazabilirsin; talepler 30 gün içinde
+              sonuçlandırılır.
+            </p>
+          </section>
+          <section>
+            <h2 className="font-heading text-lg font-bold text-slate-900">
+              Çerezler
+            </h2>
+            <p className="mt-2">
+              Yalnızca oturumunu açık tutmak için zorunlu çerezler kullanılır;
+              reklam veya izleme çerezi kullanılmaz.
+            </p>
+          </section>
+        </Parallax>
+      </main>
+    </ScrollFlow>
   );
 }