Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,16 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import { MessageCircle } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
   return (
@@ -50,8 +51,8 @@ export default function LandingPage() {
               { text: "Ürünleri İncele", href: "#products" },
               { text: "Bize Ulaşın", href: "#contact" },
             ]}
-            imageSrc="http://img.b2bpic.net/free-photo/front-view-colorful-delicious-cookies-different-formed-inside-can-with-flowers-cups-tea_140725-19201.jpg"
-            imageAlt="Uzman Otomotiv Yedek Parça"
+            imageSrc="http://img.b2bpic.net/free-photo/classic-cars-exhibition_23-2148416634.jpg"
+            imageAlt="Klasik Otomobiller"
             mediaAnimation="slide-up"
           />
         </div>
@@ -63,7 +64,7 @@ export default function LandingPage() {
               { type: "text", content: "Konya'nın Klasik Araç " },
               { type: "image", src: "http://img.b2bpic.net/free-vector/vintage-garage-badge_23-2147502660.jpg", alt: "Fiat" },
               { type: "text", content: " ve " },
-              { type: "image", src: "http://img.b2bpic.net/free-photo/fun-3d-cartoon-illustration-trex-rocker_183364-118316.jpg", alt: "Tofaş" },
+              { type: "image", src: "http://img.b2bpic.net/free-vector/tofas-logo-vintage_23-2147820000.jpg", alt: "Tofaş" },
               { type: "text", content: " Uzmanı" },
             ]}
           />
@@ -76,15 +77,13 @@ export default function LandingPage() {
             gridVariant="four-items-2x2-equal-grid"
             useInvertedBackground={false}
             products={[
-              { id: "p1", brand: "Fiat", name: "Motor Conta Takımı", price: "450 TL", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/vintage-car-with-reflections_1203-1983.jpg" },
-              { id: "p2", brand: "Tofaş", name: "Fren Balata Seti", price: "380 TL", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg" },
-              { id: "p3", brand: "Fiat", name: "Stop Lambası", price: "290 TL", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-vintage-classic-car_74190-4284.jpg" },
-              { id: "p4", brand: "Tofaş", name: "Hava Filtresi", price: "120 TL", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-420.jpg" },
-              { id: "p5", brand: "Fiat", name: "Debriyaj Baskı Balata", price: "1200 TL", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg" },
-              { id: "p6", brand: "Tofaş", name: "Egzoz Manifoldu", price: "850 TL", rating: 5, reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/colorful-stick-candles-arranged-shelves-sorted-by-color-candle-shop_169016-20588.jpg" },
+              { id: "p1", brand: "Tofaş", name: "Tofaş Şahin", price: "Detaylı Bilgi", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/tofas-sahin-classic_23-2148888888.jpg" },
+              { id: "p2", brand: "Tofaş", name: "Tofaş Doğan SLX", price: "Detaylı Bilgi", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/tofas-dogan-slx_23-2149999999.jpg" },
+              { id: "p3", brand: "Fiat", name: "Fiat Egea", price: "Detaylı Bilgi", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/fiat-egea-modern_23-2147777777.jpg" },
+              { id: "p4", brand: "Tofaş", name: "Tofaş Şahin Ön Tampon", price: "490 TL", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/car-bumper-spare-part_23-2150000000.jpg" },
             ]}
-            title="Öne Çıkan Yedek Parçalar"
-            description="Her model Tofaş ve Fiat için garantili ve uzun ömürlü mekanik parçalar."
+            title="Araç Modelleri ve Yedek Parçalar"
+            description="Tofaş ve Fiat model araçlarınız için geniş ürün yelpazesi."
           />
         </div>
 
@@ -95,7 +94,7 @@ export default function LandingPage() {
             useInvertedBackground={false}
             features={[
               { id: "f1", title: "Uzman Kadro", descriptions: ["Klasik araçlar konusunda 20 yıllık deneyim.", "Aracınıza en uygun parça tespiti."], imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts-car_1170-1612.jpg" },
-              { id: "f2", title: "Geniş Stok", descriptions: ["Aradığınız tüm parçalar stoklarımızda mevcut.", "Hızlı temin garantisi."], imageSrc: "http://img.b2bpic.net/free-photo/cool-motorcycle-outdoors_23-2150849465.jpg" },
+              { id: "f2", title: "Geniş Stok", descriptions: ["Aradığınız tüm parçalar stoklarımızda mevcut.", "Hızlı temin garantisi."], imageSrc: "http://img.b2bpic.net/free-photo/auto-parts-shelf_23-2151000000.jpg" },
               { id: "f3", title: "Orijinal Kalite", descriptions: ["Tüm ürünlerimiz yüksek kalite standartlarına sahiptir.", "Uzun ömürlü kullanım."], imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg" },
             ]}
             title="Neden Uzman Otomotiv?"
@@ -114,60 +113,63 @@ export default function LandingPage() {
         </div>
 
         <div id="testimonials" data-section="testimonials">
-          <TestimonialCardTwelve
+          <TestimonialCardSix
+            animationType="slide-up"
+            textboxLayout="default"
             useInvertedBackground={false}
+            title="Müşterilerimiz Ne Diyor?"
+            description="Uzman Otomotiv kalitesinden memnun kalan değerli müşterilerimizin yorumları."
             testimonials={[
-              { id: "t1", name: "Ahmet Yılmaz", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-talking-smartphone_23-2147841923.jpg" },
-              { id: "t2", name: "Mehmet Demir", imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg" },
-              { id: "t3", name: "Selim Kaya", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-traveling-by-red-car_23-2149204046.jpg" },
-              { id: "t4", name: "Zeynep Şahin", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-nut-key-mechanic-s-arm_613910-13714.jpg" },
-              { id: "t5", name: "Murat Aydın", imageSrc: "http://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130099.jpg" },
+              { id: "t1", name: "Ahmet Yılmaz", handle: "@ayilmaz", testimonial: "Tofaş parçalarımı her zaman buradan alırım, çok ilgililer." },
+              { id: "t2", name: "Mehmet Demir", handle: "@mdemir", testimonial: "Aradığım nadir parçayı kısa sürede buldular, teşekkürler.", imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg" },
             ]}
-            cardTitle="Müşterilerimiz Ne Diyor?"
-            cardTag="Güvenilir Tedarik"
-            cardAnimation="slide-up"
           />
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitMedia
+          <FaqBase
             textboxLayout="split"
             useInvertedBackground={false}
-            faqs={[
-              { id: "q1", title: "Stokta olmayan parçayı getiriyor musunuz?", content: "Evet, özel siparişlerle bulunması zor klasik parçaları en kısa sürede tedarik ediyoruz." },
-              { id: "q2", title: "Parçalarınız garantili mi?", content: "Tüm orijinal yedek parçalarımız işletmemiz güvencesi altındadır." },
-              { id: "q3", title: "Konya dışına gönderim yapıyor musunuz?", content: "Türkiye'nin dört bir yanına kargo ile hızlı gönderim sağlıyoruz." },
-            ]}
-            imageSrc="http://img.b2bpic.net/free-photo/car-accessories-with-copy-space_23-2149030436.jpg"
-            mediaAnimation="slide-up"
             title="Sıkça Sorulan Sorular"
-            description="Klasik Fiat ve Tofaş yedek parçaları hakkında merak ettikleriniz."
+            description="Tofaş yedek parça süreçlerimiz hakkında bilmeniz gerekenler."
+            faqs={[
+              { id: "q1", title: "Parça garantisi veriyor musunuz?", content: "Evet, tüm orijinal parçalarımız faturalı ve garantilidir." },
+              { id: "q2", title: "Kargo ile parça gönderimi yapıyor musunuz?", content: "Tüm Türkiye'ye aynı gün kargo avantajımız bulunmaktadır." },
+            ]}
             faqsAnimation="slide-up"
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCenter
-            useInvertedBackground={false}
-            background={{ variant: "plain" }}
-            tag="İletişim"
+          <ContactSplitForm
             title="Bize Ulaşın"
-            description="Klasik aracınız için parça desteği almak için hemen iletişime geçin."
+            description="Parça sorgulama için formu doldurun veya doğrudan WhatsApp üzerinden bize ulaşın."
+            inputs={[
+                { name: "name", type: "text", placeholder: "Adınız Soyadınız" },
+                { name: "email", type: "email", placeholder: "E-posta Adresiniz" }
+            ]}
+            useInvertedBackground={true}
+            buttonText="Gönder"
           />
+          <div className="flex justify-center mt-6">
+              <a href="https://wa.me/905550000000" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 text-green-600">
+                <MessageCircle size={32} />
+                <span className="font-semibold">WhatsApp ile İletişime Geçin</span>
+              </a>
+          </div>
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterSimple
+          <FooterBaseCard
+            logoText="Uzman Otomotiv"
             columns={[
-              { title: "Uzman Otomotiv", items: [{ label: "Konya Sanayi Sitesi", href: "#" }, { label: "İletişim", href: "#contact" }] },
-              { title: "Parçalar", items: [{ label: "Fiat Yedek Parça", href: "#products" }, { label: "Tofaş Yedek Parça", href: "#products" }] },
-              { title: "Hakkımızda", items: [{ label: "Biz Kimiz", href: "#about" }, { label: "KVKK Politikası", href: "#" }] },
+              { title: "Kurumsal", items: [{ label: "Hakkımızda", href: "#about" }, { label: "İletişim", href: "#contact" }] },
+              { title: "Yedek Parça", items: [{ label: "Fiat Parçaları", href: "#products" }, { label: "Tofaş Parçaları", href: "#products" }] }
             ]}
-            bottomLeftText="© 2024 Uzman Otomotiv"
-            bottomRightText="Konya, Türkiye"
+            copyrightText="© 2025 Uzman Otomotiv"
           />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}