Merge version_1 into main #2
373
src/app/page.tsx
373
src/app/page.tsx
@@ -25,279 +25,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Destinations",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Voyage"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "features" },
|
||||
{ name: "Destinations", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Voyage"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Rediscover the Art of Travel"
|
||||
description="Exclusive journeys curated for the discerning traveler. Escape to extraordinary destinations with unparalleled luxury."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-man-hoodie-stands-top-hiking-trail-mountain_346278-278.jpg?_wi=1"
|
||||
imageAlt="Luxury travel landscape"
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Journeys",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Rediscover the Art of Travel"
|
||||
description="Exclusive journeys curated for the discerning traveler. Escape to extraordinary destinations with unparalleled luxury."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-man-hoodie-stands-top-hiking-trail-mountain_346278-278.jpg"
|
||||
imageAlt="Luxury travel landscape"
|
||||
showDimOverlay={true}
|
||||
buttons={[
|
||||
{ text: "Explore Journeys", href: "#products" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Private Getaways",
|
||||
description: "Isolated retreats tailored to your desires.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg?_wi=1",
|
||||
imageAlt: "Luxury room",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg?_wi=2",
|
||||
imageAlt: "Luxury room details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-man-hoodie-stands-top-hiking-trail-mountain_346278-278.jpg?_wi=2",
|
||||
imageAlt: "luxury travel landscape aerial",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Exclusive Access",
|
||||
description: "Enter where others simply glance.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-influencer-shares-his-hiking-journey-through-vlog-with-drone_482257-120369.jpg?_wi=1",
|
||||
imageAlt: "Private yacht",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-influencer-shares-his-hiking-journey-through-vlog-with-drone_482257-120369.jpg?_wi=2",
|
||||
imageAlt: "Yacht deck",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg?_wi=3",
|
||||
imageAlt: "luxury hotel room interior",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Tailored Itineraries",
|
||||
description: "Designed by experts just for you.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg?_wi=4",
|
||||
imageAlt: "Tailored planning",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg?_wi=5",
|
||||
imageAlt: "Detailed schedule",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-influencer-shares-his-hiking-journey-through-vlog-with-drone_482257-120369.jpg?_wi=3",
|
||||
imageAlt: "private yacht ocean cruise",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Unmatched Experiences"
|
||||
description="We blend luxury with authenticity, ensuring every detail of your journey is perfection."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Private Getaways", description: "Isolated retreats tailored to your desires.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg", imageAlt: "Luxury room" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg", imageAlt: "Luxury room details" }
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Exclusive Access", description: "Enter where others simply glance.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/male-influencer-shares-his-hiking-journey-through-vlog-with-drone_482257-120369.jpg", imageAlt: "Private yacht" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/male-influencer-shares-his-hiking-journey-through-vlog-with-drone_482257-120369.jpg", imageAlt: "Yacht deck" }
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Tailored Itineraries", description: "Designed by experts just for you.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg", imageAlt: "Tailored planning" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/friends-congratulating_23-2147640649.jpg", imageAlt: "Detailed schedule" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
title="Unmatched Experiences"
|
||||
description="We blend luxury with authenticity, ensuring every detail of your journey is perfection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tokyo Serenity",
|
||||
price: "From $5,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shanghai-morning-skyline-silhouette_649448-4349.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Santorini Skies",
|
||||
price: "From $4,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-village-landscape-digital-art-style_23-2151699911.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alpine Refuge",
|
||||
price: "From $6,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-beautiful-couple-hiking-river-forest_285396-2256.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Amalfi Dream",
|
||||
price: "From $3,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/look-from-outside-gates-great-landscape_8353-1261.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Bali Sanctuary",
|
||||
price: "From $2,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-rice-hills-surrounded-by-greens-trees_181624-45499.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Parisian Essence",
|
||||
price: "From $4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eiffel-tower-as-famous-city-landmark-paris_649448-4835.jpg",
|
||||
},
|
||||
]}
|
||||
title="Destinations of Distinction"
|
||||
description="Where history meets modern luxury."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Tokyo Serenity", price: "From $5,000", imageSrc: "http://img.b2bpic.net/free-photo/shanghai-morning-skyline-silhouette_649448-4349.jpg" },
|
||||
{ id: "2", name: "Santorini Skies", price: "From $4,200", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-village-landscape-digital-art-style_23-2151699911.jpg" },
|
||||
{ id: "3", name: "Alpine Refuge", price: "From $6,500", imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-beautiful-couple-hiking-river-forest_285396-2256.jpg" },
|
||||
{ id: "4", name: "Amalfi Dream", price: "From $3,800", imageSrc: "http://img.b2bpic.net/free-photo/look-from-outside-gates-great-landscape_8353-1261.jpg" },
|
||||
{ id: "5", name: "Bali Sanctuary", price: "From $2,900", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-rice-hills-surrounded-by-greens-trees_181624-45499.jpg" },
|
||||
{ id: "6", name: "Parisian Essence", price: "From $4,500", imageSrc: "http://img.b2bpic.net/free-photo/eiffel-tower-as-famous-city-landmark-paris_649448-4835.jpg" },
|
||||
]}
|
||||
title="Destinations of Distinction"
|
||||
description="Where history meets modern luxury."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena Vance",
|
||||
date: "Oct 2024",
|
||||
title: "Art Critic",
|
||||
quote: "Seamless, sophisticated, and utterly unforgettable. The pinnacle of modern travel.",
|
||||
tag: "Elite",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-river_23-2148631387.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-river_23-2148631387.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thorne",
|
||||
date: "Nov 2024",
|
||||
title: "Entrepreneur",
|
||||
quote: "They understand that time is our most valuable asset. Exceptional service.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2149455855.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2149455855.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sophia Reed",
|
||||
date: "Dec 2024",
|
||||
title: "Photographer",
|
||||
quote: "The access they provide is truly unmatched. A masterclass in luxury.",
|
||||
tag: "Creative",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2679.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2679.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian Black",
|
||||
date: "Jan 2025",
|
||||
title: "Architect",
|
||||
quote: "Every detail handled with precision and grace. A truly remarkable journey.",
|
||||
tag: "Luxury",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-cap-with-backpack-camera-takes-pictures-travel-photography_1321-1962.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-cap-with-backpack-camera-takes-pictures-travel-photography_1321-1962.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Clara Mendes",
|
||||
date: "Feb 2025",
|
||||
title: "Investor",
|
||||
quote: "I've never experienced such personalized care anywhere else in the world.",
|
||||
tag: "Global",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-forest-wintertime_329181-20330.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-forest-wintertime_329181-20330.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of the Voyager"
|
||||
description="Why the world trusts us with their most precious memories."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Elena Vance", date: "Oct 2024", title: "Art Critic", quote: "Seamless, sophisticated, and utterly unforgettable.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-river_23-2148631387.jpg", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-river_23-2148631387.jpg" },
|
||||
{ id: "2", name: "Marcus Thorne", date: "Nov 2024", title: "Entrepreneur", quote: "They understand that time is our most valuable asset.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2149455855.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-photo-camera_23-2149455855.jpg" },
|
||||
{ id: "3", name: "Sophia Reed", date: "Dec 2024", title: "Photographer", quote: "The access they provide is truly unmatched.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2679.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-photographer-traveler-with-camera-edge-cliff-takes-pictures-nature_1321-2679.jpg" },
|
||||
{ id: "4", name: "Julian Black", date: "Jan 2025", title: "Architect", quote: "Every detail handled with precision and grace.", tag: "Luxury", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-cap-with-backpack-camera-takes-pictures-travel-photography_1321-1962.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-cap-with-backpack-camera-takes-pictures-travel-photography_1321-1962.jpg" },
|
||||
{ id: "5", name: "Clara Mendes", date: "Feb 2025", title: "Investor", quote: "I've never experienced such personalized care anywhere else.", tag: "Global", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-forest-wintertime_329181-20330.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-forest-wintertime_329181-20330.jpg" },
|
||||
]}
|
||||
title="Voices of the Voyager"
|
||||
description="Why the world trusts us with their most precious memories."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Inquiry"
|
||||
title="Begin Your Next Chapter"
|
||||
description="Speak with our travel consultants to start planning your bespoke journey."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tourism-elements-assortment_23-2148909644.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Inquiry"
|
||||
title="Begin Your Next Chapter"
|
||||
description="Speak with our travel consultants to start planning your bespoke journey."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-tourism-elements-assortment_23-2148909644.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-man-hoodie-stands-top-hiking-trail-mountain_346278-278.jpg?_wi=3"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Destinations",
|
||||
items: [
|
||||
{
|
||||
label: "Europe",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Asia",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Voyage. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unrecognizable-man-hoodie-stands-top-hiking-trail-mountain_346278-278.jpg"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Destinations", items: [{ label: "Europe", href: "#" }, { label: "Asia", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 Voyage. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user