Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -34,104 +34,65 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Destinations",
|
||||
id: "destinations",
|
||||
},
|
||||
name: "Destinations", id: "destinations"},
|
||||
{
|
||||
name: "Packages",
|
||||
id: "packages",
|
||||
},
|
||||
name: "Packages", id: "packages"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Voyage"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Explore the World, Your Way."
|
||||
description="We craft bespoke travel experiences that take you beyond the ordinary. Discover hidden gems and luxury escapes curated for your wanderlust."
|
||||
kpis={[
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
value: "12+", label: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Global Destinations",
|
||||
},
|
||||
value: "500+", label: "Global Destinations"},
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Travelers",
|
||||
},
|
||||
value: "10k+", label: "Happy Travelers"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Planning",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Adventure", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tropical-beach-with-waterbungalows-maldives_505751-5733.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/infinity-pool-with-ocean-view-sunset_23-2151993705.jpg",
|
||||
alt: "Traveler 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/infinity-pool-with-ocean-view-sunset_23-2151993705.jpg", alt: "Traveler 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9030.jpg",
|
||||
alt: "Traveler 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-outdoor-infinity-swimming-pool-hotel-resort-with-sea-ocean-view-white-cloud-blue-sky_74190-9030.jpg", alt: "Traveler 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/umbrella-chair_74190-1675.jpg",
|
||||
alt: "Traveler 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/umbrella-chair_74190-1675.jpg", alt: "Traveler 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-jetty-luxury-resort-baa-atoll-maldives_505751-5748.jpg",
|
||||
alt: "Traveler 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-jetty-luxury-resort-baa-atoll-maldives_505751-5748.jpg", alt: "Traveler 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tourism-items-arrangement_23-2148909658.jpg",
|
||||
alt: "Traveler 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-tourism-items-arrangement_23-2148909658.jpg", alt: "Traveler 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy global explorers."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Escapes",
|
||||
},
|
||||
type: "text", text: "Luxury Escapes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Adventure Tours",
|
||||
},
|
||||
type: "text", text: "Adventure Tours"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cultural Heritage",
|
||||
},
|
||||
type: "text", text: "Cultural Heritage"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Travel",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Travel"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Vacations",
|
||||
},
|
||||
type: "text", text: "Family Vacations"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,20 +118,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Expert Planning",
|
||||
description: "Local travel specialists with insider access.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037388.jpg",
|
||||
},
|
||||
title: "Expert Planning", description: "Local travel specialists with insider access.", imageSrc: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037388.jpg"},
|
||||
{
|
||||
title: "Seamless Logistics",
|
||||
description: "24/7 support throughout your entire journey.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-travel-icon-with-airplane_23-2151037331.jpg",
|
||||
},
|
||||
title: "Seamless Logistics", description: "24/7 support throughout your entire journey.", imageSrc: "http://img.b2bpic.net/free-photo/3d-travel-icon-with-airplane_23-2151037331.jpg"},
|
||||
{
|
||||
title: "Hidden Gems",
|
||||
description: "Curated experiences you won't find on brochures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037403.jpg",
|
||||
},
|
||||
title: "Hidden Gems", description: "Curated experiences you won't find on brochures.", imageSrc: "http://img.b2bpic.net/free-photo/3d-icon-traveling-vacation_23-2151037403.jpg"},
|
||||
]}
|
||||
title="Why Voyage?"
|
||||
description="We handle the complexity, you enjoy the discovery."
|
||||
@@ -185,59 +137,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Luxury",
|
||||
name: "Maldives Resort Escape",
|
||||
price: "$2,999",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-hammock_1169-93.jpg?_wi=1",
|
||||
},
|
||||
id: "1", brand: "Luxury", name: "Maldives Resort Escape", price: "$2,999", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-hammock_1169-93.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Adventure",
|
||||
name: "Swiss Alps Hiking Tour",
|
||||
price: "$1,899",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-hiking-mountains-piedmont-italy-sunny-day_181624-52402.jpg?_wi=1",
|
||||
},
|
||||
id: "2", brand: "Adventure", name: "Swiss Alps Hiking Tour", price: "$1,899", rating: 4,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-hiking-mountains-piedmont-italy-sunny-day_181624-52402.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Culture",
|
||||
name: "Kyoto Heritage Walk",
|
||||
price: "$1,450",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149332975.jpg?_wi=1",
|
||||
},
|
||||
id: "3", brand: "Culture", name: "Kyoto Heritage Walk", price: "$1,450", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149332975.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Luxury",
|
||||
name: "Mediterranean Sea Cruise",
|
||||
price: "$3,200",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-spiritual-peaceful-summer-beach-concept_53876-31219.jpg",
|
||||
},
|
||||
id: "4", brand: "Luxury", name: "Mediterranean Sea Cruise", price: "$3,200", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/woman-spiritual-peaceful-summer-beach-concept_53876-31219.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Adventure",
|
||||
name: "African Safari Expedition",
|
||||
price: "$4,500",
|
||||
rating: 5,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-camera-with-man-off-road-vehicle_107420-9745.jpg",
|
||||
},
|
||||
id: "5", brand: "Adventure", name: "African Safari Expedition", price: "$4,500", rating: 5,
|
||||
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-camera-with-man-off-road-vehicle_107420-9745.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Culture",
|
||||
name: "Indian Festivals Tour",
|
||||
price: "$1,200",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-together_23-2151700070.jpg",
|
||||
},
|
||||
id: "6", brand: "Culture", name: "Indian Festivals Tour", price: "$1,200", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/portrait-overweight-couple-traveling-world-together_23-2151700070.jpg"},
|
||||
]}
|
||||
title="Featured Travel Packages"
|
||||
description="Explore our top-rated adventures and relaxing getaways."
|
||||
@@ -251,22 +167,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Happy Clients",
|
||||
value: "15k+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Happy Clients", value: "15k+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Countries Visited",
|
||||
value: "85+",
|
||||
icon: Globe,
|
||||
id: "m2", title: "Countries Visited", value: "85+", icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Expert Staff",
|
||||
value: "40+",
|
||||
icon: Star,
|
||||
id: "m3", title: "Expert Staff", value: "40+", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Travel By The Numbers"
|
||||
@@ -280,60 +187,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
date: "Jan 2024",
|
||||
title: "Unforgettable",
|
||||
quote: "The planning was flawless. Everything went perfectly.",
|
||||
tag: "Luxury",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tropical-beach-with-waterbungalows-maldives_505751-5733.jpg?_wi=2",
|
||||
imageAlt: "happy traveler portrait outdoors",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", date: "Jan 2024", title: "Unforgettable", quote: "The planning was flawless. Everything went perfectly.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-posing_23-2148601985.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tropical-beach-with-waterbungalows-maldives_505751-5733.jpg?_wi=2", imageAlt: "happy traveler portrait outdoors"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
date: "Dec 2023",
|
||||
title: "Amazing",
|
||||
quote: "Best safari ever, thanks to their expert guide.",
|
||||
tag: "Adventure",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-with-traveling-tools_23-2148300704.jpg?_wi=2",
|
||||
imageAlt: "happy traveler portrait outdoors",
|
||||
},
|
||||
id: "t2", name: "Mark D.", date: "Dec 2023", title: "Amazing", quote: "Best safari ever, thanks to their expert guide.", tag: "Adventure", avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-young-lady-walking-outdoors-beach_171337-16228.jpg", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-with-traveling-tools_23-2148300704.jpg?_wi=2", imageAlt: "happy traveler portrait outdoors"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily P.",
|
||||
date: "Nov 2023",
|
||||
title: "Fantastic",
|
||||
quote: "Highly recommend the Kyoto heritage package.",
|
||||
tag: "Culture",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-friends-squinting-looking-camera_23-2147850512.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-hammock_1169-93.jpg?_wi=2",
|
||||
imageAlt: "happy traveler portrait outdoors",
|
||||
},
|
||||
id: "t3", name: "Emily P.", date: "Nov 2023", title: "Fantastic", quote: "Highly recommend the Kyoto heritage package.", tag: "Culture", avatarSrc: "http://img.b2bpic.net/free-photo/happy-friends-squinting-looking-camera_23-2147850512.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-hammock_1169-93.jpg?_wi=2", imageAlt: "happy traveler portrait outdoors"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
date: "Oct 2023",
|
||||
title: "Seamless",
|
||||
quote: "The entire trip was perfectly organized.",
|
||||
tag: "Europe",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/male-hitchhiker-with-leather-gloves-backpack-pointing-his-smile_179666-38535.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-hiking-mountains-piedmont-italy-sunny-day_181624-52402.jpg?_wi=2",
|
||||
imageAlt: "happy traveler portrait outdoors",
|
||||
},
|
||||
id: "t4", name: "David L.", date: "Oct 2023", title: "Seamless", quote: "The entire trip was perfectly organized.", tag: "Europe", avatarSrc: "http://img.b2bpic.net/free-photo/male-hitchhiker-with-leather-gloves-backpack-pointing-his-smile_179666-38535.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-hiking-mountains-piedmont-italy-sunny-day_181624-52402.jpg?_wi=2", imageAlt: "happy traveler portrait outdoors"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Laura K.",
|
||||
date: "Sep 2023",
|
||||
title: "Dream Vacation",
|
||||
quote: "The Maldives resort was beyond our expectations.",
|
||||
tag: "Romantic",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-something-woman-s-phone-while-smiling_23-2148293912.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149332975.jpg?_wi=2",
|
||||
imageAlt: "happy traveler portrait outdoors",
|
||||
},
|
||||
id: "t5", name: "Laura K.", date: "Sep 2023", title: "Dream Vacation", quote: "The Maldives resort was beyond our expectations.", tag: "Romantic", avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-something-woman-s-phone-while-smiling_23-2148293912.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-people-celebrating-pride-month_23-2149332975.jpg?_wi=2", imageAlt: "happy traveler portrait outdoors"},
|
||||
]}
|
||||
title="Hear From Our Travelers"
|
||||
description="Discover what our clients have to say about their journey with Voyage."
|
||||
@@ -345,14 +207,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Airline Inc",
|
||||
"Hotel Chain",
|
||||
"Cruise Group",
|
||||
"Protection Co",
|
||||
"Tourism Board",
|
||||
"Luxury Group",
|
||||
"Adventure Gear",
|
||||
]}
|
||||
"Airline Inc", "Hotel Chain", "Cruise Group", "Protection Co", "Tourism Board", "Luxury Group", "Adventure Gear"]}
|
||||
title="Trusted Partners"
|
||||
description="Working with the best to give you the best."
|
||||
/>
|
||||
@@ -364,20 +219,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book?",
|
||||
content: "Simply contact us through the form below!",
|
||||
},
|
||||
id: "f1", title: "How do I book?", content: "Simply contact us through the form below!"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you customize trips?",
|
||||
content: "Absolutely, we specialize in custom itineraries.",
|
||||
},
|
||||
id: "f2", title: "Can you customize trips?", content: "Absolutely, we specialize in custom itineraries."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer travel insurance?",
|
||||
content: "Yes, all our packages include protection options.",
|
||||
},
|
||||
id: "f3", title: "Do you offer travel insurance?", content: "Yes, all our packages include protection options."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to all your travel planning questions."
|
||||
@@ -389,8 +235,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Let's Go"
|
||||
title="Plan Your Adventure Today"
|
||||
description="Leave your email and our travel experts will contact you to start planning your dream getaway."
|
||||
@@ -405,37 +250,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Destinations",
|
||||
href: "#destinations",
|
||||
},
|
||||
label: "Destinations", href: "#destinations"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -445,4 +278,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user