Merge version_2 into main #4
114
src/app/page.tsx
114
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."
|
||||
}
|
||||
Reference in New Issue
Block a user