Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c4cb7f9abb |
194
src/app/page.tsx
194
src/app/page.tsx
@@ -9,7 +9,7 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
|||||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||||
import { Globe, Leaf, Phone } from "lucide-react";
|
import { Globe, Leaf, Phone, Mail } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Destinations",
|
name: "Destinations", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Why Us",
|
name: "Why Us", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="M&Y Tour & Travels"
|
brandName="M&Y Tour & Travels"
|
||||||
/>
|
/>
|
||||||
@@ -57,72 +47,45 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Explore the World with M&Y Travels"
|
title="Explore the World with M&Y Travels"
|
||||||
description="From towering mountain ranges to tranquil sandy beaches, we curate unforgettable journeys tailored just for you."
|
description="From towering mountain ranges to tranquil sandy beaches, we curate unforgettable journeys tailored just for you."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{
|
||||||
value: "50+",
|
value: "50+", label: "Destinations"},
|
||||||
label: "Destinations",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "10k+",
|
value: "10k+", label: "Happy Travelers"},
|
||||||
label: "Happy Travelers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "15+",
|
value: "15+", label: "Years Experience"},
|
||||||
label: "Years Experience",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-beach-view-koh-chang-island-seascape-trad-province-eastern-thailand-blue-sky-background_1150-10256.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-beach-view-koh-chang-island-seascape-trad-province-eastern-thailand-blue-sky-background_1150-10256.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotion-tourist_140725-122604.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotion-tourist_140725-122604.jpg", alt: "Traveler 1"},
|
||||||
alt: "Traveler 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-front-city-building_23-2147860872.jpg",
|
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-front-city-building_23-2147860872.jpg", alt: "Traveler 2"},
|
||||||
alt: "Traveler 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-hiker-posing-rock_23-2147842555.jpg",
|
src: "http://img.b2bpic.net/free-photo/beautiful-female-hiker-posing-rock_23-2147842555.jpg", alt: "Traveler 3"},
|
||||||
alt: "Traveler 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2691.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2691.jpg", alt: "Traveler 4"},
|
||||||
alt: "Traveler 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotion-tourist_140725-122604.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotion-tourist_140725-122604.jpg", alt: "Traveler 5"},
|
||||||
alt: "Traveler 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Trusted by 10k+ adventurers"
|
avatarText="Trusted by 10k+ adventurers"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "Adventure Awaits"},
|
||||||
text: "Adventure Awaits",
|
{
|
||||||
|
type: "text", text: "Expertly Curated"},
|
||||||
|
{
|
||||||
|
type: "text-icon", text: "Sustainable Travel", icon: Leaf,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "24/7 Support"},
|
||||||
text: "Expertly Curated",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Global Reach", icon: Globe,
|
||||||
text: "Sustainable Travel",
|
|
||||||
icon: Leaf,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "24/7 Support",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text-icon",
|
|
||||||
text: "Global Reach",
|
|
||||||
icon: Globe,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -135,22 +98,13 @@ export default function LandingPage() {
|
|||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: "Mountain Adventures",
|
title: "Mountain Adventures", description: "Expertly guided treks and scenic tours to the world's highest peaks.", imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-tourists-near-lake-bottom-mountains-surrounded-with-trees-green-plants_181624-2327.jpg"},
|
||||||
description: "Expertly guided treks and scenic tours to the world's highest peaks.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-shot-tourists-near-lake-bottom-mountains-surrounded-with-trees-green-plants_181624-2327.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "Beach Getaways",
|
title: "Beach Getaways", description: "Handpicked resort packages in the most beautiful coastal destinations.", imageSrc: "http://img.b2bpic.net/free-photo/seascape-with-sandy-beach-clear-cloudless-sky_169016-38643.jpg"},
|
||||||
description: "Handpicked resort packages in the most beautiful coastal destinations.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/seascape-with-sandy-beach-clear-cloudless-sky_169016-38643.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "City Excursions",
|
title: "City Excursions", description: "Cultural deep-dives and historical tours in the world's most vibrant cities.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-wearing-sunglasses_171337-4783.jpg"},
|
||||||
description: "Cultural deep-dives and historical tours in the world's most vibrant cities.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-bearded-man-wearing-sunglasses_171337-4783.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why Choose M&Y Tours?"
|
title="Why Choose M&Y Tours?"
|
||||||
description="We specialize in personalized travel experiences that exceed your expectations."
|
description="We specialize in personalized travel experiences that exceed your expectations."
|
||||||
@@ -165,23 +119,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", name: "Himalayan Expedition", price: "$1,299", imageSrc: "http://img.b2bpic.net/free-photo/majestic-snow-capped-mountains-evergreen-forest-landscape_84443-81544.jpg"},
|
||||||
name: "Himalayan Expedition",
|
|
||||||
price: "$1,299",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-snow-capped-mountains-evergreen-forest-landscape_84443-81544.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", name: "Maldives Paradise", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-tropical-island-turquoise-water-luxurious-water-villas-tropical-island-resort-maldives-holiday-vacation-background-concept-boost-up-color-processing_1253-792.jpg"},
|
||||||
name: "Maldives Paradise",
|
|
||||||
price: "$2,499",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-tropical-island-turquoise-water-luxurious-water-villas-tropical-island-resort-maldives-holiday-vacation-background-concept-boost-up-color-processing_1253-792.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", name: "Rome Cultural Tour", price: "$1,899", imageSrc: "http://img.b2bpic.net/free-photo/winter-palace-saint-petersburg_1398-2675.jpg"},
|
||||||
name: "Rome Cultural Tour",
|
|
||||||
price: "$1,899",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-palace-saint-petersburg_1398-2675.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Popular Packages"
|
title="Popular Packages"
|
||||||
description="Book your dream vacation from our most popular curated travel packages."
|
description="Book your dream vacation from our most popular curated travel packages."
|
||||||
@@ -196,25 +138,15 @@ export default function LandingPage() {
|
|||||||
author="Sarah & John Miller"
|
author="Sarah & John Miller"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotion-tourist_140725-122604.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotion-tourist_140725-122604.jpg", alt: "Traveler 1"},
|
||||||
alt: "Traveler 1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-front-city-building_23-2147860872.jpg",
|
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-front-city-building_23-2147860872.jpg", alt: "Traveler 2"},
|
||||||
alt: "Traveler 2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-hiker-posing-rock_23-2147842555.jpg",
|
src: "http://img.b2bpic.net/free-photo/beautiful-female-hiker-posing-rock_23-2147842555.jpg", alt: "Traveler 3"},
|
||||||
alt: "Traveler 3",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2691.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2691.jpg", alt: "Traveler 4"},
|
||||||
alt: "Traveler 4",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotion-tourist_140725-122604.jpg",
|
src: "http://img.b2bpic.net/free-photo/front-view-male-tourist-walking-with-backpack-pink-wall-color-emotion-tourist_140725-122604.jpg", alt: "Traveler 5"},
|
||||||
alt: "Traveler 5",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ratingAnimation="slide-up"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -227,28 +159,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Contact Information", content: "For any inquiries, feel free to contact us at 7681935149 or email jaskaransg6@gmail.com."},
|
||||||
title: "How do I book a trip?",
|
|
||||||
content: "You can book directly through our website or contact our travel agents.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "What's included in the price?", content: "Our packages usually cover accommodation, local travel, and selected guided activities."},
|
||||||
title: "What's included in the price?",
|
|
||||||
content: "Our packages usually cover accommodation, local travel, and selected guided activities.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Can I customize my trip?", content: "Absolutely! We offer fully personalized itinerary planning services."},
|
||||||
title: "Can I customize my trip?",
|
|
||||||
content: "Absolutely! We offer fully personalized itinerary planning services.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
ctaTitle="Ready for your next trip?"
|
ctaTitle="Ready for your next trip?"
|
||||||
ctaDescription="Get in touch with our experts to start planning your custom adventure today."
|
ctaDescription="Get in touch with our experts to start planning your custom adventure today."
|
||||||
ctaButton={{
|
ctaButton={{
|
||||||
text: "Contact Us",
|
text: "Contact Us", href: "#"}}
|
||||||
href: "#",
|
ctaIcon={Mail}
|
||||||
}}
|
|
||||||
ctaIcon={Phone}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -256,46 +177,29 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Company",
|
title: "Company", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Destinations",
|
title: "Destinations", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Mountains",
|
label: "Mountains", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Beaches",
|
label: "Beaches", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Cities",
|
label: "Cities", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Support", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQs",
|
label: "FAQs", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Terms",
|
label: "Terms", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -306,4 +210,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user