Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,6 +6,7 @@ import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -30,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Ana Sayfa",
+          name: "Ana Sayfa",          id: "/"},
-          id: "/",
-        },
         {
-          name: "Hakkımızda",
+          name: "Hakkımızda",          id: "/hakkimizda"},
-          id: "/hakkimizda",
-        },
         {
-          name: "Ürünler ve Hizmetler",
+          name: "Ürünler ve Hizmetler",          id: "/urunler-hizmetler"},
-          id: "/urunler-hizmetler",
-        },
         {
-          name: "İletişim",
+          name: "İletişim",          id: "/iletisim"},
-          id: "/iletisim",
-        },
       ]}
       brandName="Sonar Marine"
     />
@@ -53,21 +46,16 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "downward-rays-animated",
+        variant: "downward-rays-animated"}}
-      }}
       title="Deniz Teknolojisinde Güvenilir Ortağınız"
       description="Sonar Marine, yat ve gemiler için ileri düzey deniz elektroniği çözümleri sunar. Güvenlik, performans ve kesintisiz iletişim için tasarlanmış ürünlerimizle denizde fark yaratın."
       tag="Sonar Marine"
       tagAnimation="slide-up"
       buttons={[
         {
-          text: "Ürünlerimizi İnceleyin",
+          text: "Ürünlerimizi İnceleyin",          href: "/urunler-hizmetler"},
-          href: "/urunler-hizmetler",
-        },
         {
-          text: "İletişime Geçin",
+          text: "İletişime Geçin",          href: "/iletisim"},
-          href: "/iletisim",
-        },
       ]}
       buttonAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11148.jpg?_wi=1"
@@ -95,41 +83,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Balık Bulucu Sistemleri",
+          title: "Balık Bulucu Sistemleri",          description: "En yeni sonar teknolojisiyle su altı dünyasını keşfedin ve balık popülasyonlarını kolayca tespit edin.",          imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-boat-calm-sea-foggy-day_181624-28608.jpg",          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day"},
-          description: "En yeni sonar teknolojisiyle su altı dünyasını keşfedin ve balık popülasyonlarını kolayca tespit edin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mesmerizing-view-boat-calm-sea-foggy-day_181624-28608.jpg",
-          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day",
-        },
         {
-          title: "VHF & SART Telsiz Sistemleri",
+          title: "VHF & SART Telsiz Sistemleri",          description: "Denizde güvenli ve kesintisiz iletişim için yüksek performanslı VHF ve SART cihazları.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11148.jpg?_wi=2",          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day"},
-          description: "Denizde güvenli ve kesintisiz iletişim için yüksek performanslı VHF ve SART cihazları.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-sea-waves_58702-11148.jpg?_wi=2",
-          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day",
-        },
         {
-          title: "EPIRB & Navtex Cihazları",
+          title: "EPIRB & Navtex Cihazları",          description: "Acil durumlar için hayati önem taşıyan EPIRB ve Navtex cihazlarıyla güvenliğinizi sağlayın.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432386.jpg?_wi=2",          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day"},
-          description: "Acil durumlar için hayati önem taşıyan EPIRB ve Navtex cihazlarıyla güvenliğinizi sağlayın.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-trucker-hat_23-2149432386.jpg?_wi=2",
-          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day",
-        },
         {
-          title: "Yat & Gemi Teknik Servis",
+          title: "Yat & Gemi Teknik Servis",          description: "Deneyimli teknisyenlerimizle tüm deniz elektroniği cihazlarınız için profesyonel kurulum ve bakım hizmetleri.",          imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603018.jpg?_wi=1",          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day"},
-          description: "Deneyimli teknisyenlerimizle tüm deniz elektroniği cihazlarınız için profesyonel kurulum ve bakım hizmetleri.",
-          imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603018.jpg?_wi=1",
-          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day",
-        },
         {
-          title: "Yedek Parça Tedariki",
+          title: "Yedek Parça Tedariki",          description: "Orijinal yedek parça garantisiyle, hızlı ve güvenilir tedarik çözümleri sunuyoruz.",          imageSrc: "http://img.b2bpic.net/free-photo/orange-paddleboats-by-pier-calm-lake-captured-foggy-winter-day_181624-28125.jpg?_wi=1",          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day"},
-          description: "Orijinal yedek parça garantisiyle, hızlı ve güvenilir tedarik çözümleri sunuyoruz.",
-          imageSrc: "http://img.b2bpic.net/free-photo/orange-paddleboats-by-pier-calm-lake-captured-foggy-winter-day_181624-28125.jpg?_wi=1",
-          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day",
-        },
         {
-          title: "Sistem Entegrasyonu",
+          title: "Sistem Entegrasyonu",          description: "Mevcut sistemlerinizle uyumlu, entegre deniz elektroniği çözümleri tasarlıyor ve uyguluyoruz.",          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-lighthouse-beautiful-cloud-sky_181624-11347.jpg?_wi=1",          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day"},
-          description: "Mevcut sistemlerinizle uyumlu, entegre deniz elektroniği çözümleri tasarlıyor ve uyguluyoruz.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-lighthouse-beautiful-cloud-sky_181624-11347.jpg?_wi=1",
-          imageAlt: "Mesmerizing view of the boat in the calm sea on a foggy day",
-        },
       ]}
       title="Kapsamlı Deniz Elektroniği Çözümleri"
       description="Her türlü deniz taşıtının ihtiyacına uygun, Balık Bulucu Sistemlerinden GMDSS'e kadar geniş bir yelpazede ürün ve servis sunuyoruz."
@@ -137,19 +101,53 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="samyung-products" data-section="samyung-products">
+    <ProductCardThree
+      title="SAMYUNG ENC Navigasyon ve İletişim Sistemleri"
+      description="Denizdeki güvenliğiniz ve kesintisiz iletişiminiz için Samyung ENC'nin ileri teknoloji ürünleri."
+      tag="Ürün Portföyümüz"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      products={[
+        {
+          id: "str-6000a",          name: "Samyung STR-6000A Deniz VHF Telsiz (GMDSS)",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/boat-navigation-at-night_23-2149021876.jpg?_wi=1",          imageAlt: "Samyung STR-6000A Deniz VHF Telsiz",          priceButtonProps: { text: "Fiyat Teklifi Al", href: "/iletisim" }
+        },
+        {
+          id: "snx-300",          name: "Samyung SNX-300 Navtex Alıcı",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/boat-navigation-at-night_23-2149021876.jpg?_wi=2",          imageAlt: "Samyung SNX-300 Navtex Alıcı",          priceButtonProps: { text: "Fiyat Teklifi Al", href: "/iletisim" }
+        },
+        {
+          id: "ais-50n",          name: "Samyung AIS-50N Otomatik Tanımlama Sistemi (Class A/B)",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/boat-navigation-at-night_23-2149021876.jpg?_wi=3",          imageAlt: "Samyung AIS-50N Otomatik Tanımlama Sistemi",          priceButtonProps: { text: "Fiyat Teklifi Al", href: "/iletisim" }
+        },
+        {
+          id: "nf-500-700",          name: "Samyung NF-500/NF-700 GPS Harita Çizici",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/boat-navigation-at-night_23-2149021876.jpg?_wi=4",          imageAlt: "Samyung NF-500/NF-700 GPS Harita Çizici",          priceButtonProps: { text: "Fiyat Teklifi Al", href: "/iletisim" }
+        },
+        {
+          id: "spr-1400",          name: "Samyung SPR-1400 GPS Navigatör",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/boat-navigation-at-night_23-2149021876.jpg?_wi=5",          imageAlt: "Samyung SPR-1400 GPS Navigatör",          priceButtonProps: { text: "Fiyat Teklifi Al", href: "/iletisim" }
+        },
+        {
+          id: "sep-500-sar-9",          name: "Samyung SEP-500 EPIRB & SAR-9 SART Acil Durum Sistemleri",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/boat-navigation-at-night_23-2149021876.jpg?_wi=6",          imageAlt: "Samyung SEP-500 EPIRB & SAR-9 SART Acil Durum Sistemleri",          priceButtonProps: { text: "Fiyat Teklifi Al", href: "/iletisim" }
+        },
+        {
+          id: "autopilot",          name: "Samyung Otopilot Dümen Sistemleri",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/boat-navigation-at-night_23-2149021876.jpg?_wi=7",          imageAlt: "Samyung Otopilot Dümen Sistemleri",          priceButtonProps: { text: "Fiyat Teklifi Al", href: "/iletisim" }
+        }
+      ]}
+      gridVariant="uniform-all-items-equal"
+      animationType="slide-up"
+      cardClassName="bg-white text-gray-900 shadow-lg p-6 rounded-lg flex flex-col justify-between"
+      className="bg-[#0A2540] text-white"
+      textBoxClassName="text-white"
+      textBoxTitleClassName="text-white"
+      textBoxDescriptionClassName="text-white"
+      textBoxTagClassName="text-white"
+    />
+  </div>
+
   <div id="social-proof" data-section="social-proof">
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Deniz Feneri",
+        "Deniz Feneri",        "Okyanus Navigasyon",        "Mavi Derinlikler",        "Gemi Teknoloji",        "Yat Güvenliği",        "Küresel İletişim",        "Liman Çözümleri"]}
-        "Okyanus Navigasyon",
-        "Mavi Derinlikler",
-        "Gemi Teknoloji",
-        "Yat Güvenliği",
-        "Küresel İletişim",
-        "Liman Çözümleri",
-      ]}
       title="Sektör Liderleriyle İş Ortaklığı"
       description="GMDSS Distribütörü olarak, denizcilik sektörünün önde gelen firmalarıyla güçlü işbirlikleri kurduk."
       tag="Güvenilen Marka"
@@ -163,40 +161,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Can Yılmaz",          handle: "@mavi_kaptan",          testimonial: "Sonar Marine'den aldığım balık bulucu sistemiyle avcılık deneyimim tamamen değişti. Kurulum ve destek harikaydı!",          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg"},
-          name: "Can Yılmaz",
-          handle: "@mavi_kaptan",
-          testimonial: "Sonar Marine'den aldığım balık bulucu sistemiyle avcılık deneyimim tamamen değişti. Kurulum ve destek harikaydı!",
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Elif Demir",          handle: "@deniz_yolcusu",          testimonial: "GMDSS cihazlarımız için Sonar Marine'i tercih ettik. Hem ürün kalitesi hem de teknik servis ekibinin uzmanlığı bizi çok etkiledi.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-talking-phone_23-2149742954.jpg"},
-          name: "Elif Demir",
-          handle: "@deniz_yolcusu",
-          testimonial: "GMDSS cihazlarımız için Sonar Marine'i tercih ettik. Hem ürün kalitesi hem de teknik servis ekibinin uzmanlığı bizi çok etkiledi.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-talking-phone_23-2149742954.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Murat Akın",          handle: "@gemi_mühendisi",          testimonial: "Yedek parça tedarikindeki hızları ve teknik servis ekiplerinin çözüm odaklı yaklaşımları takdire şayan. Sonar Marine'e güvenebilirsiniz.",          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg"},
-          name: "Murat Akın",
-          handle: "@gemi_mühendisi",
-          testimonial: "Yedek parça tedarikindeki hızları ve teknik servis ekiplerinin çözüm odaklı yaklaşımları takdire şayan. Sonar Marine'e güvenebilirsiniz.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "Zeynep Kara",          handle: "@filo_yönetimi",          testimonial: "Filomuzdaki tüm gemilerin elektronik ihtiyaçları için Sonar Marine ile çalışıyoruz. Kapsamlı çözümleri ve hızlı yanıt süreleri paha biçilmez.",          imageSrc: "http://img.b2bpic.net/free-photo/successful-woman-with-laptop-smiling-looking-side_259150-56871.jpg"},
-          name: "Zeynep Kara",
-          handle: "@filo_yönetimi",
-          testimonial: "Filomuzdaki tüm gemilerin elektronik ihtiyaçları için Sonar Marine ile çalışıyoruz. Kapsamlı çözümleri ve hızlı yanıt süreleri paha biçilmez.",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-woman-with-laptop-smiling-looking-side_259150-56871.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Ahmet Çelik",          handle: "@ticari_kaptan",          testimonial: "EPIRB ve Navtex cihazlarımızı Sonar Marine'den temin ettik. Ürünlerin kalitesi ve sunulan garanti hizmeti bize büyük güven verdi.",          imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg"},
-          name: "Ahmet Çelik",
-          handle: "@ticari_kaptan",
-          testimonial: "EPIRB ve Navtex cihazlarımızı Sonar Marine'den temin ettik. Ürünlerin kalitesi ve sunulan garanti hizmeti bize büyük güven verdi.",
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-optimizing-data-center-equipment-maximum-efficiency_482257-117650.jpg",
-        },
       ]}
       title="Müşterilerimiz Bizim İçin Konuşuyor"
       description="Hizmet kalitemiz ve ürünlerimizin performansı, en büyük referansımızdır."
@@ -209,62 +182,37 @@ export default function LandingPage() {
       logoText="Sonar Marine"
       columns={[
         {
-          title: "Hizmetlerimiz",
+          title: "Hizmetlerimiz",          items: [
-          items: [
             {
-              label: "Balık Bulucu",
+              label: "Balık Bulucu",              href: "/urunler-hizmetler#fishfinder"},
-              href: "/urunler-hizmetler#fishfinder",
-            },
             {
-              label: "GMDSS Sistemleri",
+              label: "GMDSS Sistemleri",              href: "/urunler-hizmetler#gmdss"},
-              href: "/urunler-hizmetler#gmdss",
-            },
             {
-              label: "Teknik Servis",
+              label: "Teknik Servis",              href: "/urunler-hizmetler#servis"},
-              href: "/urunler-hizmetler#servis",
-            },
             {
-              label: "Yedek Parça",
+              label: "Yedek Parça",              href: "/urunler-hizmetler#yedek-parca"},
-              href: "/urunler-hizmetler#yedek-parca",
-            },
           ],
         },
         {
-          title: "Şirket",
+          title: "Şirket",          items: [
-          items: [
             {
-              label: "Hakkımızda",
+              label: "Hakkımızda",              href: "/hakkimizda"},
-              href: "/hakkimizda",
-            },
             {
-              label: "İletişim",
+              label: "İletişim",              href: "/iletisim"},
-              href: "/iletisim",
-            },
             {
-              label: "Kariyer",
+              label: "Kariyer",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Gizlilik Politikası",
+              label: "Gizlilik Politikası",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Sosyal Medya",
+          title: "Sosyal Medya",          items: [
-          items: [
             {
-              label: "LinkedIn",
+              label: "LinkedIn",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Facebook",
+              label: "Facebook",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Instagram",
+              label: "Instagram",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -274,4 +222,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/product-catalog/page.tsx

@@ -11,23 +11,23 @@ export default function ProductCatalogPage() {
   const products = [
     // Echo Sounders & Multi-Scan Sonars
     {
-      id: "echo-sounder-1",      name: "HONDEX HE-7700 Echo Sounder",      price: "€1,200",      variant: "Echo Sounders & Multi-Scan Sonars",      imageSrc: "https://placehold.co/400x300/0A2540/E0F2F7/png?text=HONDEX+HE-7700",      imageAlt: "HONDEX HE-7700 Echo Sounder"},
+      id: "echo-sounder-1",      name: "HONDEX HE-7700 Echo Sounder",      price: "€1,200",      variant: "Echo Sounders & Multi-Scan Sonars",      imageSrc: "https://images.unsplash.com/photo-1601618395279-3c72b5c531a7?q=80&w=1920&auto=format&fit=crop&_wi=1",      imageAlt: "HONDEX HE-7700 Echo Sounder - Fish finder display"},
     {
-      id: "multi-scan-sonar-1",      name: "HONDEX HS-1000 Multi-Scan Sonar",      price: "€4,500",      variant: "Echo Sounders & Multi-Scan Sonars",      imageSrc: "https://placehold.co/400x300/0A2540/E0F2F7/png?text=HONDEX+HS-1000",      imageAlt: "HONDEX HS-1000 Multi-Scan Sonar"},
+      id: "multi-scan-sonar-1",      name: "HONDEX HS-1000 Multi-Scan Sonar",      price: "€4,500",      variant: "Echo Sounders & Multi-Scan Sonars",      imageSrc: "https://images.unsplash.com/photo-1596700810332-6a682c0e86b2?q=80&w=1920&auto=format&fit=crop&_wi=1",      imageAlt: "HONDEX HS-1000 Multi-Scan Sonar - Sonar screen on a ship bridge"},
     {
-      id: "echo-sounder-2",      name: "HONDEX HE-9000 Pro Echo Sounder",      price: "€2,500",      variant: "Echo Sounders & Multi-Scan Sonars",      imageSrc: "https://placehold.co/400x300/0A2540/E0F2F7/png?text=HONDEX+HE-9000",      imageAlt: "HONDEX HE-9000 Pro Echo Sounder"},
+      id: "echo-sounder-2",      name: "HONDEX HE-9000 Pro Echo Sounder",      price: "€2,500",      variant: "Echo Sounders & Multi-Scan Sonars",      imageSrc: "https://images.unsplash.com/photo-1582239474720-3051d95015b0?q=80&w=1920&auto=format&fit=crop",      imageAlt: "HONDEX HE-9000 Pro Echo Sounder - Boat electronic screen"},
     // Combo Units
     {
-      id: "combo-unit-1",      name: "HONDEX HDX-12 Combo GPS/Sonar",      price: "€3,800",      variant: "Combo Units",      imageSrc: "https://placehold.co/400x300/0A2540/E0F2F7/png?text=HONDEX+HDX-12",      imageAlt: "HONDEX HDX-12 Combo GPS/Sonar"},
+      id: "combo-unit-1",      name: "HONDEX HDX-12 Combo GPS/Sonar",      price: "€3,800",      variant: "Combo Units",      imageSrc: "https://images.unsplash.com/photo-1627931390453-3b1a8f9f7a7d?q=80&w=1920&auto=format&fit=crop&_wi=1",      imageAlt: "HONDEX HDX-12 Combo GPS/Sonar - Marine radio with display"},
     {
-      id: "combo-unit-2",      name: "HONDEX HDX-9 Combo Fishfinder/Plotter",      price: "€2,900",      variant: "Combo Units",      imageSrc: "https://placehold.co/400x300/0A2540/E0F2F7/png?text=HONDEX+HDX-9",      imageAlt: "HONDEX HDX-9 Combo Fishfinder/Plotter"},
+      id: "combo-unit-2",      name: "HONDEX HDX-9 Combo Fishfinder/Plotter",      price: "€2,900",      variant: "Combo Units",      imageSrc: "https://images.unsplash.com/photo-1601618395279-3c72b5c531a7?q=80&w=1920&auto=format&fit=crop&_wi=2",      imageAlt: "HONDEX HDX-9 Combo Fishfinder/Plotter - Fish finder display"},
     // Transducers and Sensors
     {
-      id: "transducer-1",      name: "HONDEX 520-5MS Transducer",      price: "€650",      variant: "Transducers and Sensors",      imageSrc: "https://placehold.co/400x300/0A2540/E0F2F7/png?text=HONDEX+520-5MS",      imageAlt: "HONDEX 520-5MS Transducer"},
+      id: "transducer-1",      name: "HONDEX 520-5MS Transducer",      price: "€650",      variant: "Transducers and Sensors",      imageSrc: "https://images.unsplash.com/photo-1542470650-e7f0174e3001?q=80&w=1920&auto=format&fit=crop&_wi=1",      imageAlt: "HONDEX 520-5MS Transducer - Marine equipment"},
     {
-      id: "sensor-1",      name: "HONDEX Water Temperature Sensor",      price: "€150",      variant: "Transducers and Sensors",      imageSrc: "https://placehold.co/400x300/0A2540/E0F2F7/png?text=HONDEX+Temp+Sensor",      imageAlt: "HONDEX Water Temperature Sensor"},
+      id: "sensor-1",      name: "HONDEX Water Temperature Sensor",      price: "€150",      variant: "Transducers and Sensors",      imageSrc: "https://images.unsplash.com/photo-1558913926-d98c30d3d5f9?q=80&w=1920&auto=format&fit=crop",      imageAlt: "HONDEX Water Temperature Sensor - Weather sensor"},
     {
-      id: "transducer-2",      name: "HONDEX T-80 High-Frequency Transducer",      price: "€900",      variant: "Transducers and Sensors",      imageSrc: "https://placehold.co/400x300/0A2540/E0F2F7/png?text=HONDEX+T-80",      imageAlt: "HONDEX T-80 High-Frequency Transducer"}
+      id: "transducer-2",      name: "HONDEX T-80 High-Frequency Transducer",      price: "€900",      variant: "Transducers and Sensors",      imageSrc: "https://images.unsplash.com/photo-1542470650-e7f0174e3001?q=80&w=1920&auto=format&fit=crop&_wi=2",      imageAlt: "HONDEX T-80 High-Frequency Transducer - Marine equipment"}
   ];
 
   const navItems = [

src/app/styles/variables.css

@@ -10,9 +10,9 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #0A2540;
-  --card: #f8faff;
+  --card: #ffffff;
-  --foreground: #0A2540;
+  --foreground: #e2e8f0;
   --primary-cta: #007bff;
   --primary-cta-text: #ffffff;
   --secondary-cta: #f0f8ff;

src/app/urunler-hizmetler/page.tsx

@@ -2,13 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import { Award, Shield, Sparkles } from "lucide-react";
 
-export default function LandingPage() {
+export default function UrunlerHizmetlerPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -23,225 +21,106 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={[
-        {
+              {
-          name: "Ana Sayfa",
+                name: "Ana Sayfa",                id: "/"},
-          id: "/",
+              {
-        },
+                name: "Hakkımızda",                id: "/hakkimizda"},
-        {
+              {
-          name: "Hakkımızda",
+                name: "Ürünler ve Hizmetler",                id: "/urunler-hizmetler"},
-          id: "/hakkimizda",
+              {
-        },
+                name: "İletişim",                id: "/iletisim"},
-        {
+            ]}
-          name: "Ürünler ve Hizmetler",
+            brandName="Sonar Marine"
-          id: "/urunler-hizmetler",
+          />
-        },
+        </div>
-        {
-          name: "İletişim",
-          id: "/iletisim",
-        },
-      ]}
-      brandName="Sonar Marine"
-    />
-  </div>
 
-  <div id="products-grid" data-section="products-grid">
+        <div id="hondex-marine-systems" data-section="hondex-marine-systems">
-      <ProductCardThree
+          <ProductCardThree
-      animationType="slide-up"
+            title="HONDEX Marine Sistemleri"
-      textboxLayout="default"
+            description="Denizcilik sektörünün lider markası HONDEX'in en yeni balık bulucu, sonar ve navigasyon sistemleri."
-      gridVariant="four-items-2x2-equal-grid"
+            tag="Denizde Teknoloji"
-      useInvertedBackground={true}
+            textboxLayout="default"
-      products={[
+            useInvertedBackground={false}
-        {
+            animationType="slide-up"
-          id: "p1",
+            gridVariant="uniform-all-items-equal"
-          name: "Balık Bulucu Sistemleri",
+            uniformGridCustomHeightClasses="min-h-[400px]"
-          price: "Fiyat Teklifi Alın",
+            cardClassName="!bg-white !text-black !shadow-none !border-none p-4 rounded-xl"
-          imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603018.jpg?_wi=2",
+            products={[
-          imageAlt: "Modern balık bulucu sonar ekranı",
+              {
-        },
+                id: "hondex-he-881",                name: "Hondex HE-881 Profesyonel Balık Bulucu",                price: "", 
-        {
+                imageSrc: "http://img.b2bpic.net/free-photo/ship-radar-displays-marine-navigation_23-2150824707.jpg?w=800&h=600&q=80",                imageAlt: "Hondex HE-881 Profesyonel Balık Bulucu",                priceButtonProps: {
-          id: "p2",
+                  text: "Fiyat Teklifi Al",                  className: "!bg-blue-600 hover:!bg-blue-700 !text-white !font-semibold"
-          name: "VHF & SART Telsiz Sistemleri",
+                }
-          price: "Fiyat Teklifi Alın",
+              },
-          imageSrc: "http://img.b2bpic.net/free-photo/orange-paddleboats-by-pier-calm-lake-captured-foggy-winter-day_181624-28125.jpg?_wi=2",
+              {
-          imageAlt: "VHF telsiz ve SART cihazları",
+                id: "hondex-he-773-di",                name: "Hondex HE-773-Di Multi-Scan Sonar",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/modern-ship-bridge-interior-detail-panel_23-2149405626.jpg?w=800&h=600&q=80",                imageAlt: "Hondex HE-773-Di Multi-Scan Sonar",                priceButtonProps: {
-        },
+                  text: "Fiyat Teklifi Al",                  className: "!bg-blue-600 hover:!bg-blue-700 !text-white !font-semibold"
-        {
+                }
-          id: "p3",
+              },
-          name: "EPIRB & Navtex Cihazları",
+              {
-          price: "Fiyat Teklifi Alın",
+                id: "hdx-121",                name: "HDX-121 Echo Sounder/GPS Plotter Combo",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/fisherman-hand-holding-fishfinder-close-up_23-2151624835.jpg?w=800&h=600&q=80",                imageAlt: "HDX-121 Echo Sounder/GPS Plotter Combo",                priceButtonProps: {
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-lighthouse-beautiful-cloud-sky_181624-11347.jpg?_wi=2",
+                  text: "Fiyat Teklifi Al",                  className: "!bg-blue-600 hover:!bg-blue-700 !text-white !font-semibold"
-          imageAlt: "EPIRB ve Navtex cihazları",
+                }
-        },
+              },
-        {
+              {
-          id: "p4",
+                id: "he-1270",                name: "Hondex HE-1270 Yüksek Güçlü Balık Bulucu",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/sonar-screens_23-2149455353.jpg?w=800&h=600&q=80",                imageAlt: "Hondex HE-1270 Yüksek Güçlü Balık Bulucu",                priceButtonProps: {
-          name: "Yat & Gemi Teknik Servis",
+                  text: "Fiyat Teklifi Al",                  className: "!bg-blue-600 hover:!bg-blue-700 !text-white !font-semibold"
-          price: "Fiyat Teklifi Alın",
+                }
-          imageSrc: "http://img.b2bpic.net/free-photo/team-leader-reads-inspection-data-files-solar-plant-machinery-parameters_482257-117853.jpg",
+              },
-          imageAlt: "Deniz elektroniği teknisyeni",
+              {
-        },
+                id: "hondex-transducers",                name: "Hondex Transdüserler & Sıcaklık Sensörleri (TD29/TD28)",                price: "",                imageSrc: "http://img.b2bpic.net/free-photo/depth-finder-display_23-2150242403.jpg?w=800&h=600&q=80",                imageAlt: "Hondex Transdüserler & Sıcaklık Sensörleri",                priceButtonProps: {
-        {
+                  text: "Fiyat Teklifi Al",                  className: "!bg-blue-600 hover:!bg-blue-700 !text-white !font-semibold"
-          id: "p5",
+                }
-          name: "Gemi Otomasyon Sistemleri",
+              }
-          price: "Fiyat Teklifi Alın",
+            ]}
-          imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828182.jpg",
+          />
-          imageAlt: "Gemi otomasyon sistemleri kontrol paneli",
+        </div>
-        },
-        {
-          id: "p6",
-          name: "Seyir ve Radar Sistemleri",
-          price: "Fiyat Teklifi Alın",
-          imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828185.jpg",
-          imageAlt: "Gelişmiş seyir ve radar sistemleri",
-        },
-      ]}
-      title="Gelişmiş Deniz Teknolojileri"
-      description="Yatınız veya geminiz için en güvenilir ve yüksek performanslı çözümleri keşfedin."
-      tag="Ürün ve Hizmetlerimiz"
-    />
-  </div>
 
-  <div id="service-packages" data-section="service-packages">
+        <div id="footer" data-section="footer">
-      <PricingCardThree
+          <FooterBaseReveal
-      animationType="slide-up"
+            logoText="Sonar Marine"
-      textboxLayout="default"
+            columns={[
-      useInvertedBackground={false}
+              {
-      plans={[
+                title: "Hizmetlerimiz",                items: [
-        {
+                  {
-          id: "basic-package",
+                    label: "Balık Bulucu",                    href: "/urunler-hizmetler#fishfinder"},
-          name: "Temel Denizci Paketi",
+                  {
-          price: "Danışınız",
+                    label: "GMDSS Sistemleri",                    href: "/urunler-hizmetler#gmdss"},
-          buttons: [
+                  {
-            {
+                    label: "Teknik Servis",                    href: "/urunler-hizmetler#servis"},
-              text: "Teklif Alın",
+                  {
-              href: "/iletisim",
+                    label: "Yedek Parça",                    href: "/urunler-hizmetler#yedek-parca"},
-            },
+                ],
-          ],
+              },
-          features: [
+              {
-            "GMDSS Cihaz Bakımı",
+                title: "Şirket",                items: [
-            "1 Yıl Destek Garantisi",
+                  {
-            "Temel Arıza Tespiti",
+                    label: "Hakkımızda",                    href: "/hakkimizda"},
-            "Uzaktan Teknik Yardım",
+                  {
-          ],
+                    label: "İletişim",                    href: "/iletisim"},
-          badge: "Başlangıç",
+                  {
-          badgeIcon: Sparkles,
+                    label: "Kariyer",                    href: "#"},
-        },
+                  {
-        {
+                    label: "Gizlilik Politikası",                    href: "#"},
-          id: "pro-package",
+                ],
-          name: "Profesyonel Filo Paketi",
+              },
-          price: "Danışınız",
+              {
-          buttons: [
+                title: "Sosyal Medya",                items: [
-            {
+                  {
-              text: "Teklif Alın",
+                    label: "LinkedIn",                    href: "#"},
-              href: "/iletisim",
+                  {
-            },
+                    label: "Facebook",                    href: "#"},
-          ],
+                  {
-          features: [
+                    label: "Instagram",                    href: "#"},
-            "Tüm GMDSS Cihaz Bakımları",
+                ],
-            "3 Yıl Destek Garantisi",
+              },
-            "Gelişmiş Arıza Tespiti",
+            ]}
-            "Öncelikli Yerinde Servis",
+            copyrightText="© 2024 Sonar Marine. Tüm Hakları Saklıdır."
-            "Yedek Parça İndirimi",
+          />
-          ],
+        </div>
-          badge: "En Popüler",
-          badgeIcon: Award,
-        },
-        {
-          id: "enterprise-package",
-          name: "Kurumsal Çözümler",
-          price: "Danışınız",
-          buttons: [
-            {
-              text: "Teklif Alın",
-              href: "/iletisim",
-            },
-          ],
-          features: [
-            "Özelleştirilmiş Sistem Entegrasyonu",
-            "5 Yıl Genişletilmiş Garanti",
-            "7/24 Acil Destek",
-            "Filo Yönetim Danışmanlığı",
-            "Eğitim ve Sertifikasyon",
-          ],
-          badge: "Kurumsal",
-          badgeIcon: Shield,
-        },
-      ]}
-      title="İhtiyaçlarınıza Özel Paketler"
-      description="Denizcilikteki her ihtiyacınız için esnek ve kapsamlı hizmet paketlerimizden birini seçin."
-      tag="Çözüm Paketleri"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Sonar Marine"
-      columns={[
-        {
-          title: "Hizmetlerimiz",
-          items: [
-            {
-              label: "Balık Bulucu",
-              href: "/urunler-hizmetler#fishfinder",
-            },
-            {
-              label: "GMDSS Sistemleri",
-              href: "/urunler-hizmetler#gmdss",
-            },
-            {
-              label: "Teknik Servis",
-              href: "/urunler-hizmetler#servis",
-            },
-            {
-              label: "Yedek Parça",
-              href: "/urunler-hizmetler#yedek-parca",
-            },
-          ],
-        },
-        {
-          title: "Şirket",
-          items: [
-            {
-              label: "Hakkımızda",
-              href: "/hakkimizda",
-            },
-            {
-              label: "İletişim",
-              href: "/iletisim",
-            },
-            {
-              label: "Kariyer",
-              href: "#",
-            },
-            {
-              label: "Gizlilik Politikası",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Sosyal Medya",
-          items: [
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-            {
-              label: "Instagram",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Sonar Marine. Tüm Hakları Saklıdır."
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );