Update src/app/page.tsx

2026-04-02 23:30:22 +00:00 · 2026-04-02 23:29:59 +00:00 · 2026-04-02 23:29:27 +00:00 · 2026-04-02 23:28:59 +00:00 · 2026-04-02 23:25:21 +00:00 · 2026-04-02 23:24:55 +00:00
1 changed files with 109 additions and 115 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,15 +2,14 @@

 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';

 export default function LandingPage() {
  return (
@@ -27,119 +26,114 @@ export default function LandingPage() {
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Galaksi", id: "hero" },
-        { name: "Mimari", id: "about" },
-        { name: "Ekosistem", id: "features" },
-        { name: "Bilgi", id: "contact" },
-      ]}
-      brandName="Dokuru"
-      button={{ text: "Katıl", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "Galaksi", id: "hero" },
+              { name: "Mimari", id: "about" },
+              { name: "Ekosistem", id: "features" },
+              { name: "Bilgi", id: "contact" },
+            ]}
+            brandName="Dokuru"
+            button={{ text: "Katıl", href: "#contact" }}
+          />
+        </div>

-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      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" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <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" }]}
+            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"
+            imageAlt="Bilgi evreni"
+            mediaAnimation="blur-reveal"
+          />
+        </div>

-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="Dijital Ekosistemin Mimarisi"
-      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" },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Dijital Ekosistemin Mimarisi"
+            description="Bilgiyi sadece okumayın, onu bir mimari yapı gibi inşa edin."
+            metrics={[
+              { title: "İçerik Galaksisi", value: "10.000+" },
+              { title: "Aktif Zihinler", value: "50.000+" },
+              { title: "İşlenen Veri", value: "2 PB" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/ai-site-helping-with-content-production_1268-21625.jpg?_wi=1"
+          />
+        </div>

-  <div id="features" data-section="features">
-      <FeatureCardNineteen
-      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" },
-      ]}
-      title="Bilgi Mimarı Özellikleri"
-      description="Sıradan bir kütüphaneyi yaşayan bir ekosisteme dönüştüren devrimsel özellikler."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardThree
+            gridVariant="bento-grid"
+            animationType="blur-reveal"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { 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?_wi=2" },
+              { 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."
+          />
+        </div>

-  <div id="metrics" data-section="metrics">
-      <MetricCardFourteen
-      useInvertedBackground={false}
-      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" },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardEleven
+            animationType="slide-up"
+            title="Sistem Verileri"
+            description="Sistemimizin güncel performans verileri."
+            metrics={[
+              { 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" },
+            ]}
+            textboxLayout="split"
+            useInvertedBackground={false}
+          />
+        </div>

-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
-      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" },
-      ]}
-      title="Bilgi Mimarisi Deneyimleri"
-      description="Ekosistemimizi kullanan mimarların yorumları."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            gridVariant="timeline"
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Deneyimler"
+            description="Kullanıcılarımızın sistem hakkındaki düşünceleri."
+            testimonials={[
+              { 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" },
+            ]}
+          />
+        </div>

-  <div id="contact" data-section="contact">
-      <ContactFaq
-      animationType="slide-up"
-      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="contact" data-section="contact">
+          <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: "#" }]}
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
+        </div>

-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Dokuru"
-      columns={[
-        { title: "Platform", items: [{ label: "Keşfet", href: "/" }, { label: "Galaksi", href: "#hero" }] },
-        { title: "Yasal", items: [{ label: "Gizlilik", href: "#" }, { label: "Şartlar", href: "#" }] },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="Dokuru"
+            copyrightText="© 2025 | Dokuru Tüm Hakları Saklıdır"
+          />
+        </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	d37991ae5a	Update src/app/page.tsx	2026-04-02 23:30:22 +00:00
bender	d2eaffa2be	Update src/app/page.tsx	2026-04-02 23:29:59 +00:00
bender	3488f615cb	Update src/app/page.tsx	2026-04-02 23:29:27 +00:00
bender	356e9fa56a	Update src/app/page.tsx	2026-04-02 23:28:59 +00:00
bender	ec59e54817	Merge version_1 into main Merge version_1 into main	2026-04-02 23:25:21 +00:00
bender	78d25859b8	Merge version_1 into main Merge version_1 into main	2026-04-02 23:24:55 +00:00
bender	018377edcf	Merge version_1 into main Merge version_1 into main	2026-04-02 23:24:24 +00:00