Refactor UI components for consistency and clarity across the application

- Updated AGENTS.md with new guidelines for UI consistency, including badge and modal styles.
- Refactored layout.tsx to improve the placement of the progressive blur effect.
- Enhanced NotFound component text for better user guidance.
- Replaced HeroFocusButton with HeroBaslik and KapanisCta in the Home component for improved clarity.
- Added SiteFooter to multiple pages for consistent footer display.
- Removed ListemSekmeleri component and adjusted ListemPage to streamline functionality.
- Updated various components to ensure consistent styling and user experience.

src/app/page.tsx

@@ -12,7 +12,8 @@ import {
 } from "lucide-react";
 import Image from "next/image";
 import Link from "next/link";
-import { HeroFocusButton } from "@/components/hero-focus-button";
+import { HeroBaslik } from "@/components/hero-baslik";
+import { KapanisCta } from "@/components/hero-focus-button";
 import { HeroForm } from "@/components/hero-form";
 import { Parallax } from "@/components/parallax";
 import { Reveal } from "@/components/landing/reveal";
@@ -24,7 +25,6 @@ import {
   SectionEyebrow,
 } from "@/components/pixel-decor";
 import { URUNLER } from "@/lib/credits";
-import { Badge } from "@/components/ui/badge";
 import {
   Accordion,
   AccordionContent,
@@ -209,13 +209,7 @@ export default function Home() {
             strength={14}
             className="mx-auto flex min-h-[calc(100svh-5.5rem)] max-w-6xl flex-col items-center justify-center px-4 pb-4 pt-12 text-center sm:pb-36 sm:pt-4"
           >
-            <h1 className="max-w-3xl font-heading text-5xl font-bold tracking-[0.015em] sm:text-6xl">
-              Dört yıllık geleceğini <br className="hidden sm:block" />
-              <span className="font-bricolage italic tracking-tighter font-bold text-primary">
-                48 saatlik panikle
-              </span>{" "}
-              seçme
-            </h1>
+            <HeroBaslik />
             {/* <p className="mt-6 max-w-2xl text-lg leading-relaxed text-slate-600">
             KolayTercih, gerçek YÖK Atlas verisiyle çalışan yapay zekâ tercih
             danışmanın. İnsan danışmanın binlerce lira aldığı işi — dengeli
@@ -227,10 +221,6 @@ export default function Home() {
             >
               <HeroForm />
             </div>
-            <p className="mt-4 text-sm text-slate-500">
-              Temel arama her zaman ücretsiz · Kredi kartı gerekmez · Tam analiz
-              paketi tek seferlik {PAKET_FIYATI} TL
-            </p>
             <div className="mt-3 inline-flex items-center gap-2.5 rounded-lg border border-slate-200 bg-white px-3 py-2 text-left text-xs text-slate-700 shadow-xs">
               <Image
                 src="/yok-logo.svg"
@@ -530,11 +520,7 @@ export default function Home() {
                   <h2 className="mt-6 font-heading text-3xl font-bold sm:text-4xl">
                     Tercih listen, pişmanlık listesi olmasın
                   </h2>
-                  <p className="mt-4 max-w-xl text-lg leading-relaxed text-white/90">
-                    Sıralamanı gir, yapay zekâ danışmanın veriyle konuşsun.
-                    Tercih dönemi bitmeden yerini al.
-                  </p>
-                  <HeroFocusButton />
+                  <KapanisCta />
                 </div>
               </div>
             </Reveal>