Merge version_2 into main #2
@@ -3,13 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Instagram } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -24,213 +22,83 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Morocco Tours",
|
||||
id: "/tours",
|
||||
},
|
||||
{
|
||||
name: "Day Trips",
|
||||
id: "/daytrips",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Morocco Wonder Travel"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Morocco Tours", id: "/tours" },
|
||||
{ name: "Day Trips", id: "/daytrips" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Morocco Wonder Travel"
|
||||
button={{
|
||||
text: "Book Now", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-full" data-section="about-full">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Unforgettable Moroccan Journeys Since 2025"
|
||||
description={[
|
||||
"Morocco Wonder Travel was founded with a deep love for Morocco and a vision to share its unparalleled beauty and rich cultural tapestry with the world. Since our inception in 2025, we have been dedicated to curating authentic, immersive, and truly memorable travel experiences.",
|
||||
"Our philosophy is simple: every traveler deserves a journey that resonates with their spirit. We pride ourselves on our attention to detail, personalized service, and commitment to sustainable tourism practices. Our team of local experts brings a wealth of knowledge and passion, ensuring that from your first inquiry to your departure, every aspect of your trip is handled with care and professionalism.",
|
||||
"We offer a diverse range of tours, from thrilling desert adventures and majestic mountain treks to captivating cultural explorations of ancient cities and serene coastal escapes. Join us and discover Morocco through the eyes of those who know it best.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
title="About Morocco Wonder Travel"
|
||||
description="Learn more about our passion for Morocco and our commitment to crafting unique and unforgettable travel experiences."
|
||||
buttons={[
|
||||
{ text: "Explore Tours", href: "/tours" },
|
||||
{ text: "Contact Us", href: "/contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-city-fez-morocco_1203-2475.jpg"
|
||||
imageAlt="View of Fez city in Morocco"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="our-team" data-section="our-team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "member1",
|
||||
name: "Ahmed Benali",
|
||||
role: "Founder & Lead Guide",
|
||||
description: "With over 15 years of experience, Ahmed's knowledge of Morocco is unparalleled. He's passionate about showcasing hidden gems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-travel-agent_23-2150455580.jpg",
|
||||
imageAlt: "Ahmed Benali, Founder & Lead Guide",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "https://www.instagram.com/morocco_wonder_travel",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "member2",
|
||||
name: "Fatima Zahra",
|
||||
role: "Tour Coordinator",
|
||||
description: "Fatima ensures every detail of your trip runs smoothly, from logistics to personalized itineraries.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-female-executive-working-her-desk_1170-1941.jpg",
|
||||
imageAlt: "Fatima Zahra, Tour Coordinator",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "https://www.instagram.com/morocco_wonder_travel",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "member3",
|
||||
name: "Youssef El Amrani",
|
||||
role: "Customer Relations",
|
||||
description: "Youssef is your go-to for any questions, providing friendly support and expert advice in multiple languages.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769997.jpg",
|
||||
imageAlt: "Youssef El Amrani, Customer Relations",
|
||||
socialLinks: [
|
||||
{
|
||||
icon: Instagram,
|
||||
url: "https://www.instagram.com/morocco_wonder_travel",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Meet Our Dedicated Team"
|
||||
description="Passionate experts committed to making your Moroccan adventure exceptional."
|
||||
/>
|
||||
</div>
|
||||
<div id="about-content" data-section="about-content">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story & Mission"
|
||||
description={[
|
||||
"Morocco Wonder Travel was founded with a simple yet profound vision: to share the unparalleled beauty, rich history, and vibrant culture of Morocco with the world. We believe that travel is not just about visiting places, but about experiencing them, connecting with locals, and creating lasting memories.", "Our team of passionate travel experts and local guides are dedicated to designing personalized itineraries that go beyond the ordinary. From the moment you contact us until your departure, we ensure every detail is handled with care, offering you an authentic and seamless Moroccan adventure. We are committed to sustainable tourism, supporting local communities, and preserving the natural and cultural heritage of this incredible country."]}
|
||||
buttons={[
|
||||
{ text: "Our Tours", href: "/tours" },
|
||||
{ text: "Get in Touch", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "metric1",
|
||||
value: "25+",
|
||||
description: "Unique Destinations Explored",
|
||||
},
|
||||
{
|
||||
id: "metric2",
|
||||
value: "98%",
|
||||
description: "Customer Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
id: "metric3",
|
||||
value: "1500+",
|
||||
description: "Happy Travelers Served",
|
||||
},
|
||||
]}
|
||||
title="Our Impact & Milestones"
|
||||
description="Celebrating our journey and achievements in delivering exceptional travel experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Morocco Tours",
|
||||
href: "/tours",
|
||||
},
|
||||
{
|
||||
label: "Day Trips",
|
||||
href: "/daytrips",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Tours",
|
||||
items: [
|
||||
{
|
||||
label: "Desert Expeditions",
|
||||
href: "/tours#desert",
|
||||
},
|
||||
{
|
||||
label: "Imperial Cities",
|
||||
href: "/tours#cities",
|
||||
},
|
||||
{
|
||||
label: "Atlas Mountains",
|
||||
href: "/tours#mountains",
|
||||
},
|
||||
{
|
||||
label: "Coastal Escapes",
|
||||
href: "/tours#coast",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us",
|
||||
items: [
|
||||
{
|
||||
label: "+212 771 33 02 07",
|
||||
href: "tel:+212771330207",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/212771330207",
|
||||
},
|
||||
{
|
||||
label: "info.moroccowondertravel@gmail.com",
|
||||
href: "mailto:info.moroccowondertravel@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "Marrakech, Morocco",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/morocco_wonder_travel",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Morocco Wonder Travel"
|
||||
copyrightText="© 2025 Morocco Wonder Travel | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Morocco Tours", href: "/tours" },
|
||||
{ label: "Day Trips", href: "/daytrips" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Tours", items: [
|
||||
{ label: "Desert Expeditions", href: "/tours" },
|
||||
{ label: "Imperial Cities", href: "/tours" },
|
||||
{ label: "Atlas Mountains", href: "/tours" },
|
||||
{ label: "Coastal Escapes", href: "/tours" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us", items: [
|
||||
{ label: "+212 771 33 02 07", href: "tel:+212771330207" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/212771330207" },
|
||||
{ label: "info.moroccowondertravel@gmail.com", href: "mailto:info.moroccowondertravel@gmail.com" },
|
||||
{ label: "Marrakech, Morocco", href: "#" },
|
||||
{ label: "Instagram", href: "https://www.instagram.com/morocco_wonder_travel" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Morocco Wonder Travel"
|
||||
copyrightText="© 2025 Morocco Wonder Travel | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -2,12 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import EmailSignupForm from '@/components/form/EmailSignupForm';
|
||||
|
||||
export default function ContactUsPage() {
|
||||
const handleFormSubmit = (email: string) => {
|
||||
alert(`Thank you for contacting us! We will respond to ${email} shortly.`);
|
||||
};
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -22,153 +26,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Morocco Tours",
|
||||
id: "/tours",
|
||||
},
|
||||
{
|
||||
name: "Day Trips",
|
||||
id: "/daytrips",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Morocco Wonder Travel"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Morocco Tours", id: "/tours"},
|
||||
{
|
||||
name: "Day Trips", id: "/daytrips"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Morocco Wonder Travel"
|
||||
button={{
|
||||
text: "Book Now", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-us" data-section="contact-us">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Let's Plan Your Moroccan Adventure!"
|
||||
description="Have questions or ready to book your dream trip? Reach out to us!"
|
||||
inputPlaceholder="Your Name & Email"
|
||||
buttonText="Send Message"
|
||||
termsText="By submitting, you agree to our privacy policy and terms of service."
|
||||
onSubmit={() => {}}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-hero" data-section="contact-hero">
|
||||
<ContactText
|
||||
text="Get in Touch with Morocco Wonder Travel"
|
||||
background={{
|
||||
variant: "downward-rays-static"}}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Now", href: "tel:+212771330207"},
|
||||
{
|
||||
text: "WhatsApp Us", href: "https://wa.me/212771330207"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-social-proof" data-section="contact-social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Marrakech Hotels",
|
||||
"Atlas Transport",
|
||||
"Desert Stays",
|
||||
"Food Tours Morocco",
|
||||
"Local Guides Guild",
|
||||
"Adventure Gear Co.",
|
||||
"Cultural Experiences",
|
||||
]}
|
||||
title="Our Network"
|
||||
description="Collaborating with leading hospitality and travel partners to enhance your journey."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact-form-section" data-section="contact-form-section" className="py-20 bg-background-accent">
|
||||
<div className="container mx-auto px-4 max-w-2xl text-center">
|
||||
<h2 className="text-4xl font-semibold mb-8 text-foreground">Send Us a Message</h2>
|
||||
<EmailSignupForm
|
||||
inputPlaceholder="Your Email"
|
||||
buttonText="Send Message"
|
||||
onSubmit={handleFormSubmit}
|
||||
className="mt-8"
|
||||
/>
|
||||
<p className="mt-8 text-lg text-foreground/80">
|
||||
Prefer to reach us directly? Email us at <a href="mailto:info.moroccowondertravel@gmail.com" className="text-primary-cta hover:underline">info.moroccowondertravel@gmail.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Morocco Tours",
|
||||
href: "/tours",
|
||||
},
|
||||
{
|
||||
label: "Day Trips",
|
||||
href: "/daytrips",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Tours",
|
||||
items: [
|
||||
{
|
||||
label: "Desert Expeditions",
|
||||
href: "/tours#desert",
|
||||
},
|
||||
{
|
||||
label: "Imperial Cities",
|
||||
href: "/tours#cities",
|
||||
},
|
||||
{
|
||||
label: "Atlas Mountains",
|
||||
href: "/tours#mountains",
|
||||
},
|
||||
{
|
||||
label: "Coastal Escapes",
|
||||
href: "/tours#coast",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us",
|
||||
items: [
|
||||
{
|
||||
label: "+212 771 33 02 07",
|
||||
href: "tel:+212771330207",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/212771330207",
|
||||
},
|
||||
{
|
||||
label: "info.moroccowondertravel@gmail.com",
|
||||
href: "mailto:info.moroccowondertravel@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "Marrakech, Morocco",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/morocco_wonder_travel",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Morocco Wonder Travel"
|
||||
copyrightText="© 2025 Morocco Wonder Travel | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="map-section" data-section="map-section" className="py-20">
|
||||
<div className="container mx-auto px-4 text-center">
|
||||
<h2 className="text-4xl font-semibold mb-8 text-foreground">Find Us on the Map</h2>
|
||||
{/* Placeholder for map - integrate your preferred map service here (e.g., Google Maps Embed) */}
|
||||
<div className="relative w-full h-[400px] bg-gray-200 rounded-lg overflow-hidden shadow-lg">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d108870.76288426021!2d-8.093407986718748!3d31.634749499999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xdafee8d96179e51%3A0x5950f6203778affb!2sMarrakech!5e0!3m2!1sen!2svia!4v1701386666888!5m2!1sen!2svia"
|
||||
width="100%"
|
||||
height="100%"
|
||||
style={{ border: 0 }}
|
||||
allowFullScreen={false}
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
aria-label="Google Maps showing Marrakech, Morocco"
|
||||
></iframe>
|
||||
</div>
|
||||
<p className="mt-4 text-sm text-foreground/60">Our main office is located in Marrakech, Morocco.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Morocco Tours", href: "/tours"},
|
||||
{
|
||||
label: "Day Trips", href: "/daytrips"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Tours", items: [
|
||||
{
|
||||
label: "Desert Expeditions", href: "/tours#desert"},
|
||||
{
|
||||
label: "Imperial Cities", href: "/tours#cities"},
|
||||
{
|
||||
label: "Atlas Mountains", href: "/tours#mountains"},
|
||||
{
|
||||
label: "Coastal Escapes", href: "/tours#coast"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us", items: [
|
||||
{
|
||||
label: "+212 771 33 02 07", href: "tel:+212771330207"},
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/212771330207"},
|
||||
{
|
||||
label: "info.moroccowondertravel@gmail.com", href: "mailto:info.moroccowondertravel@gmail.com"},
|
||||
{
|
||||
label: "Marrakech, Morocco", href: "#"},
|
||||
{
|
||||
label: "Instagram", href: "https://www.instagram.com/morocco_wonder_travel"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Morocco Wonder Travel"
|
||||
copyrightText="© 2025 Morocco Wonder Travel | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,12 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function DayTripsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -22,181 +23,115 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Morocco Tours",
|
||||
id: "/tours",
|
||||
},
|
||||
{
|
||||
name: "Day Trips",
|
||||
id: "/daytrips",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Morocco Wonder Travel"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Morocco Tours", id: "/tours" },
|
||||
{ name: "Day Trips", id: "/daytrips" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Morocco Wonder Travel"
|
||||
button={{
|
||||
text: "Book Now", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="day-trips-selection" data-section="day-trips-selection">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "daytrip1",
|
||||
title: "Ait Benhaddou & Ouarzazate",
|
||||
description: "Journey through the High Atlas Mountains to the iconic Ksar of Ait Benhaddou, a UNESCO World Heritage site, and visit the film studios of Ouarzazate.",
|
||||
tag: "Historical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/developing-photos-darkroom-high-angle_23-2149894020.jpg",
|
||||
imageAlt: "Ait Benhaddou Kasbah",
|
||||
},
|
||||
{
|
||||
id: "daytrip2",
|
||||
title: "Ourika Valley & Atlas Foothills",
|
||||
description: "Escape to the lush Ourika Valley, explore Berber villages, and enjoy scenic walks to refreshing waterfalls amidst the Atlas foothills.",
|
||||
tag: "Nature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-nature_23-2148170319.jpg",
|
||||
imageAlt: "Ourika Valley waterfalls",
|
||||
},
|
||||
{
|
||||
id: "daytrip3",
|
||||
title: "Coastal Charm of Essaouira",
|
||||
description: "Discover the laid-back coastal city of Essaouira, known for its historic ramparts, vibrant harbor, and relaxed beach vibe.",
|
||||
tag: "Coastal",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-counter-fish-shop-istanbul_661209-201.jpg",
|
||||
imageAlt: "Essaouira port and ramparts",
|
||||
},
|
||||
]}
|
||||
title="Exciting Day Trips from Marrakech"
|
||||
description="Explore the wonders surrounding Marrakech with our convenient and captivating day excursions."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "downward-rays-animated-grid" }}
|
||||
title="Exciting Morocco Day Trips"
|
||||
description="Short on time but eager to explore? Our curated day trips offer a perfect glimpse into Morocco's vibrant culture and stunning natural beauty."
|
||||
buttons={[
|
||||
{ text: "View All Tours", href: "/tours" },
|
||||
{ text: "Plan Your Day Trip", href: "/contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desert-palm-trees-travel-concept-morocco_181624-5259.jpg"
|
||||
imageAlt="Palm trees in Moroccan desert"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq-daytrips" data-section="faq-daytrips">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "dfaq1",
|
||||
title: "What is the duration of a day trip?",
|
||||
content: "Most of our day trips range from 8 to 12 hours, departing early in the morning from Marrakech and returning in the evening.",
|
||||
},
|
||||
{
|
||||
id: "dfaq2",
|
||||
title: "Is lunch included?",
|
||||
content: "Lunch is typically not included in day trip prices, allowing you the flexibility to choose where and what you'd like to eat. Your guide can recommend local restaurants.",
|
||||
},
|
||||
{
|
||||
id: "dfaq3",
|
||||
title: "What should I wear?",
|
||||
content: "Comfortable clothing and walking shoes are recommended. For visits to religious sites, modest attire covering shoulders and knees is advisable.",
|
||||
},
|
||||
]}
|
||||
title="Day Trip Specific Questions"
|
||||
description="Answers to common questions about our day trips."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="daytrips-list" data-section="daytrips-list">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="two-items-per-row"
|
||||
useInvertedBackground={true}
|
||||
title="Popular Day Trip Adventures"
|
||||
description="Discover historical sites, natural wonders, and cultural gems on our convenient day excursions."
|
||||
products={[
|
||||
{
|
||||
id: "ourika-valley", name: "Ourika Valley & Atlas Foothills", price: "From $80", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-natural-landscape-with-waterfalls-ourika-valley-morocco_181624-9548.jpg", imageAlt: "Ourika Valley waterfalls"},
|
||||
{
|
||||
id: "ait-ben-haddou", name: "Ait Benhaddou & Ouarzazate", price: "From $120", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-kasbah-ait-ben-haddou-historical-village-morocco_181624-9839.jpg", imageAlt: "Ait Benhaddou Kasbah"},
|
||||
{
|
||||
id: "essaouira-day", name: "Essaouira Coastal Day Trip", price: "From $90", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sunset-essaouira-marocco_181624-5241.jpg", imageAlt: "Essaouira seaside town"},
|
||||
{
|
||||
id: "agafay-desert", name: "Agafay Desert Excursion", price: "From $110", imageSrc: "http://img.b2bpic.net/free-photo/camels-agafay-desert-marrakech-morocco_181624-15064.jpg", imageAlt: "Agafay Desert landscape"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Morocco Tours",
|
||||
href: "/tours",
|
||||
},
|
||||
{
|
||||
label: "Day Trips",
|
||||
href: "/daytrips",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Tours",
|
||||
items: [
|
||||
{
|
||||
label: "Desert Expeditions",
|
||||
href: "/tours#desert",
|
||||
},
|
||||
{
|
||||
label: "Imperial Cities",
|
||||
href: "/tours#cities",
|
||||
},
|
||||
{
|
||||
label: "Atlas Mountains",
|
||||
href: "/tours#mountains",
|
||||
},
|
||||
{
|
||||
label: "Coastal Escapes",
|
||||
href: "/tours#coast",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us",
|
||||
items: [
|
||||
{
|
||||
label: "+212 771 33 02 07",
|
||||
href: "tel:+212771330207",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/212771330207",
|
||||
},
|
||||
{
|
||||
label: "info.moroccowondertravel@gmail.com",
|
||||
href: "mailto:info.moroccowondertravel@gmail.com",
|
||||
},
|
||||
{
|
||||
label: "Marrakech, Morocco",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/morocco_wonder_travel",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Morocco Wonder Travel"
|
||||
copyrightText="© 2025 Morocco Wonder Travel | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="daytrip-packages" data-section="daytrip-packages">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Day Trip Pricing Options"
|
||||
description="Affordable and memorable day trips to fit your schedule."
|
||||
plans={[
|
||||
{
|
||||
id: "standard-day", badge: "Classic", price: "$70/person", subtitle: "Group Day Trip", features: [
|
||||
"Shared Mini-van Transport", "Local Guide Service", "Selected Lunch Spot", "Photo Opportunities"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "private-day", badge: "Custom", price: "$150/person", subtitle: "Private Day Trip", features: [
|
||||
"Private Car with Driver", "Flexible Itinerary", "Personalized Guide", "Premium Lunch Option"
|
||||
],
|
||||
}
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Book Your Day Trip", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Morocco Tours", href: "/tours" },
|
||||
{ label: "Day Trips", href: "/daytrips" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Tours", items: [
|
||||
{ label: "Desert Expeditions", href: "/tours" },
|
||||
{ label: "Imperial Cities", href: "/tours" },
|
||||
{ label: "Atlas Mountains", href: "/tours" },
|
||||
{ label: "Coastal Escapes", href: "/tours" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us", items: [
|
||||
{ label: "+212 771 33 02 07", href: "tel:+212771330207" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/212771330207" },
|
||||
{ label: "info.moroccowondertravel@gmail.com", href: "mailto:info.moroccowondertravel@gmail.com" },
|
||||
{ label: "Marrakech, Morocco", href: "#" },
|
||||
{ label: "Instagram", href: "https://www.instagram.com/morocco_wonder_travel" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Morocco Wonder Travel"
|
||||
copyrightText="© 2025 Morocco Wonder Travel | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
204
src/app/page.tsx
204
src/app/page.tsx
@@ -29,31 +29,19 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Morocco Tours",
|
||||
id: "/tours",
|
||||
},
|
||||
name: "Morocco Tours", id: "/tours"},
|
||||
{
|
||||
name: "Day Trips",
|
||||
id: "/daytrips",
|
||||
},
|
||||
name: "Day Trips", id: "/daytrips"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Morocco Wonder Travel"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Book Now", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -61,19 +49,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="Discover the Magic of Morocco"
|
||||
description="Embark on an unforgettable adventure through ancient cities, vibrant souks, majestic deserts, and breathtaking mountains. Morocco Wonder Travel crafts bespoke experiences just for you."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Tours",
|
||||
href: "/tours",
|
||||
},
|
||||
text: "Explore Tours", href: "/tours"},
|
||||
{
|
||||
text: "Plan Your Trip",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Plan Your Trip", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-shot-kasbah-ait-ben-haddou-historical-village-morocco_181624-9839.jpg"
|
||||
imageAlt="Moroccan desert landscape with camels at sunset"
|
||||
@@ -85,14 +68,10 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Your Journey, Our Expertise"
|
||||
description={[
|
||||
"At Morocco Wonder Travel, we believe every journey should be a story. Founded in 2025, we specialize in creating personalized tours that immerse you in the authentic culture, stunning landscapes, and warm hospitality of Morocco. From the bustling streets of Marrakech to the serene dunes of the Sahara, our expert guides ensure a seamless and enriching travel experience.",
|
||||
"We handle every detail, allowing you to relax and soak in the magic. With a passion for authentic Moroccan adventures, we are dedicated to making your travel dreams a reality.",
|
||||
]}
|
||||
"At Morocco Wonder Travel, we believe every journey should be a story. Founded in 2025, we specialize in creating personalized tours that immerse you in the authentic culture, stunning landscapes, and warm hospitality of Morocco. From the bustling streets of Marrakech to the serene dunes of the Sahara, our expert guides ensure a seamless and enriching travel experience.", "We handle every detail, allowing you to relax and soak in the magic. With a passion for authentic Moroccan adventures, we are dedicated to making your travel dreams a reality."]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More About Us",
|
||||
href: "/about",
|
||||
},
|
||||
text: "Learn More About Us", href: "/about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,73 +83,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Adventure Seeker",
|
||||
company: "Canada",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-woman-field_107420-9737.jpg",
|
||||
imageAlt: "Happy woman tourist in Morocco",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Adventure Seeker", company: "Canada", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-looking-woman-field_107420-9737.jpg", imageAlt: "Happy woman tourist in Morocco"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David M.",
|
||||
role: "Cultural Explorer",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-couple-taking-selfie-smartphone_23-2147950629.jpg",
|
||||
imageAlt: "Couple exploring a Moroccan city",
|
||||
},
|
||||
id: "2", name: "David M.", role: "Cultural Explorer", company: "UK", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-couple-taking-selfie-smartphone_23-2147950629.jpg", imageAlt: "Couple exploring a Moroccan city"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Solo Traveler",
|
||||
company: "USA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-training-together-by-lake_23-2148730662.jpg",
|
||||
imageAlt: "Solo male traveler in Atlas Mountains",
|
||||
},
|
||||
id: "3", name: "Emily R.", role: "Solo Traveler", company: "USA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-training-together-by-lake_23-2148730662.jpg", imageAlt: "Solo male traveler in Atlas Mountains"},
|
||||
{
|
||||
id: "4",
|
||||
name: "The Chen Family",
|
||||
role: "Family Vacationers",
|
||||
company: "Australia",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-grandma-grandson_23-2148305425.jpg",
|
||||
imageAlt: "Family on a camel trek",
|
||||
},
|
||||
id: "4", name: "The Chen Family", role: "Family Vacationers", company: "Australia", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/playful-grandma-grandson_23-2148305425.jpg", imageAlt: "Family on a camel trek"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mark & Lisa B.",
|
||||
role: "Relaxation Seekers",
|
||||
company: "Germany",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-tourists-who-are-taking-photos-atmosphere_1150-7455.jpg",
|
||||
imageAlt: "Senior couple in a Moroccan garden",
|
||||
},
|
||||
id: "5", name: "Mark & Lisa B.", role: "Relaxation Seekers", company: "Germany", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-tourists-who-are-taking-photos-atmosphere_1150-7455.jpg", imageAlt: "Senior couple in a Moroccan garden"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Omar & Friends",
|
||||
role: "Group Trekkers",
|
||||
company: "France",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-bridge-exploring-nature_23-2148927942.jpg",
|
||||
imageAlt: "Friends exploring waterfalls in Morocco",
|
||||
},
|
||||
id: "6", name: "Omar & Friends", role: "Group Trekkers", company: "France", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-bridge-exploring-nature_23-2148927942.jpg", imageAlt: "Friends exploring waterfalls in Morocco"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Travelers",
|
||||
},
|
||||
value: "500+", label: "Happy Travelers"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "10+", label: "Years Experience"},
|
||||
{
|
||||
value: "20+",
|
||||
label: "Unique Tours",
|
||||
},
|
||||
value: "20+", label: "Unique Tours"},
|
||||
]}
|
||||
title="Hear From Our Happy Travelers"
|
||||
description="Discover why our clients love their Moroccan adventures."
|
||||
@@ -183,20 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How do I book a tour?",
|
||||
content: "You can easily book a tour directly through our website by selecting your desired trip and preferred dates. Alternatively, contact our team via phone or email for personalized assistance.",
|
||||
},
|
||||
id: "faq1", title: "How do I book a tour?", content: "You can easily book a tour directly through our website by selecting your desired trip and preferred dates. Alternatively, contact our team via phone or email for personalized assistance."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "What's included in the tour price?",
|
||||
content: "Our tours typically include accommodation, transportation, professional guides, and specified meals. Detailed inclusions and exclusions are listed on each tour's dedicated page.",
|
||||
},
|
||||
id: "faq2", title: "What's included in the tour price?", content: "Our tours typically include accommodation, transportation, professional guides, and specified meals. Detailed inclusions and exclusions are listed on each tour's dedicated page."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Are private tours available?",
|
||||
content: "Yes, we offer private and customized tours tailored to your interests, schedule, and budget. Please contact us to design your bespoke Moroccan adventure.",
|
||||
},
|
||||
id: "faq3", title: "Are private tours available?", content: "Yes, we offer private and customized tours tailored to your interests, schedule, and budget. Please contact us to design your bespoke Moroccan adventure."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about booking, travel, and our services."
|
||||
@@ -209,14 +137,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Travel Alliance",
|
||||
"Desert Adventures",
|
||||
"Culture Connect",
|
||||
"Wanderlust Safaris",
|
||||
"Global Journeys",
|
||||
"Explore Africa",
|
||||
"Oasis Escapes",
|
||||
]}
|
||||
"Travel Alliance", "Desert Adventures", "Culture Connect", "Wanderlust Safaris", "Global Journeys", "Explore Africa", "Oasis Escapes"]}
|
||||
title="Trusted by Travelers Worldwide"
|
||||
description="Proud partners in delivering unforgettable Moroccan experiences."
|
||||
/>
|
||||
@@ -226,74 +147,43 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Morocco Tours",
|
||||
href: "/tours",
|
||||
},
|
||||
label: "Morocco Tours", href: "/tours"},
|
||||
{
|
||||
label: "Day Trips",
|
||||
href: "/daytrips",
|
||||
},
|
||||
label: "Day Trips", href: "/daytrips"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Tours",
|
||||
items: [
|
||||
title: "Our Tours", items: [
|
||||
{
|
||||
label: "Desert Expeditions",
|
||||
href: "/tours#desert",
|
||||
},
|
||||
label: "Desert Expeditions", href: "/tours"},
|
||||
{
|
||||
label: "Imperial Cities",
|
||||
href: "/tours#cities",
|
||||
},
|
||||
label: "Imperial Cities", href: "/tours"},
|
||||
{
|
||||
label: "Atlas Mountains",
|
||||
href: "/tours#mountains",
|
||||
},
|
||||
label: "Atlas Mountains", href: "/tours"},
|
||||
{
|
||||
label: "Coastal Escapes",
|
||||
href: "/tours#coast",
|
||||
},
|
||||
label: "Coastal Escapes", href: "/tours"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us",
|
||||
items: [
|
||||
title: "Contact Us", items: [
|
||||
{
|
||||
label: "+212 771 33 02 07",
|
||||
href: "tel:+212771330207",
|
||||
},
|
||||
label: "+212 771 33 02 07", href: "tel:+212771330207"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/212771330207",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/212771330207"},
|
||||
{
|
||||
label: "info.moroccowondertravel@gmail.com",
|
||||
href: "mailto:info.moroccowondertravel@gmail.com",
|
||||
},
|
||||
label: "info.moroccowondertravel@gmail.com", href: "mailto:info.moroccowondertravel@gmail.com"},
|
||||
{
|
||||
label: "Marrakech, Morocco",
|
||||
href: "#",
|
||||
},
|
||||
label: "Marrakech, Morocco", href: "#"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/morocco_wonder_travel",
|
||||
},
|
||||
label: "Instagram", href: "https://www.instagram.com/morocco_wonder_travel"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -3,11 +3,12 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function ToursPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -22,140 +23,120 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About Us", id: "/about"},
|
||||
{
|
||||
name: "Morocco Tours", id: "/tours"},
|
||||
{
|
||||
name: "Day Trips", id: "/daytrips"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Morocco Wonder Travel"
|
||||
button={{
|
||||
text: "Book Now", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About Us", id: "/about" },
|
||||
{ name: "Morocco Tours", id: "/tours" },
|
||||
{ name: "Day Trips", id: "/daytrips" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Morocco Wonder Travel"
|
||||
button={{
|
||||
text: "Book Now", href: "/contact"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="morocco-tours-list" data-section="morocco-tours-list">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "tour1", name: "3-Day Sahara Desert Experience", price: "From $350 / person", imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918223.jpg", imageAlt: "Sahara Desert camel trek", priceButtonProps: {
|
||||
text: "View Details", href: "#"},
|
||||
},
|
||||
{
|
||||
id: "tour2", name: "7-Day Imperial Cities & Culture", price: "From $980 / person", imageSrc: "http://img.b2bpic.net/free-photo/fantasy-group-adventurers_23-2151470665.jpg", imageAlt: "Fes medina street", priceButtonProps: {
|
||||
text: "View Details", href: "#"},
|
||||
},
|
||||
{
|
||||
id: "tour3", name: "5-Day Atlas Mountains Trek", price: "From $620 / person", imageSrc: "http://img.b2bpic.net/free-photo/man-trekking-mountains_23-2148106701.jpg", imageAlt: "Atlas Mountains hiking trail", priceButtonProps: {
|
||||
text: "View Details", href: "#"},
|
||||
},
|
||||
{
|
||||
id: "tour4", name: "4-Day Coastal Charms of Essaouira", price: "From $490 / person", imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-street-food_23-2149287830.jpg", imageAlt: "Essaouira coastal town", priceButtonProps: {
|
||||
text: "View Details", href: "#"},
|
||||
},
|
||||
{
|
||||
id: "tour5", name: "2-Day Blue City of Chefchaouen", price: "From $280 / person", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-wearing-warm-clothes-standing-near-rack-with-many-pairs-skates-choosing-his-size_613910-14052.jpg", imageAlt: "Blue city of Chefchaouen", priceButtonProps: {
|
||||
text: "View Details", href: "#"},
|
||||
},
|
||||
{
|
||||
id: "tour6", name: "6-Day Valleys & Gorges Adventure", price: "From $750 / person", imageSrc: "http://img.b2bpic.net/free-photo/bright-pop-landscape-design_23-2149169848.jpg", imageAlt: "Dades Valley landscape", priceButtonProps: {
|
||||
text: "View Details", href: "#"},
|
||||
},
|
||||
]}
|
||||
title="Our Signature Morocco Tours"
|
||||
description="Embark on an incredible adventure with our curated selection of tours across Morocco."
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Our Signature Morocco Tours"
|
||||
description="Embark on a journey of a lifetime with our carefully crafted tours, designed to showcase the best of Morocco's diverse landscapes and rich culture."
|
||||
buttons={[
|
||||
{ text: "Customize Your Tour", href: "/contact" },
|
||||
{ text: "View Day Trips", href: "/daytrips" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-view-old-medina-marrakech-city-morocco_181624-5231.jpg"
|
||||
imageAlt="Beautiful view of Marrakech Medina"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="featured-tour-detail" data-section="featured-tour-detail">
|
||||
<ProductDetailCard
|
||||
layout="section"
|
||||
name="Featured Tour: Sahara Desert Adventure"
|
||||
price="$350 / person (3 Days, 2 Nights)"
|
||||
showRating={true}
|
||||
rating={5}
|
||||
description="Embark on an unforgettable journey into the heart of the Sahara Desert. This 3-day, 2-night adventure from Marrakech will take you through stunning landscapes, ancient kasbahs, and vast sand dunes. Experience a magical camel trek, witness breathtaking sunsets and sunrises over Erg Chebbi dunes, and spend nights under the stars in a traditional Berber camp. Immerse yourself in the tranquility and beauty of the desert with expert local guides."
|
||||
images={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-taking-picture-oasis_23-2148194006.jpg", alt: "Group on camel trek in Sahara Desert"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bonfire-beach_72229-16.jpg", alt: "Traditional Berber camp dinner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-selecting-accessories-jewelry-section_107420-96188.jpg", alt: "Vibrant Marrakech market"},
|
||||
]}
|
||||
quantity={{
|
||||
label: "Participants", options: [
|
||||
"1", "2", "3", "4+"],
|
||||
selected: "1", onChange: (value: string) => {},
|
||||
}}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="tours-list" data-section="tours-list">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="two-items-per-row"
|
||||
useInvertedBackground={true}
|
||||
title="Popular Tour Destinations"
|
||||
description="Explore our most sought-after tours, from desert safaris to imperial city explorations."
|
||||
products={[
|
||||
{
|
||||
id: "desert-expedition", name: "Sahara Desert Expedition", price: "From $599", imageSrc: "http://img.b2bpic.net/free-photo/group-people-riding-camel-desert-during-sunset_181624-21013.jpg", imageAlt: "Camel trek in the Sahara desert"},
|
||||
{
|
||||
id: "imperial-cities", name: "Imperial Cities Tour", price: "From $899", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-old-ancient-city-chefchaouen-morocco_181624-9694.jpg", imageAlt: "Blue city of Chefchaouen"},
|
||||
{
|
||||
id: "atlas-mountains", name: "Atlas Mountains Trek", price: "From $449", imageSrc: "http://img.b2bpic.net/free-photo/landscape-valley-atlas-mountains-morocco_181624-5178.jpg", imageAlt: "Scenic view of Atlas Mountains"},
|
||||
{
|
||||
id: "coastal-escape", name: "Essaouira Coastal Escape", price: "From $349", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sunset-essaouira-marocco_181624-5241.jpg", imageAlt: "Sunset in Essaouira"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Morocco Tours", href: "/tours"},
|
||||
{
|
||||
label: "Day Trips", href: "/daytrips"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Tours", items: [
|
||||
{
|
||||
label: "Desert Expeditions", href: "/tours#desert"},
|
||||
{
|
||||
label: "Imperial Cities", href: "/tours#cities"},
|
||||
{
|
||||
label: "Atlas Mountains", href: "/tours#mountains"},
|
||||
{
|
||||
label: "Coastal Escapes", href: "/tours#coast"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us", items: [
|
||||
{
|
||||
label: "+212 771 33 02 07", href: "tel:+212771330207"},
|
||||
{
|
||||
label: "WhatsApp", href: "https://wa.me/212771330207"},
|
||||
{
|
||||
label: "info.moroccowondertravel@gmail.com", href: "mailto:info.moroccowondertravel@gmail.com"},
|
||||
{
|
||||
label: "Marrakech, Morocco", href: "#"},
|
||||
{
|
||||
label: "Instagram", href: "https://www.instagram.com/morocco_wonder_travel"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Morocco Wonder Travel"
|
||||
copyrightText="© 2025 Morocco Wonder Travel | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="tour-packages" data-section="tour-packages">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Flexible Tour Packages"
|
||||
description="Choose from our diverse range of packages or let us custom-design one just for you."
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Standard", price: "$300/person", subtitle: "Essential Morocco", features: [
|
||||
"3 Days / 2 Nights", "Shared Transport", "Standard Accommodation", "Basic Guided Tours"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium", badge: "Recommended", price: "$750/person", subtitle: "Morocco Explorer", features: [
|
||||
"7 Days / 6 Nights", "Private Transport", "Comfort Accommodation", "Expert Guided Tours", "Some Meals Included"
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "luxury", badge: "Deluxe", price: "$1500/person", subtitle: "Luxury Moroccan Adventure", features: [
|
||||
"10 Days / 9 Nights", "Luxury Private Transport", "Boutique Accommodation", "All-Inclusive Guided Tours", "Gourmet Meals", "Exclusive Experiences"
|
||||
],
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Inquire Now", href: "/contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Morocco Tours", href: "/tours" },
|
||||
{ label: "Day Trips", href: "/daytrips" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Our Tours", items: [
|
||||
{ label: "Desert Expeditions", href: "/tours" },
|
||||
{ label: "Imperial Cities", href: "/tours" },
|
||||
{ label: "Atlas Mountains", href: "/tours" },
|
||||
{ label: "Coastal Escapes", href: "/tours" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact Us", items: [
|
||||
{ label: "+212 771 33 02 07", href: "tel:+212771330207" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/212771330207" },
|
||||
{ label: "info.moroccowondertravel@gmail.com", href: "mailto:info.moroccowondertravel@gmail.com" },
|
||||
{ label: "Marrakech, Morocco", href: "#" },
|
||||
{ label: "Instagram", href: "https://www.instagram.com/morocco_wonder_travel" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Morocco Wonder Travel"
|
||||
copyrightText="© 2025 Morocco Wonder Travel | All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user