From 171d276f33d5a994a81e0564296d641f7e778d69 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 24 Apr 2026 13:59:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 85 ++++++++++++++++++++++--------------------------
 1 file changed, 38 insertions(+), 47 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bb0ae22..44d1e6d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactText from '@/components/sections/contact/ContactText';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
+import { Instagram, Linkedin, Twitter } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,11 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Home", id: "#hero" },
-        { name: "About", id: "#about" },
-        { name: "Services", id: "#services" },
-        { name: "Process", id: "#process" },
-        { name: "Contact", id: "#contact" },
+        { name: "Anasayfa", id: "#hero" },
+        { name: "Hakkımızda", id: "#about" },
+        { name: "Hizmetler", id: "#services" },
+        { name: "Süreç", id: "#process" },
+        { name: "İletişim", id: "#contact" },
       ]}
       brandName="Elegance Hub"
     />
@@ -51,8 +52,6 @@ export default function LandingPage() {
         { imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797685.jpg", imageAlt: "Lüks yaşam" },
         { imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-working-radio-station_23-2148815342.jpg", imageAlt: "Minimalist tasarım" },
         { imageSrc: "http://img.b2bpic.net/free-photo/lights-prisms-effect-close-up_23-2148917909.jpg", imageAlt: "Özel hizmet" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-modern-woman-talking-mobile_23-2148415912.jpg", imageAlt: "Profesyonel yaklaşım" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/business-people-drinking-some-beverage_53876-24963.jpg", imageAlt: "Yenilikçi vizyon" },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -62,7 +61,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={["Vizyoner Holding", "Elit Tasarım", "Lüks Mimarlık", "Stratejik Ortak", "Prestij Yapım", "Modern Girişim"]}
+      names={["Vizyoner Holding", "Elit Tasarım", "Lüks Mimarlık", "Prestij Yapım", "Modern Girişim"]}
       title="Güvenilen İsimler"
       description="Sektörün en prestijli markalarıyla çalışıyoruz."
     />
@@ -94,9 +93,6 @@ export default function LandingPage() {
         { id: "1", name: "Stratejik Danışmanlık", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31452.jpg" },
         { id: "2", name: "Lüks Marka Kimliği", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292791.jpg" },
         { id: "3", name: "Modern Dijital Çözümler", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-smartphone-looking-businessman_23-2147876764.jpg" },
-        { id: "4", name: "Özel Tasarım Projeleri", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-office-interior-design_23-2151826278.jpg" },
-        { id: "5", name: "Yönetim Danışmanlığı", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/red-black-gift-boxes-background_23-2148663131.jpg" },
-        { id: "6", name: "Kurumsal Dönüşüm", price: "Detaylı Bilgi", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-coffee-cup_23-2148765432.jpg" },
       ]}
       title="Premium Hizmetlerimiz"
       description="İhtiyaçlarınıza yönelik en seçkin çözümler."
@@ -119,56 +115,51 @@ export default function LandingPage() {
   </div>
 
   <div id="process" data-section="process">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <MetricCardEleven
+      animationType="blur-reveal"
+      textboxLayout="split"
+      title="Özel Süreç Tasarımı"
+      description="Zarafetin teknik altyapıyla birleştiği lüks operasyonel süreçlerimiz."
       metrics={[
-        { id: "m1", value: "01", title: "Analiz", items: ["İhtiyaçları belirleme", "Derinlemesine inceleme"] },
-        { id: "m2", value: "02", title: "Tasarım", items: ["Kavramsal yaklaşım", "Modern vizyon"] },
-        { id: "m3", value: "03", title: "Teslimat", items: ["Kusursuz sonuç", "Sürekli destek"] },
+        { id: "m1", value: "01", title: "Kavramsal Analiz", description: "Derinlemesine marka analizi ve vizyon belirleme.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-laptop-modern-office_23-2148765432.jpg" },
+        { id: "m2", value: "02", title: "Stratejik Tasarım", description: "Lüks estetikle dijital dünyanın kusursuz entegrasyonu.", imageSrc: "http://img.b2bpic.net/free-photo/creative-designers-working-office_23-2148415912.jpg" },
+        { id: "m3", value: "03", title: "Prestijli Teslimat", description: "Beklentilerin ötesinde, zamansız bir sonuç.", imageSrc: "http://img.b2bpic.net/free-photo/modern-minimalist-interior-design_23-2151826278.jpg" },
       ]}
-      title="Adım Adım Başarı"
-      description="Sürecimiz şeffaf, sonuçlarımız etkileyici."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        { id: "q1", title: "Süreç ne kadar sürüyor?", content: "Projenin kapsamına göre değişmekle birlikte, ilk aşamadan teslimata kadar titiz bir program izliyoruz." },
-        { id: "q2", title: "Sadece danışmanlık mı veriyorsunuz?", content: "Stratejiden uygulamaya kadar uçtan uca hizmet sunuyoruz." },
-        { id: "q3", title: "Kişiselleştirme mevcut mu?", content: "Evet, her proje tamamen müşterimizin vizyonuna göre özelleştirilir." },
-      ]}
-      title="Sıkça Sorulan Sorular"
-      description="Süreç hakkında merak ettikleriniz."
+      <FaqSplitText
+      sideTitle="Sıkça Sorulan Sorular"
+      sideDescription="Lüks deneyiminizle ilgili merak ettiğiniz tüm detaylar burada."
       faqsAnimation="slide-up"
+      faqs={[
+        { id: "q1", title: "Lüks bir marka kimliği ne kadar sürede oluşturulur?", content: "Her proje, markanızın benzersiz DNA'sına göre özel olarak planlanır. Genellikle titiz bir çalışma ile 4-8 hafta arasında sonuç alıyoruz." },
+        { id: "q2", title: "Danışmanlık hizmetleriniz neleri kapsıyor?", content: "Stratejik büyümeden estetik görsel yönetime kadar, lüks segmentteki ihtiyaçlarınıza yönelik tüm danışmanlık hizmetlerini sağlıyoruz." },
+        { id: "q3", title: "Süreçte nasıl bir iş birliği yürütüyorsunuz?", content: "Sizinle sürekli iletişim halinde kalarak, vizyonunuzu en ince detaya kadar hayata geçiriyoruz. Şeffaflık temel prensibimizdir." },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "radial-gradient" }}
-      tag="İletişim"
-      title="Geleceği Şekillendirmeye Başlayın"
-      description="Sizinle tanışmak ve vizyonunuzu hayata geçirmek için sabırsızlanıyoruz."
-      buttons={[{ text: "Bize Ulaşın", href: "#" }]}
+      <ContactText
+      text="Geleceği Şekillendirmeye Başlayın"
+      background={{ variant: "sparkles-gradient" }}
+      buttons={[{ text: "Bize Ulaşın" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Kurumsal", items: [{ label: "Hakkımızda", href: "#about" }, { label: "İletişim", href: "#contact" }] },
-        { title: "Hizmetler", items: [{ label: "Danışmanlık", href: "#services" }, { label: "Tasarım", href: "#services" }] },
-      ]}
+      <FooterCard
       logoText="Elegance Hub"
+      socialLinks={[
+        { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+        { icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
+        { icon: Twitter, href: "#", ariaLabel: "Twitter" }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1