Update src/app/urunler-hizmetler/page.tsx

Merge version_2 into main

src/app/product-catalog/page.tsx

@@ -0,0 +1,142 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+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://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://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://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://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://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://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://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://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 = [
+    {
+      name: "Ana Sayfa",      id: "/"},
+    {
+      name: "Hakkımızda",      id: "/hakkimizda"},
+    {
+      name: "Ürün Kataloğu",      id: "/product-catalog"},
+    {
+      name: "İletişim",      id: "/iletisim"},
+  ];
+
+  const footerColumns = [
+    {
+      title: "Hizmetlerimiz",      items: [
+        {
+          label: "Balık Bulucu",          href: "/product-catalog#echo-sounders"},
+        {
+          label: "GMDSS Sistemleri",          href: "/urunler-hizmetler#gmdss"},
+        {
+          label: "Teknik Servis",          href: "/urunler-hizmetler#servis"},
+        {
+          label: "Yedek Parça",          href: "/product-catalog#transducers-sensors"},
+      ],
+    },
+    {
+      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: "#"},
+      ],
+    },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="large"
+        background="blurBottom"
+        cardStyle="gradient-bordered"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={navItems} brandName="Sonar Marine" />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardScroll
+            background={{
+              variant: "downward-rays-animated"}}
+            title="HONDEX Profesyonel Balık Bulucu ve Sonar Sistemleri"
+            description="Denizcilik sektörünün lider markası HONDEX'in en yeni eko sondaj ve çoklu tarama sonar sistemlerini keşfedin. Güvenilir ve yüksek performanslı çözümlerle avcılık ve navigasyon deneyiminizi dönüştürün."
+            tag="HONDEX Kataloğu"
+            tagAnimation="slide-up"
+            buttons={[
+              {
+                text: "Tüm Ürünleri İncele",                href: "#product-grid"},
+              {
+                text: "Destek Alın",                href: "/iletisim"},
+            ]}
+            buttonAnimation="slide-up"
+            imageSrc="https://images.unsplash.com/photo-1549497523-d7373f778a46?q=80&w=2670&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
+            imageAlt="HONDEX Sonar Ekranında Balık Sürüsü Görüntüsü"
+          />
+        </div>
+
+        <div id="product-grid" data-section="product-grid">
+          <ProductCardFour
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
+            title="HONDEX Ürün Kataloğu"
+            description="HONDEX'in yenilikçi eko sondaj, çoklu tarama sonar, kombo üniteler, dönüştürücüler ve sensörler kategorilerindeki profesyonel denizcilik ürünleri."
+            tag="Ürünler"
+            products={products}
+            textboxLayout="default"
+            useInvertedBackground={true}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Sonar Marine"
+            columns={footerColumns}
+            copyrightText="© 2024 Sonar Marine. Tüm Hakları Saklıdır."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/urunler-hizmetler/page.tsx

@@ -27,21 +27,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Ana Sayfa",
-          id: "/",
-        },
+          name: "Ana Sayfa",          id: "/"},
         {
-          name: "Hakkımızda",
-          id: "/hakkimizda",
-        },
+          name: "Hakkımızda",          id: "/hakkimizda"},
         {
-          name: "Ürünler ve Hizmetler",
-          id: "/urunler-hizmetler",
-        },
+          name: "Ürünler ve Hizmetler",          id: "/urunler-hizmetler"},
         {
-          name: "İletişim",
-          id: "/iletisim",
-        },
+          name: "İletişim",          id: "/iletisim"},
       ]}
       brandName="Sonar Marine"
     />
@@ -55,47 +47,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Balık Bulucu Sistemleri",
-          price: "Fiyat Teklifi Alın",
-          imageSrc: "http://img.b2bpic.net/free-photo/half-whale-half-robot-fantasy-style_23-2151603018.jpg?_wi=2",
-          imageAlt: "Modern balık bulucu sonar ekranı",
-        },
+          id: "p1",          name: "Balık Bulucu Sistemleri",          price: "Fiyat Teklifi Alın",          imageSrc: "https://images.unsplash.com/photo-1601618395279-3c72b5c531a7?q=80&w=1920&auto=format&fit=crop&_wi=3",          imageAlt: "Modern balık bulucu sonar ekranı"},
         {
-          id: "p2",
-          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: "p2",          name: "VHF & SART Telsiz Sistemleri",          price: "Fiyat Teklifi Alın",          imageSrc: "https://images.unsplash.com/photo-1627931390453-3b1a8f9f7a7d?q=80&w=1920&auto=format&fit=crop&_wi=2",          imageAlt: "VHF telsiz ve SART cihazları"},
         {
-          id: "p3",
-          name: "EPIRB & Navtex Cihazları",
-          price: "Fiyat Teklifi Alın",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-lighthouse-beautiful-cloud-sky_181624-11347.jpg?_wi=2",
-          imageAlt: "EPIRB ve Navtex cihazları",
-        },
+          id: "p3",          name: "EPIRB & Navtex Cihazları",          price: "Fiyat Teklifi Alın",          imageSrc: "https://images.unsplash.com/photo-1580971936551-789a42e56673?q=80&w=1920&auto=format&fit=crop",          imageAlt: "EPIRB ve Navtex cihazları"},
         {
-          id: "p4",
-          name: "Yat & Gemi Teknik Servis",
-          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: "p4",          name: "Yat & Gemi Teknik Servis",          price: "Fiyat Teklifi Alın",          imageSrc: "https://images.unsplash.com/photo-1621251390310-4f513d6a2f3f?q=80&w=1920&auto=format&fit=crop",          imageAlt: "Deniz elektroniği teknisyeni"},
         {
-          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",
-        },
+          id: "p5",          name: "Gemi Otomasyon Sistemleri",          price: "Fiyat Teklifi Alın",          imageSrc: "https://images.unsplash.com/photo-1544372956-62ce9d0b818c?q=80&w=1920&auto=format&fit=crop",          imageAlt: "Gemi otomasyon sistemleri kontrol paneli"},
         {
-          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",
-        },
+          id: "p6",          name: "Seyir ve Radar Sistemleri",          price: "Fiyat Teklifi Alın",          imageSrc: "https://images.unsplash.com/photo-1596700810332-6a682c0e86b2?q=80&w=1920&auto=format&fit=crop&_wi=2",          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."
@@ -110,63 +72,31 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic-package",
-          name: "Temel Denizci Paketi",
-          price: "Danışınız",
-          buttons: [
+          id: "basic-package",          name: "Temel Denizci Paketi",          price: "Danışınız",          buttons: [
             {
-              text: "Teklif Alın",
-              href: "/iletisim",
-            },
+              text: "Teklif Alın",              href: "/iletisim"},
           ],
           features: [
-            "GMDSS Cihaz Bakımı",
-            "1 Yıl Destek Garantisi",
-            "Temel Arıza Tespiti",
-            "Uzaktan Teknik Yardım",
-          ],
-          badge: "Başlangıç",
-          badgeIcon: Sparkles,
+            "GMDSS Cihaz Bakımı",            "1 Yıl Destek Garantisi",            "Temel Arıza Tespiti",            "Uzaktan Teknik Yardım"],
+          badge: "Başlangıç",          badgeIcon: Sparkles,
         },
         {
-          id: "pro-package",
-          name: "Profesyonel Filo Paketi",
-          price: "Danışınız",
-          buttons: [
+          id: "pro-package",          name: "Profesyonel Filo Paketi",          price: "Danışınız",          buttons: [
             {
-              text: "Teklif Alın",
-              href: "/iletisim",
-            },
+              text: "Teklif Alın",              href: "/iletisim"},
           ],
           features: [
-            "Tüm GMDSS Cihaz Bakımları",
-            "3 Yıl Destek Garantisi",
-            "Gelişmiş Arıza Tespiti",
-            "Öncelikli Yerinde Servis",
-            "Yedek Parça İndirimi",
-          ],
-          badge: "En Popüler",
-          badgeIcon: Award,
+            "Tüm GMDSS Cihaz Bakımları",            "3 Yıl Destek Garantisi",            "Gelişmiş Arıza Tespiti",            "Öncelikli Yerinde Servis",            "Yedek Parça İndirimi"],
+          badge: "En Popüler",          badgeIcon: Award,
         },
         {
-          id: "enterprise-package",
-          name: "Kurumsal Çözümler",
-          price: "Danışınız",
-          buttons: [
+          id: "enterprise-package",          name: "Kurumsal Çözümler",          price: "Danışınız",          buttons: [
             {
-              text: "Teklif Alın",
-              href: "/iletisim",
-            },
+              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,
+            "Ö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"
@@ -180,62 +110,37 @@ export default function LandingPage() {
       logoText="Sonar Marine"
       columns={[
         {
-          title: "Hizmetlerimiz",
-          items: [
+          title: "Hizmetlerimiz",          items: [
             {
-              label: "Balık Bulucu",
-              href: "/urunler-hizmetler#fishfinder",
-            },
+              label: "Balık Bulucu",              href: "/urunler-hizmetler#fishfinder"},
             {
-              label: "GMDSS Sistemleri",
-              href: "/urunler-hizmetler#gmdss",
-            },
+              label: "GMDSS Sistemleri",              href: "/urunler-hizmetler#gmdss"},
             {
-              label: "Teknik Servis",
-              href: "/urunler-hizmetler#servis",
-            },
+              label: "Teknik Servis",              href: "/urunler-hizmetler#servis"},
             {
-              label: "Yedek Parça",
-              href: "/urunler-hizmetler#yedek-parca",
-            },
+              label: "Yedek Parça",              href: "/urunler-hizmetler#yedek-parca"},
           ],
         },
         {
-          title: "Şirket",
-          items: [
+          title: "Şirket",          items: [
             {
-              label: "Hakkımızda",
-              href: "/hakkimizda",
-            },
+              label: "Hakkımızda",              href: "/hakkimizda"},
             {
-              label: "İletişim",
-              href: "/iletisim",
-            },
+              label: "İletişim",              href: "/iletisim"},
             {
-              label: "Kariyer",
-              href: "#",
-            },
+              label: "Kariyer",              href: "#"},
             {
-              label: "Gizlilik Politikası",
-              href: "#",
-            },
+              label: "Gizlilik Politikası",              href: "#"},
           ],
         },
         {
-          title: "Sosyal Medya",
-          items: [
+          title: "Sosyal Medya",          items: [
             {
-              label: "LinkedIn",
-              href: "#",
-            },
+              label: "LinkedIn",              href: "#"},
             {
-              label: "Facebook",
-              href: "#",
-            },
+              label: "Facebook",              href: "#"},
             {
-              label: "Instagram",
-              href: "#",
-            },
+              label: "Instagram",              href: "#"},
           ],
         },
       ]}