From e786d38fbedfbdf9346fe2703bcef9c69378649d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 9 Jun 2026 16:11:06 +0000
Subject: [PATCH] Add src/app/products/page.tsx

---
 src/app/products/page.tsx | 159 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 159 insertions(+)
 create mode 100644 src/app/products/page.tsx

diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
new file mode 100644
index 0000000..fef40f9
--- /dev/null
+++ b/src/app/products/page.tsx
@@ -0,0 +1,159 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterBase from '@/components/sections/footer/FooterBase';
+
+export default function ProductsPage() {
+  const productsData = [
+    {
+      id: "prod-1",      name: "Imperial Cities Grand Tour",      price: "From $2,500",      imageSrc: "http://img.b2bpic.net/free-photo/travel-culture-lamp-africa-pictures_1203-3936.jpg",      imageAlt: "Jemaa el-Fna square in Marrakech"},
+    {
+      id: "prod-2",      name: "Luxury Sahara Desert Escape",      price: "From $1,800",      imageSrc: "http://img.b2bpic.net/free-photo/male-camping-tent-with-binocular_23-2148622652.jpg",      imageAlt: "Luxury tented camp in the Sahara Desert"},
+    {
+      id: "prod-3",      name: "Fes & Chefchaouen Cultural Immersion",      price: "From $1,500",      imageSrc: "http://img.b2bpic.net/free-photo/patient-woman-doing-pottery_23-2151709072.jpg",      imageAlt: "Historic Chouara Tannery in Fes"},
+    {
+      id: "prod-4",      name: "Atlas Mountains Adventure",      price: "From $1,200",      imageSrc: "http://img.b2bpic.net/free-photo/wooden-wheels-ship-lie-floor-before-wooden-chest_1304-3694.jpg",      imageAlt: "Berber village in the Atlas Mountains"},
+    {
+      id: "prod-5",      name: "Coastal Charms & Casablanca",      price: "From $1,600",      imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-volvo-zone-alicante-spain_181624-57759.jpg",      imageAlt: "Hassan II Mosque in Casablanca"},
+    {
+      id: "prod-6",      name: "Blue City Discovery Tour",      price: "From $900",      imageSrc: "http://img.b2bpic.net/free-photo/landscape-mountains-bushes_181624-16820.jpg",      imageAlt: "Blue streets of Chefchaouen"},
+    {
+      id: "prod-7",      name: "Ouarzazate & Desert Kasbahs",      price: "From $1,100",      imageSrc: "http://img.b2bpic.net/free-photo/sand-dunes-desert-landscape-background_1304-3011.jpg",      imageAlt: "Kasbah Ait Benhaddou"},
+    {
+      id: "prod-8",      name: "Essaouira Coastal Retreat",      price: "From $700",      imageSrc: "http://img.b2bpic.net/free-photo/fishing-boats-harbor_1400-11111.jpg",      imageAlt: "Essaouira fishing port"},
+  ];
+
+  const navbarNavItems = [
+    {
+      name: "Home",      id: "/"
+    },
+    {
+      name: "About",      id: "/#about"
+    },
+    {
+      name: "Services",      id: "/#services"
+    },
+    {
+      name: "Products",      id: "/products"
+    },
+    {
+      name: "Testimonials",      id: "/#testimonials"
+    },
+    {
+      name: "Partners",      id: "/#partners"
+    },
+    {
+      name: "Impact",      id: "/#impact"
+    },
+    {
+      name: "FAQs",      id: "/#faqs"
+    },
+    {
+      name: "Contact",      id: "/#contact"
+    },
+  ];
+
+  const footerColumns = [
+    {
+      title: "Explore",      items: [
+        {
+          label: "Home",          href: "/"
+        },
+        {
+          label: "About Us",          href: "/#about"
+        },
+        {
+          label: "Services",          href: "/#services"
+        },
+        {
+          label: "Products",          href: "/products"
+        },
+      ],
+    },
+    {
+      title: "Support",      items: [
+        {
+          label: "Contact",          href: "/#contact"
+        },
+        {
+          label: "FAQs",          href: "/#faqs"
+        },
+        {
+          label: "Privacy Policy",          href: "#"
+        },
+        {
+          label: "Terms of Service",          href: "#"
+        },
+      ],
+    },
+    {
+      title: "Connect",      items: [
+        {
+          label: "LinkedIn",          href: "https://linkedin.com/company/morocco-expeditions"
+        },
+        {
+          label: "Instagram",          href: "https://instagram.com/moroccoexpeditions"
+        },
+        {
+          label: "Facebook",          href: "https://facebook.com/moroccoexpeditions"
+        },
+        {
+          label: "Email Us",          href: "mailto:info@moroccoexpeditions.com"
+        },
+      ],
+    },
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="small"
+        sizing="largeSizeMediumTitles"
+        background="aurora"
+        cardStyle="outline"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="radial-glow"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={navbarNavItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d0hc2o"
+            logoAlt="Morocco Expeditions Logo"
+            brandName="Morocco Expeditions"
+            button={{
+              text: "Plan Your Trip",              href: "/#contact"}}
+          />
+        </div>
+
+        <div id="products-gallery" data-section="products-gallery">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={productsData}
+            title="Discover Our Exclusive Moroccan Journeys"
+            description="Explore our curated selection of tours and experiences, designed for every adventurer and cultural enthusiast."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={footerColumns}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d0hc2o"
+            logoAlt="Morocco Expeditions Logo"
+            logoText="Morocco Expeditions"
+            copyrightText="© 2024 Morocco Expeditions. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1