From bd16d8b49b4f94a0b2162f3af7a8c14c8ada427b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 17 Jun 2026 21:05:15 +0000
Subject: [PATCH] Update src/pages/HomePage.tsx

---
 src/pages/HomePage.tsx | 268 +++++++++++------------------------------
 1 file changed, 71 insertions(+), 197 deletions(-)

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 3d6105c..484d247 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -5,7 +5,7 @@ import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaC
 import HeroOverlayMarquee from '@/components/sections/hero/HeroOverlayMarquee';
 import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
 import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
-import { Award, CheckCircle, Clock, Shield, Users, Wrench, Zap } from "lucide-react";
+import { CheckCircle, Shield, Zap, Users, Award, Wrench, Clock } from "lucide-react";
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 
 export default function HomePage() {
@@ -13,232 +13,106 @@ export default function HomePage() {
     <>
   <div id="hero" data-section="hero">
     <SectionErrorBoundary name="hero">
-          <HeroOverlayMarquee
-      tag="Uysal Oto Özel Servis"
-      title="Aracınız Emin Ellerde"
-      description="Yılların verdiği tecrübe ile aracınızın bakım ve onarımı için profesyonel çözümler sunuyoruz. Güvenilir ve hızlı hizmet anlayışımızla her zaman yanınızdayız."
-      primaryButton={{
-        text: "Randevu Al",
-        href: "#contact",
-      }}
-      secondaryButton={{
-        text: "Hizmetlerimizi İnceleyin",
-        href: "#services",
-      }}
-      items={[
-        {
-          text: "Uzman Kadro",
-          icon: CheckCircle,
-        },
-        {
-          text: "Garantili İşçilik",
-          icon: Shield,
-        },
-        {
-          text: "Hızlı Teslimat",
-          icon: Zap,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-tools-wooden-background_23-2148510779.jpg"
-    />
+      <HeroOverlayMarquee
+        tag="Uysal Oto Özel Servis"
+        title="Aracınız Emin Ellerde"
+        description="Yılların verdiği tecrübe ile aracınızın bakım ve onarımı için profesyonel çözümler sunuyoruz. Güvenilir ve hızlı hizmet anlayışımızla her zaman yanınızdayız."
+        primaryButton={{ text: "Randevu Al", href: "#contact" }}
+        secondaryButton={{ text: "Hizmetlerimizi İnceleyin", href: "#services" }}
+        items={[
+          { text: "Uzman Kadro", icon: CheckCircle },
+          { text: "Garantili İşçilik", icon: Shield },
+          { text: "Hızlı Teslimat", icon: Zap },
+        ]}
+        imageSrc="http://img.b2bpic.net/free-photo/top-view-tools-wooden-background_23-2148510779.jpg"
+      />
     </SectionErrorBoundary>
   </div>
 
   <div id="about" data-section="about">
     <SectionErrorBoundary name="about">
-          <AboutMediaOverlay
-      tag="Biz Kimiz"
-      title="Tecrübe ve Kaliteyi Birleştiriyoruz"
-      description="Uysal Oto olarak, otomobilinizin tüm ihtiyaçlarına karşı profesyonel bir yaklaşım sunuyoruz. En son teknoloji ekipmanlarımız ve uzman teknisyenlerimizle, aracınızın performansını en üst seviyeye çıkarmak için çalışıyoruz. Müşteri memnuniyeti her zaman önceliğimizdir."
-      imageSrc="http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg"
-    />
+      <AboutMediaOverlay
+        tag="Biz Kimiz"
+        title="Tecrübe ve Kaliteyi Birleştiriyoruz"
+        description="Uysal Oto olarak, otomobilinizin tüm ihtiyaçlarına karşı profesyonel bir yaklaşım sunuyoruz. En son teknoloji ekipmanlarımız ve uzman teknisyenlerimizle, aracınızın performansını en üst seviyeye çıkarmak için çalışıyoruz. Müşteri memnuniyeti her zaman önceliğimizdir."
+        imageSrc="http://img.b2bpic.net/free-photo/mechanic-checking-car_329181-11830.jpg"
+      />
     </SectionErrorBoundary>
   </div>
 
   <div id="services" data-section="services">
     <SectionErrorBoundary name="services">
-          <FeaturesMediaCarousel
-      tag="Uzmanlık Alanlarımız"
-      title="Profesyonel Hizmetlerimiz"
-      description="Aracınızın periyodik bakımından en zorlu onarımlarına kadar her konuda yanınızdayız."
-      items={[
-        {
-          title: "Motor Bakım Onarımı",
-          description: "Detaylı motor kontrolleri ve tamiri.",
-          buttonIcon: "Zap",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg",
-        },
-        {
-          title: "Fren Sistemi Hizmetleri",
-          description: "Güvenliğiniz için detaylı fren kontrolü.",
-          buttonIcon: "Shield",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-brake_1170-1624.jpg",
-        },
-        {
-          title: "Elektronik Arıza Tespit",
-          description: "Bilgisayarlı sistemlerle hızlı teşhis.",
-          buttonIcon: "Search",
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg",
-        },
-        {
-          title: "Periyodik Bakım",
-          description: "Yıllık ve sezonluk bakım hizmetleri.",
-          buttonIcon: "Clock",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nozzles-diesel-engine-opened-bonnet_651396-1339.jpg",
-        },
-        {
-          title: "Yürüyen Aksam Onarımı",
-          description: "Süspansiyon ve direksiyon kontrolü.",
-          buttonIcon: "Settings",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-worker-repairing-car_23-2150171256.jpg",
-        },
-        {
-          title: "Lastik ve Jant Servisi",
-          description: "Değişim, rot ve balans ayarları.",
-          buttonIcon: "Disc",
-          imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg",
-        },
-      ]}
-    />
+      <FeaturesMediaCarousel
+        tag="Uzmanlık Alanlarımız"
+        title="Profesyonel Hizmetlerimiz"
+        description="Aracınızın periyodik bakımından en zorlu onarımlarına kadar her konuda yanınızdayız."
+        items={[
+          { title: "Motor Bakım Onarımı", description: "Detaylı motor kontrolleri ve tamiri.", buttonIcon: "Zap", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg" },
+          { title: "Fren Sistemi Hizmetleri", description: "Güvenliğiniz için detaylı fren kontrolü.", buttonIcon: "Shield", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-brake_1170-1624.jpg" },
+          { title: "Elektronik Arıza Tespit", description: "Bilgisayarlı sistemlerle hızlı teşhis.", buttonIcon: "Search", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17108.jpg" },
+          { title: "Periyodik Bakım", description: "Yıllık ve sezonluk bakım hizmetleri.", buttonIcon: "Clock", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nozzles-diesel-engine-opened-bonnet_651396-1339.jpg" },
+          { title: "Yürüyen Aksam Onarımı", description: "Süspansiyon ve direksiyon kontrolü.", buttonIcon: "Settings", imageSrc: "http://img.b2bpic.net/free-photo/side-view-worker-repairing-car_23-2150171256.jpg" },
+          { title: "Lastik ve Jant Servisi", description: "Değişim, rot ve balans ayarları.", buttonIcon: "Disc", imageSrc: "http://img.b2bpic.net/free-photo/focused-manly-woman-is-doing-car-diagnostic-with-computer-help-auto-service_613910-17106.jpg" },
+        ]}
+      />
     </SectionErrorBoundary>
   </div>
 
   <div id="metrics" data-section="metrics">
     <SectionErrorBoundary name="metrics">
-          <MetricsIconCards
-      tag="Başarılarımız"
-      title="Rakamlarla Uysal Oto"
-      description="Bizi tercih eden binlerce mutlu müşterimizin güvenini kazandık."
-      metrics={[
-        {
-          icon: Users,
-          title: "Mutlu Müşteri",
-          value: "5000+",
-        },
-        {
-          icon: Award,
-          title: "Tamamlanan İşlem",
-          value: "12000+",
-        },
-        {
-          icon: Wrench,
-          title: "Uzman Teknisyen",
-          value: "15",
-        },
-        {
-          icon: Clock,
-          title: "Yıllık Deneyim",
-          value: "20+",
-        },
-      ]}
-    />
+      <MetricsIconCards
+        tag="Başarılarımız"
+        title="Rakamlarla Uysal Oto"
+        description="Bizi tercih eden binlerce mutlu müşterimizin güvenini kazandık."
+        metrics={[
+          { icon: "Users", title: "Mutlu Müşteri", value: "5000+" },
+          { icon: "Award", title: "Tamamlanan İşlem", value: "12000+" },
+          { icon: "Wrench", title: "Uzman Teknisyen", value: "15" },
+          { icon: "Clock", title: "Yıllık Deneyim", value: "20+" },
+        ]}
+      />
     </SectionErrorBoundary>
   </div>
 
   <div id="testimonials" data-section="testimonials">
     <SectionErrorBoundary name="testimonials">
-          <TestimonialMarqueeOverlayCards
-      tag="Müşterilerimiz"
-      title="Neler Söylüyorlar?"
-      description="Müşterilerimizin memnuniyeti bizim en büyük gurur kaynağımızdır."
-      testimonials={[
-        {
-          id: "1",
-          name: "Ahmet Yılmaz",
-          role: "Müşteri",
-          company: "Kurumsal",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-taking-photo_23-2148546017.jpg",
-        },
-        {
-          id: "2",
-          name: "Ayşe Demir",
-          role: "Müşteri",
-          company: "Bireysel",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1517.jpg",
-        },
-        {
-          id: "3",
-          name: "Mehmet Kaya",
-          role: "Müşteri",
-          company: "Bireysel",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-by-car_1303-9344.jpg",
-        },
-        {
-          id: "4",
-          name: "Fatma Şahin",
-          role: "Müşteri",
-          company: "Kurumsal",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg",
-        },
-        {
-          id: "5",
-          name: "Canan Aydın",
-          role: "Müşteri",
-          company: "Bireysel",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg",
-        },
-      ]}
-    />
+      <TestimonialMarqueeOverlayCards
+        tag="Müşterilerimiz"
+        title="Neler Söylüyorlar?"
+        description="Müşterilerimizin memnuniyeti bizim en büyük gurur kaynağımızdır."
+        testimonials={[
+          { name: "Ahmet Yılmaz", role: "Müşteri", company: "Kurumsal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-delivery-guy-taking-photo_23-2148546017.jpg" },
+          { name: "Ayşe Demir", role: "Müşteri", company: "Bireysel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1517.jpg" },
+          { name: "Mehmet Kaya", role: "Müşteri", company: "Bireysel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-by-car_1303-9344.jpg" },
+          { name: "Fatma Şahin", role: "Müşteri", company: "Kurumsal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg" },
+          { name: "Canan Aydın", role: "Müşteri", company: "Bireysel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-hat_23-2148546106.jpg" },
+        ]}
+      />
     </SectionErrorBoundary>
   </div>
 
   <div id="faq" data-section="faq">
     <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-      tag="SSS"
-      title="Sıkça Sorulan Sorular"
-      description="Hizmetlerimizle ilgili merak ettiğiniz detaylar."
-      categories={[
-        {
-          name: "Genel Sorular",
-          items: [
-            {
-              question: "Randevu almak gerekiyor mu?",
-              answer: "Evet, daha kaliteli ve hızlı hizmet verebilmek için randevu ile çalışıyoruz.",
-            },
-            {
-              question: "Hangi marka araçlara bakıyorsunuz?",
-              answer: "Tüm marka ve model binek araçlara özel servis hizmeti veriyoruz.",
-            },
-          ],
-        },
-        {
-          name: "Teknik Konular",
-          items: [
-            {
-              question: "Yedek parça garantisi var mı?",
-              answer: "Tüm kullanılan yedek parçalarımız orijinal veya muadil olarak garantimiz altındadır.",
-            },
-            {
-              question: "Fiyatlandırma nasıl yapılıyor?",
-              answer: "Aracın arıza tespitinden sonra şeffaf bir fiyat listesi ile onayınızı alarak başlıyoruz.",
-            },
-          ],
-        },
-      ]}
-    />
+      <FaqTabbedAccordion
+        tag="SSS"
+        title="Sıkça Sorulan Sorular"
+        description="Hizmetlerimizle ilgili merak ettiğiniz detaylar."
+        categories={[
+          { name: "Genel Sorular", items: [{ question: "Randevu almak gerekiyor mu?", answer: "Evet, daha kaliteli ve hızlı hizmet verebilmek için randevu ile çalışıyoruz." }, { question: "Hangi marka araçlara bakıyorsunuz?", answer: "Tüm marka ve model binek araçlara özel servis hizmeti veriyoruz." }] },
+          { name: "Teknik Konular", items: [{ question: "Yedek parça garantisi var mı?", answer: "Tüm kullanılan yedek parçalarımız orijinal veya muadil olarak garantimiz altındadır." }, { question: "Fiyatlandırma nasıl yapılıyor?", answer: "Aracın arıza tespitinden sonra şeffaf bir fiyat listesi ile onayınızı alarak başlıyoruz." }] }
+        ]}
+      />
     </SectionErrorBoundary>
   </div>
 
   <div id="contact" data-section="contact">
     <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="İletişim"
-      text="Aracınızın bakımı için hemen randevu alın veya ücretsiz fiyat teklifi isteyin."
-      primaryButton={{
-        text: "WhatsApp Üzerinden Randevu Al",
-        href: "https://wa.me/905550000000",
-      }}
-      secondaryButton={{
-        text: "Bizi Arayın",
-        href: "tel:+905550000000",
-      }}
-    />
+      <ContactCta
+        tag="İletişim"
+        text="Aracınızın bakımı için hemen randevu alın veya ücretsiz fiyat teklifi isteyin."
+        primaryButton={{ text: "WhatsApp Üzerinden Randevu Al", href: "https://wa.me/905550000000" }}
+        secondaryButton={{ text: "Bizi Arayın", href: "tel:+905550000000" }}
+      />
     </SectionErrorBoundary>
   </div>
     </>