Merge version_2 into main #5
199
src/app/page.tsx
199
src/app/page.tsx
@@ -10,7 +10,6 @@ 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 (
|
||||
@@ -27,115 +26,111 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<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="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">
|
||||
<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?_wi=1"
|
||||
imageAlt="Bilgi evreni"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</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">
|
||||
<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"
|
||||
/>
|
||||
</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"
|
||||
/>
|
||||
</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" },
|
||||
{ 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="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" },
|
||||
{ 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">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
title="Sistem 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="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
title="Sistem 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">
|
||||
<TestimonialCardOne
|
||||
gridVariant="timeline"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Deneyimler"
|
||||
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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
gridVariant="timeline"
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Deneyimler"
|
||||
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">
|
||||
<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}
|
||||
/>
|
||||
</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: "#" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dokuru"
|
||||
copyrightText="© 2025 | Dokuru Tüm Hakları Saklıdır"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dokuru"
|
||||
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."
|
||||
}
|
||||
Reference in New Issue
Block a user