2026-06-09 15:22:11 +00:00
1 changed files with 141 additions and 0 deletions
--- a/src/app/product-catalog/page.tsx
+++ b/src/app/product-catalog/page.tsx
@@ -0,0 +1,141 @@
+"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://placehold.co/400x300/0A2540/E0F2F7/png?text=HONDEX+HE-7700",      imageAlt: "HONDEX HE-7700 Echo Sounder"},
+    {
+      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: "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"},
+    // 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-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"},
+    // 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: "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: "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"}
+  ];
+
+  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}
+            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>
+  );
+}