Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -55,7 +55,7 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "downward-rays-animated-grid"}}
+        variant: "cell-wave"}}
       title="HC Teknik Yapı: Yaşanabilir Hayallerin Mimarı"
       description="Projelerinize yalnızca yapı değil, güven ve kalite de inşa ediyoruz. Modern mühendislik anlayışı, profesyonel ekip ve sürdürülebilir çözümlerle yaşam alanlarını geleceğe taşıyoruz. HC Teknik Yapı olarak her detayda estetik, dayanıklılık ve fonksiyonelliği bir araya getiriyoruz."
       kpis={[
@@ -76,6 +76,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/tall-building-with-glass-walls_250224-218.jpg"
       imageAlt="HC Teknik Yapı tarafından inşa edilen modern bir şantiye"
       mediaAnimation="slide-up"
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
       avatars={[
         {
           src: "http://img.b2bpic.net/free-photo/business-team-senior-man-working-cafe_1262-1704.jpg",          alt: "Profesyonel iş insanı avatarı"},
@@ -91,20 +93,20 @@ export default function LandingPage() {
       avatarText="Binlerce mutlu müşterimiz bize güveniyor"
       marqueeItems={[
         {
-          type: "text-icon",          text: "Yüksek Kalite",          icon: ShieldCheck,
+          type: "text-icon",          text: "Yüksek Kalite",          icon: ShieldCheck
         },
         {
-          type: "text-icon",          text: "Zamanında Teslimat",          icon: Clock,
+          type: "text-icon",          text: "Zamanında Teslimat",          icon: Clock
         },
         {
-          type: "text-icon",          text: "Modern Çözümler",          icon: Lightbulb,
+          type: "text-icon",          text: "Modern Çözümler",          icon: Lightbulb
         },
         {
-          type: "text-icon",          text: "Uzman Ekip",          icon: Users,
+          type: "text-icon",          text: "Uzman Ekip",          icon: Users
         },
         {
-          type: "text-icon",          text: "Müşteri Odaklılık",          icon: Heart,
-        },
+          type: "text-icon",          text: "Müşteri Odaklılık",          icon: Heart
+        }
       ]}
     />
   </div>
@@ -112,19 +114,22 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <AboutMetric
       useInvertedBackground={true}
-      title="Projelerinize Yalnızca Yapı Değil, Güven ve Kalite İnşa Ediyoruz."
+      title="HC Teknik Yapı: Profesyonel Yaklaşımla Kalite ve Güven İnşa Ediyoruz."
       metrics={[
         {
           icon: Building,
-          label: "Uzman Kadro",          value: "Profesyonel Ekip"},
+          label: "Deneyimli Kadro",          value: "Sektörde Kanıtlanmış Uzmanlık"},
         {
           icon: Briefcase,
-          label: "Güvenilirlik",          value: "Sürdürülebilir Çözümler"},
+          label: "Güvenilir Çözümler",          value: "Şeffaf ve Zamanında Teslimat"},
         {
           icon: Award,
-          label: "Kalite Odaklılık",          value: "Yüksek Standartlar"},
+          label: "Üstün Kalite",          value: "Uluslararası Standartlarda İşçilik"},
       ]}
       metricsAnimation="slide-up"
+      titleClassName="text-3xl md:text-4xl lg:text-5xl"
+      metricLabelClassName="text-lg md:text-xl"
+      metricValueClassName="text-sm md:text-base"
     />
   </div>
 
@@ -160,10 +165,12 @@ export default function LandingPage() {
             {
               imageSrc: "http://img.b2bpic.net/free-photo/closeup-computer-screen-desktop-showing-work-schedule_53876-14084.jpg",              imageAlt: "Proje zaman çizelgesi"},
           ]
-        },
+        }
       ]}
       title="Hizmetlerimiz: Geleceğin Yapılarını İnşa Ediyoruz"
       description="HC Teknik Yapı olarak, modern mühendislik yaklaşımlarını benimseyerek çeşitli alanlarda kapsamlı hizmetler sunuyoruz."
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -175,26 +182,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "1",          name: "Modern Konut Kompleksi",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/high-apartment-buildings-with-modern-design_1268-15586.jpg",          imageAlt: "Modern Konut Kompleksi",          rating: 5,
+          id: "1",          name: "Modern Konut Kompleksi",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/high-apartment-buildings-with-modern-design_1268-15586.jpg",          imageAlt: "Modern Konut Kompleksi"
         },
         {
-          id: "2",          name: "Endüstriyel Üretim Tesisi",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workplace-scheduling-rama-gateway-company_1417-1117.jpg",          imageAlt: "Endüstriyel Üretim Tesisi",          rating: 5,
+          id: "2",          name: "Endüstriyel Üretim Tesisi",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workplace-scheduling-rama-gateway-company_1417-1117.jpg",          imageAlt: "Endüstriyel Üretim Tesisi"
         },
         {
-          id: "3",          name: "Çelik Köprü İnşaatı",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-bridge-river-sunrise_181624-58443.jpg",          imageAlt: "Çelik Köprü İnşaatı",          rating: 5,
+          id: "3",          name: "Çelik Köprü İnşaatı",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-bridge-river-sunrise_181624-58443.jpg",          imageAlt: "Çelik Köprü İnşaatı"
         },
         {
-          id: "4",          name: "Hastane Binası Yenileme",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139896.jpg",          imageAlt: "Hastane Binası Yenileme",          rating: 5,
+          id: "4",          name: "Hastane Binası Yenileme",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139896.jpg",          imageAlt: "Hastane Binası Yenileme"
         },
         {
-          id: "5",          name: "Eğitim Kampüsü Genişletme",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-browsing-tablet-near-wall_23-2147860725.jpg",          imageAlt: "Eğitim Kampüsü Genişletme",          rating: 5,
+          id: "5",          name: "Eğitim Kampüsü Genişletme",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-browsing-tablet-near-wall_23-2147860725.jpg",          imageAlt: "Eğitim Kampüsü Genişletme"
         },
         {
-          id: "6",          name: "Spor Kompleksi Tasarımı",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-concert-hall-iceland-with-lot-visitors_181624-10671.jpg",          imageAlt: "Spor Kompleksi Tasarımı",          rating: 5,
-        },
+          id: "6",          name: "Spor Kompleksi Tasarımı",          price: "Bitti",          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-beautiful-concert-hall-iceland-with-lot-visitors_181624-10671.jpg",          imageAlt: "Spor Kompleksi Tasarımı"
+        }
       ]}
       title="Tamamlanan Projelerimiz"
       description="Çeşitli sektörlerdeki başarı hikayelerimizle tanışın. Her projemizde kalite ve yenilikçilikten ödün vermiyoruz."
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -203,9 +212,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Global İnşaat",        "Mega Konut",        "Sanayi Holding",        "Devlet Kurumu X",        "Mimarlık Ofisi Z",        "Şehir Plancılar Birliği",        "Enerji Çözümleri A.Ş."]}
+        "Global İnşaat",        "Mega Konut",        "Sanayi Holding",        "Devlet Kurumu X",        "Mimarlık Ofisi Z",        "Şehir Plancılar Birliği",        "Enerji Çözümleri A.Ş."
+      ]}
       title="İş Birliği Yaptığımız Güçlü Markalar"
       description="Sektörün önde gelen firmaları ve kamu kurumlarıyla başarıyla yürüttüğümüz projeler."
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -224,10 +236,12 @@ export default function LandingPage() {
         {
           id: "4",          name: "Murat Güneş",          role: "İşletme Sahibi",          testimonial: "İşlerini büyük bir titizlikle yapıyorlar. Her aşamada bilgilendirildik ve sonuçtan çok memnunuz. Güvenle tercih edebilirsiniz.",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-business-plan-paper_23-2147965656.jpg",          imageAlt: "Murat Güneş"},
         {
-          id: "5",          name: "Deniz Aktaş",          role: "Mimar",          testimonial: "HC Teknik Yapı ekibi, mimari vizyonumuzu gerçeğe dönüştürmek için harika bir iş çıkardı. İşçilik kalitesi mükemmel.",          imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg",          imageAlt: "Deniz Aktaş"},
+          id: "5",          name: "Deniz Aktaş",          role: "Mimar",          testimonial: "HC Teknik Yapı ekibi, mimari vizyonumuzu gerçeğe dönüştürmek için harika bir iş çıkardı. İşçilik kalitesi mükemmel.",          imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-looking-camera_23-2148242957.jpg",          imageAlt: "Deniz Aktaş"}
       ]}
       title="Müşterilerimiz Ne Diyor?"
       description="HC Teknik Yapı'nın farkını deneyimleyen mutlu müşterilerimizin geri bildirimleri."
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -252,6 +266,8 @@ export default function LandingPage() {
       title="Sıkça Sorulan Sorular"
       description="HC Teknik Yapı hakkında merak ettiğiniz tüm soruların cevapları burada."
       faqsAnimation="slide-up"
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
     />
   </div>
 
@@ -288,7 +304,7 @@ export default function LandingPage() {
               label: "Proje Yönetimi",              href: "#features"},
             {
               label: "Danışmanlık",              href: "#features"},
-          ],
+          ]
         },
         {
           title: "Şirket",          items: [
@@ -300,7 +316,7 @@ export default function LandingPage() {
               label: "Referanslar",              href: "#social-proof"},
             {
               label: "Kariyer",              href: "#"},
-          ],
+          ]
         },
         {
           title: "Yasal",          items: [
@@ -309,9 +325,9 @@ export default function LandingPage() {
             {
               label: "Kullanım Koşulları",              href: "#"},
             {
-              label: "Çerez Politikası",              href: "#"},
-          ],
-        },
+              label: "Çerez Politikası",              href: "#"}
+          ]
+        }
       ]}
       bottomLeftText="© 2024 HC Teknik Yapı. Tüm hakları saklıdır."
       bottomRightText="Webild tarafından geliştirildi."
@@ -320,4 +336,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}