Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
@@ -12,6 +12,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import { Mail, MapPin, Phone } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -31,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Anasayfa", id: "hero" },
-          name: "Anasayfa",
+        { name: "Hakkımızda", id: "about" },
-          id: "hero",
+        { name: "Ürünler", id: "products" },
-        },
+        { name: "İletişim", id: "contact" },
-        {
-          name: "Hakkımızda",
-          id: "about",
-        },
-        {
-          name: "Ürünler",
-          id: "products",
-        },
-        {
-          name: "İletişim",
-          id: "contact",
-        },
       ]}
       brandName="Burak Yay"
     />
@@ -54,30 +43,14 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       title="Burak Yay - Endüstriyel Yay Üretiminde Hassasiyet"
       description="Perakende ve toplu siparişlerinizde yüksek kalite, hızlı teslimat ve standart dışı özel yay ihtiyaçlarınız için yanınızdayız."
-      buttons={[
+      buttons={[{ text: "Ürünleri İncele", href: "#products" }]}
-        {
-          text: "Ürünleri İncele",
-          href: "#products",
-        },
-      ]}
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-weights_1203-1698.jpg", imageAlt: "Endüstriyel Yay Üretimi" },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shiny-weights_1203-1698.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-tech-manufacturing-environment-showing-robotics-action-photovoltaic-system-monitoring_482257-132268.jpg", imageAlt: "Modern Makine Parkuru" },
-          imageAlt: "Endüstriyel Yay Üretimi",
+        { imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg", imageAlt: "Uzman Mühendislik Kadrosu" },
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-tech-manufacturing-environment-showing-robotics-action-photovoltaic-system-monitoring_482257-132268.jpg",
-          imageAlt: "Modern Makine Parkuru",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/engineers-industry-40-industrial-plant-controlling-automated-machinery_482257-120564.jpg",
-          imageAlt: "Uzman Mühendislik Kadrosu",
-        },
       ]}
       mediaAnimation="blur-reveal"
     />
@@ -88,9 +61,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Yay İmalatında Yılların Tecrübesi"
       description={[
-        "Burak Yay, sektördeki uzun yıllara dayanan tecrübesiyle otomotivden beyaz eşyaya, savunma sanayinden makine ekipmanlarına kadar geniş bir alana hizmet vermektedir.",
+        "Burak Yay, sektördeki uzun yıllara dayanan tecrübesiyle otomotivden beyaz eşyaya, savunma sanayinden makine ekipmanlarına kadar geniş bir alana hizmet vermektedir.",        "Modern tesislerimizde son teknoloji makinelerle hem standart yaylar hem de teknik resme dayalı özel yay tasarımları üretmekteyiz."]}
-        "Modern tesislerimizde son teknoloji makinelerle hem standart yaylar hem de teknik resme dayalı özel yay tasarımları üretmekteyiz.",
-      ]}
     />
   </div>
 
@@ -100,36 +71,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", label: "Kalite", title: "Sertifikalı Üretim", items: ["ISO 9001 Standartları", "Hammadde Analizi", "Dayanıklılık Testleri"] },
-          id: "f1",
+        { id: "f2", label: "Hız", title: "Hızlı Teslimat", items: ["Geniş Stok Kapasitesi", "Seri Üretim Hattı", "Zamanında Sevkiyat"] },
-          label: "Kalite",
+        { id: "f3", label: "Esneklik", title: "Özel Tasarım", items: ["Teknik Resme Göre Üretim", "Prototip Desteği", "Esnek Miktar Seçenekleri"] },
-          title: "Sertifikalı Üretim",
-          items: [
-            "ISO 9001 Standartları",
-            "Hammadde Analizi",
-            "Dayanıklılık Testleri",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Hız",
-          title: "Hızlı Teslimat",
-          items: [
-            "Geniş Stok Kapasitesi",
-            "Seri Üretim Hattı",
-            "Zamanında Sevkiyat",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Esneklik",
-          title: "Özel Tasarım",
-          items: [
-            "Teknik Resme Göre Üretim",
-            "Prototip Desteği",
-            "Esnek Miktar Seçenekleri",
-          ],
-        },
       ]}
       title="Neden Burak Yay?"
       description="Yay üretimi süreçlerimizde hassasiyet ve güvenliği ön planda tutuyoruz."
@@ -143,41 +87,11 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Baskı Yayları", price: "Detaylı Bilgi", variant: "Standart", imageSrc: "http://img.b2bpic.net/free-photo/various-nozzles-ratchets_23-2148180527.jpg" },
-          id: "p1",
+        { id: "p2", name: "Çekme Yayları", price: "Detaylı Bilgi", variant: "Standart", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bicycle-parts-workshop_23-2147892368.jpg" },
-          name: "Baskı Yayları",
+        { id: "p3", name: "Kurma Yayları", price: "Detaylı Bilgi", variant: "Özel Üretim", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545661.jpg" },
-          price: "Detaylı Bilgi",
+        { id: "p4", name: "Form Yayları", price: "Detaylı Bilgi", variant: "Teknik Resim", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-dirty-metal-gears-grid-light_181624-28278.jpg" },
-          variant: "Standart",
+        { id: "p5", name: "Konik Yaylar", price: "Detaylı Bilgi", variant: "Özel Üretim", imageSrc: "http://img.b2bpic.net/free-photo/saw-close-up_23-2147773767.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/various-nozzles-ratchets_23-2148180527.jpg",
-        },
-        {
-          id: "p2",
-          name: "Çekme Yayları",
-          price: "Detaylı Bilgi",
-          variant: "Standart",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-bicycle-parts-workshop_23-2147892368.jpg",
-        },
-        {
-          id: "p3",
-          name: "Kurma Yayları",
-          price: "Detaylı Bilgi",
-          variant: "Özel Üretim",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545661.jpg",
-        },
-        {
-          id: "p4",
-          name: "Form Yayları",
-          price: "Detaylı Bilgi",
-          variant: "Teknik Resim",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-dirty-metal-gears-grid-light_181624-28278.jpg",
-        },
-        {
-          id: "p5",
-          name: "Konik Yaylar",
-          price: "Detaylı Bilgi",
-          variant: "Özel Üretim",
-          imageSrc: "http://img.b2bpic.net/free-photo/saw-close-up_23-2147773767.jpg",
-        },
       ]}
       title="Yay Çeşitlerimiz"
       description="Perakende ve toptan ihtiyaçlarınız için geniş ürün portföyümüz."
@@ -186,25 +100,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardFourteen
-      useInvertedBackground={false}
       title="Üretim Gücümüz"
       tag="Başarı Rakamları"
+      useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "15+", description: "Yıllık Tecrübe" },
-          id: "m1",
+        { id: "m2", value: "5000+", description: "Özel Yay Tasarımı" },
-          value: "15+",
+        { id: "m3", value: "100%", description: "Kalite Kontrol" },
-          description: "Yıllık Tecrübe",
-        },
-        {
-          id: "m2",
-          value: "5000+",
-          description: "Özel Yay Tasarımı",
-        },
-        {
-          id: "m3",
-          value: "100%",
-          description: "Kalite Kontrol",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -215,46 +117,11 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", title: "Hızlı Tedarik", quote: "İhtiyacımız olan özel ölçü yayları rekor sürede ürettiler.", name: "Ahmet Yılmaz", role: "Satın Alma Müdürü", imageSrc: "http://img.b2bpic.net/free-photo/african-american-engineer-manages-data-from-solar-machinery-desktop-working-solar-panel_482257-132203.jpg" },
-          id: "t1",
+        { id: "t2", title: "Kalite Standartları", quote: "Ürettikleri ürünlerin dayanıklılığı test sonuçlarımızda mükemmel çıktı.", name: "Ayşe Demir", role: "Kalite Yöneticisi", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg" },
-          title: "Hızlı Tedarik",
+        { id: "t3", title: "Profesyonel Ekip", quote: "Mühendislik destekleri sayesinde tasarım sürecimizi hızlandırıyorlar.", name: "Mehmet Kaya", role: "Proje Mühendisi", imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg" },
-          quote: "İhtiyacımız olan özel ölçü yayları rekor sürede ürettiler.",
+        { id: "t4", title: "Toptan Çözümler", quote: "Toplu siparişlerimizde bile kaliteden ödün vermediler.", name: "Canan Sarı", role: "İşletme Sahibi", imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40900.jpg" },
-          name: "Ahmet Yılmaz",
+        { id: "t5", title: "Güvenilir Tedarikçi", quote: "Yıllardır birlikte çalışıyoruz, kesintisiz çözüm ortaklığımız var.", name: "Burak Çelik", role: "Fabrika Müdürü", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-businessman-standing-front-desk_23-2148187160.jpg" },
-          role: "Satın Alma Müdürü",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-engineer-manages-data-from-solar-machinery-desktop-working-solar-panel_482257-132203.jpg",
-        },
-        {
-          id: "t2",
-          title: "Kalite Standartları",
-          quote: "Ürettikleri ürünlerin dayanıklılığı test sonuçlarımızda mükemmel çıktı.",
-          name: "Ayşe Demir",
-          role: "Kalite Yöneticisi",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
-        },
-        {
-          id: "t3",
-          title: "Profesyonel Ekip",
-          quote: "Mühendislik destekleri sayesinde tasarım sürecimizi hızlandırıyorlar.",
-          name: "Mehmet Kaya",
-          role: "Proje Mühendisi",
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-man-with-crossed-arms_1187-3142.jpg",
-        },
-        {
-          id: "t4",
-          title: "Toptan Çözümler",
-          quote: "Toplu siparişlerimizde bile kaliteden ödün vermediler.",
-          name: "Canan Sarı",
-          role: "İşletme Sahibi",
-          imageSrc: "http://img.b2bpic.net/free-photo/industrial-worker-indoors-factory-businessman-with-orange-hard-hat-man-blue-shirt_1157-40900.jpg",
-        },
-        {
-          id: "t5",
-          title: "Güvenilir Tedarikçi",
-          quote: "Yıllardır birlikte çalışıyoruz, kesintisiz çözüm ortaklığımız var.",
-          name: "Burak Çelik",
-          role: "Fabrika Müdürü",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-businessman-standing-front-desk_23-2148187160.jpg",
-        },
       ]}
       title="Müşterilerimiz Ne Diyor?"
       description="Sektörün önde gelen firmaları neden bizi tercih ediyor?"
@@ -266,21 +133,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "faq1", title: "Özel yay üretimi yapıyor musunuz?", content: "Evet, teknik resminiz veya numuneniz doğrultusunda özel ölçü ve formlarda yay üretimi gerçekleştiriyoruz." },
-          id: "faq1",
+        { id: "faq2", title: "Minimum sipariş adetiniz nedir?", content: "Hem perakende hem de büyük ölçekli toplu üretimlerde ihtiyaçlarınıza uygun çözümler sunuyoruz." },
-          title: "Özel yay üretimi yapıyor musunuz?",
+        { id: "faq3", title: "Hangi materyallerle çalışıyorsunuz?", content: "Paslanmaz çelik, yay çeliği (patentli) ve yüksek mukavemetli alaşımlar ile çalışmaktayız." },
-          content: "Evet, teknik resminiz veya numuneniz doğrultusunda özel ölçü ve formlarda yay üretimi gerçekleştiriyoruz.",
-        },
-        {
-          id: "faq2",
-          title: "Minimum sipariş adetiniz nedir?",
-          content: "Hem perakende hem de büyük ölçekli toplu üretimlerde ihtiyaçlarınıza uygun çözümler sunuyoruz.",
-        },
-        {
-          id: "faq3",
-          title: "Hangi materyallerle çalışıyorsunuz?",
-          content: "Paslanmaz çelik, yay çeliği (patentli) ve yüksek mukavemetli alaşımlar ile çalışmaktayız.",
-        },
       ]}
       title="Sıkça Sorulan Sorular"
       faqsAnimation="blur-reveal"
@@ -289,64 +144,22 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactCenter
+      tag="İletişim"
+      title="Bize Ulaşın"
+      description="Sorularınız, teklif talepleriniz veya detaylı bilgi almak için aşağıdaki kanallar üzerinden bize ulaşabilirsiniz. Adres: Sanayi Bölgesi, No: 123, İkitelli, İstanbul. E-posta: info@burakyay.com | Telefon: 0539 528 57 03"
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={true}
-      background={{
+      onSubmit={(email) => alert(`Teşekkürler, ${email} adresinizle iletişime geçeceğiz!`)}
-        variant: "gradient-bars",
-      }}
-      text="Yay ihtiyaçlarınız için bizimle iletişime geçin. Uzman ekibimiz size teklif sunmaktan memnuniyet duyar."
-      buttons={[
-        {
-          text: "Teklif Al",
-          href: "mailto:info@burakyay.com",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        {
+        { items: [{ label: "Anasayfa", href: "#hero" }, { label: "Ürünlerimiz", href: "#products" }, { label: "Hakkımızda", href: "#about" }] },
-          items: [
+        { items: [{ label: "İletişim", href: "mailto:info@burakyay.com" }, { label: "Destek", href: "#faq" }] },
-            {
+        { items: [{ label: "Gizlilik Politikası", href: "#" }, { label: "KVKK Metni", href: "#" }] },
-              label: "Anasayfa",
-              href: "#hero",
-            },
-            {
-              label: "Ürünlerimiz",
-              href: "#products",
-            },
-            {
-              label: "Hakkımızda",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "İletişim",
-              href: "mailto:info@burakyay.com",
-            },
-            {
-              label: "Destek",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Gizlilik Politikası",
-              href: "#",
-            },
-            {
-              label: "KVKK Metni",
-              href: "#",
-            },
-          ],
-        },
       ]}
       logoText="Burak Yay"
     />