1 Commits

Author SHA1 Message Date
c4cb7f9abb Update src/app/page.tsx 2026-04-02 12:31:09 +00:00

View File

@@ -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>
); );
} }