diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1644e33..cf90603 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Database, Globe, Lightbulb, Sparkles } from "lucide-react";
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import { Database, Globe, Lightbulb, Sparkles, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,7 +28,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Galaksi", id: "hero" },
         { name: "Mimari", id: "about" },
@@ -41,43 +41,47 @@ export default function LandingPage() {
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
+      <HeroSplitKpi
       background={{ variant: "rotated-rays-animated" }}
       title="Bilgi Evrenine Katıl"
       description="Dokuru'nun ötesine geç, kendi dijital kütüphaneni inşa etmeye başla. Bilgi Mimarı olmaya hazır mısın?"
       buttons={[{ text: "Keşfetmeye Başla", href: "#features" }]}
-      carouselItems={[
-        { id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg?_wi=1", imageAlt: "Galaxy of knowledge" },
-        { id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137537.jpg?_wi=1", imageAlt: "Hologram portal" },
-        { id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505322.jpg?_wi=1", imageAlt: "Abstract interface" },
-        { id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg?_wi=1", imageAlt: "Data flow pathways" },
-        { id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/violet-white-fiber-optical-cables_23-2148241301.jpg?_wi=1", imageAlt: "Ecosystem nodes" },
-        { id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg", imageAlt: "Control deck" },
+      kpis={[
+        { value: "10.000+", label: "İçerik" },
+        { value: "50.000+", label: "Aktif Zihinler" },
+        { value: "2 PB", label: "Veri İşlendi" },
       ]}
+      enableKpiAnimation={true}
+      imageSrc="http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg?_wi=1"
+      imageAlt="Bilgi evreni"
+      mediaAnimation="blur-reveal"
     />
   </div>
 
   <div id="about" data-section="about">
-      <AboutMetric
+      <MetricSplitMediaAbout
       useInvertedBackground={false}
       title="Dijital Ekosistemin Mimarisi"
+      description="Bilgiyi sadece okumayın, onu bir mimari yapı gibi inşa edin."
       metrics={[
-        { icon: Globe, label: "İçerik Galaksisi", value: "10.000+" },
-        { icon: Lightbulb, label: "Aktif Zihinler", value: "50.000+" },
-        { icon: Database, label: "İşlenen Veri", value: "2 PB" },
+        { title: "İçerik Galaksisi", value: "10.000+" },
+        { title: "Aktif Zihinler", value: "50.000+" },
+        { title: "İşlenen Veri", value: "2 PB" },
       ]}
-      metricsAnimation="blur-reveal"
+      imageSrc="http://img.b2bpic.net/free-photo/ai-site-helping-with-content-production_1268-21625.jpg"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardNineteen
+      <FeatureCardThree
+      gridVariant="bento-grid"
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        { id: 1, tag: "Sistem", title: "İçerik Galaksisi", subtitle: "3D Navigasyon", description: "Yazıların gezegenler gibi konumlandığı, mouse ile kaydırılabilir bir harita.", imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-content-production_1268-21625.jpg" },
-        { id: 2, tag: "AI", title: "Soru Asistanı", subtitle: "Aura Arama", description: "Etrafında anahtar kelimelerin parladığı, çevresel bir arama deneyimi.", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg" },
-        { id: 3, tag: "Deneyim", title: "Odak Küresi", subtitle: "Ambient Mod", description: "Arka planı karartan, sadece metne odaklanan ambient okuma modu.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853563.jpg" },
+        { id: "1", title: "İçerik Galaksisi", description: "Yazıların gezegenler gibi konumlandığı, mouse ile kaydırılabilir bir harita.", imageSrc: "http://img.b2bpic.net/free-photo/ai-site-helping-with-content-production_1268-21625.jpg" },
+        { id: "2", title: "Soru Asistanı", description: "Etrafında anahtar kelimelerin parladığı, çevresel bir arama deneyimi.", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg" },
+        { id: "3", title: "Odak Küresi", description: "Arka planı karartan, sadece metne odaklanan ambient okuma modu.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-abstract-black-white_23-2150853563.jpg" },
       ]}
       title="Bilgi Mimarı Özellikleri"
       description="Sıradan bir kütüphaneyi yaşayan bir ekosisteme dönüştüren devrimsel özellikler."
@@ -85,61 +89,53 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
+      <MetricCardEleven
+      animationType="slide-up"
       title="Sistem Verileri"
-      tag="Performans"
       metrics={[
-        { id: "m1", value: "3sn", description: "Özet Bilgi Erişimi" },
-        { id: "m2", value: "%99", description: "Odaklanma Artışı" },
-        { id: "m3", value: "24/7", description: "Dijital Erişilebilirlik" },
+        { id: "m1", value: "3sn", title: "Özet Erişimi", description: "Bilgiye ulaşım hızınız.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg" },
+        { id: "m2", value: "%99", title: "Odaklanma", description: "Derin çalışma oranı.", imageSrc: "http://img.b2bpic.net/free-photo/violet-white-fiber-optical-cables_23-2148241301.jpg" },
       ]}
-      metricsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardOne
+      gridVariant="timeline"
+      animationType="depth-3d"
       textboxLayout="split"
       useInvertedBackground={false}
+      title="Deneyimler"
       testimonials={[
-        { id: "t1", name: "Elif Demir", date: "12.05.2024", title: "Mimar", quote: "İçerik galaksisi sayesinde araştırma yapmak artık bir keşif yolculuğu.", tag: "Kullanıcı", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cosmonaut-spacecraft-powered-by-advanced-engineering_482257-126224.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-low-poly-plexus-design_1048-15687.jpg?_wi=2" },
-        { id: "t2", name: "Caner Kaya", date: "14.05.2024", title: "Veri Analisti", quote: "Odak küresi sayesinde saatlerce derinlemesine okuma yapabiliyorum.", tag: "Uzman", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg", imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137537.jpg?_wi=2" },
-        { id: "t3", name: "Selin Uzun", date: "16.05.2024", title: "Yazar", quote: "Dokuru benim için bir kütüphaneden ziyade dijital bir ev oldu.", tag: "Yaratıcı", avatarSrc: "http://img.b2bpic.net/free-photo/happy-industry-4-0-solar-panels-plant-elderly-supervisor-overseeing-facility-smiling-photovoltaics_482257-135647.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-white-3d-background_23-2150505322.jpg?_wi=2" },
-        { id: "t4", name: "Murat Yıldız", date: "18.05.2024", title: "Akademisyen", quote: "Aura arama teknolojisi, aradığım bilgiye ışık hızıyla ulaştırıyor.", tag: "Araştırmacı", avatarSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-multiracial-female-looking-sideways-colorful-lights-night_181624-51360.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-background-with-flowing-particles_1048-13122.jpg?_wi=2" },
-        { id: "t5", name: "Ayşe Yılmaz", date: "20.05.2024", title: "Stratejist", quote: "Dinamik arayüz, iş akışımı inanılmaz derecede hızlandırdı.", tag: "Profesyonel", avatarSrc: "http://img.b2bpic.net/free-photo/working-from-home-ergonomic-workstation_23-2149204655.jpg", imageSrc: "http://img.b2bpic.net/free-photo/violet-white-fiber-optical-cables_23-2148241301.jpg?_wi=2" },
+        { id: "t1", name: "Elif Demir", role: "Mimar", company: "Dokuru", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cosmonaut-spacecraft-powered-by-advanced-engineering_482257-126224.jpg" },
+        { id: "t2", name: "Caner Kaya", role: "Analist", company: "Veri", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-stylish-suit-listeni_613910-1578.jpg" },
       ]}
-      title="Bilgi Mimarisi Deneyimleri"
-      description="Ekosistemimizi kullanan mimarların yorumları."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
+      <ContactCTA
+      tag="Harekete Geç"
+      title="Bilgi Mimarı Olmaya Hazır Mısın?"
+      description="Kendi dijital kütüphaneni inşa etmeye hemen başlayın."
+      buttons={[{ text: "Katıl", href: "#" }]}
       useInvertedBackground={false}
-      faqs={[
-        { id: "f1", title: "Ekosisteme nasıl katılırım?", content: "Bilgi Evrenine Katıl butonu ile hemen profilini oluşturabilirsin." },
-        { id: "f2", title: "Özel kütüphanemi kurabilir miyim?", content: "Evet, içerik galaksisinde kendi koleksiyonlarını kürate edebilirsin." },
-        { id: "f3", title: "Verilerim güvende mi?", content: "Dokuru, en üst düzey şifreleme ve gizlilik standartları ile korunur." },
-      ]}
-      ctaTitle="Bilgi Evrenine Katıl"
-      ctaDescription="Dokuru'nun ötesine geç, kendi dijital kütüphaneni inşa etmeye başla."
-      ctaButton={{ text: "Hemen Katıl", href: "#" }}
-      ctaIcon={Sparkles}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterCard
       logoText="Dokuru"
-      columns={[
-        { title: "Platform", items: [{ label: "Keşfet", href: "/" }, { label: "Galaksi", href: "#hero" }] },
-        { title: "Yasal", items: [{ label: "Gizlilik", href: "#" }, { label: "Şartlar", href: "#" }] },
-      ]}
+      copyrightText="© 2025 | Dokuru Tüm Hakları Saklıdır"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}"
+    }
+  ],
+  "rawPlan": "Güncellenmiş bileşenlerle daha modern ve dinamik bir arayüz oluşturdum. Hero bölümünü KPI kartlarıyla zenginleştirdim, özellik bölümünü bento-grid yapısına taşıdım ve tüm içeriği görsel olarak daha dengeli ve etkileyici bir akışa getirdim."
+}
\ No newline at end of file