Merge version_2 into main #1
159
src/app/products/page.tsx
Normal file
159
src/app/products/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user