bender/09d160ad-6200-49c5-8708-10baabee73b3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-11 09:59:56 +00:00
parent 6d91501d77 a14eca1b32
commit bb5dd24205
1 changed files with 147 additions and 396 deletions
Download Patch File Download Diff File Expand all files Collapse all files

543
src/app/page.tsx
View File

@@ -16,413 +16,164 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="expand-hover" defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur" defaultTextAnimation="reveal-blur"
borderRadius="rounded" borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", { name: "Services", id: "features" },
id: "hero", { name: "Hotels", id: "products" },
}, { name: "Testimonials", id: "testimonials" },
{ { name: "Contact", id: "contact" }
name: "Services", ]}
id: "features", brandName="LuxeStay Agency"
}, />
{ </div>
name: "Hotels",
id: "products",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="LuxeStay Agency"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", title="Curated Escapes for the Discerning Traveler"
}} description="Discover hand-selected luxury accommodations worldwide, tailored specifically to your refined taste."
title="Curated Escapes for the Discerning Traveler" mediaItems={[
description="Discover hand-selected luxury accommodations worldwide, tailored specifically to your refined taste." { imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg", imageAlt: "Tropical resort" },
mediaItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-glows-bright-rustic-home-generated-by-ai_188544-11753.jpg", imageAlt: "Mountain lodge" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/boston-public-library_649448-649.jpg", imageAlt: "European hotel lobby" },
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg?_wi=1", { imageSrc: "http://img.b2bpic.net/free-photo/turquoise-water-palm-trees-luxury-vacation-destination-generated-by-ai_188544-10577.jpg", imageAlt: "Beachfront villa" },
imageAlt: "Tropical resort", { imageSrc: "http://img.b2bpic.net/free-photo/path-goes-beautiful-idyllic-beach_23-2148153842.jpg", imageAlt: "Ryokan inn" },
}, { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-table_23-2149068564.jpg", imageAlt: "Rooftop lounge" }
{ ]}
imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-glows-bright-rustic-home-generated-by-ai_188544-11753.jpg?_wi=1", />
imageAlt: "Mountain lodge", </div>
},
{
imageSrc: "http://img.b2bpic.net/free-photo/boston-public-library_649448-649.jpg",
imageAlt: "European hotel lobby",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/turquoise-water-palm-trees-luxury-vacation-destination-generated-by-ai_188544-10577.jpg",
imageAlt: "Beachfront villa",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/path-goes-beautiful-idyllic-beach_23-2148153842.jpg",
imageAlt: "Ryokan inn",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-table_23-2149068564.jpg",
imageAlt: "Rooftop lounge",
},
]}
/>
</div>
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTwelve <FeatureCardTwelve
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ { id: "1", label: "Concierge", title: "24/7 Personal Concierge", items: ["Personalized itineraries", "Exclusive restaurant reservations", "Private transportation"] },
id: "1", { id: "2", label: "VIP Access", title: "VIP Global Access", items: ["Priority check-in", "Suite upgrades", "Early check-out flexibility"] },
label: "Concierge", { id: "3", label: "Logistics", title: "Seamless Travel Logistics", items: ["Private jet transfers", "Airport meet and greet", "Luggage handling"] }
title: "24/7 Personal Concierge", ]}
items: [ title="Elite Travel Services"
"Personalized itineraries", description="Experience unparalleled hospitality and seamless travel planning from start to finish."
"Exclusive restaurant reservations", />
"Private transportation", </div>
],
},
{
id: "2",
label: "VIP Access",
title: "VIP Global Access",
items: [
"Priority check-in",
"Suite upgrades",
"Early check-out flexibility",
],
},
{
id: "3",
label: "Logistics",
title: "Seamless Travel Logistics",
items: [
"Private jet transfers",
"Airport meet and greet",
"Luggage handling",
],
},
]}
title="Elite Travel Services"
description="Experience unparalleled hospitality and seamless travel planning from start to finish."
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={false} useInvertedBackground={false}
title="A Legacy of Hospitality" title="A Legacy of Hospitality"
description="With over two decades of excellence, we connect travelers to the world's most hidden and luxurious gems." description="With over two decades of excellence, we connect travelers to the world's most hidden and luxurious gems."
metrics={[ metrics={[
{ { value: "25+", title: "Years Experience" },
value: "25+", { value: "1k+", title: "Partnered Resorts" },
title: "Years Experience", { value: "10k+", title: "Happy Travelers" }
}, ]}
{ imageSrc="http://img.b2bpic.net/free-photo/portrait-businessman-reading-newspaper-waiting-area_107420-85110.jpg"
value: "1k+", mediaAnimation="blur-reveal"
title: "Partnered Resorts", metricsAnimation="slide-up"
}, />
{ </div>
value: "10k+",
title: "Happy Travelers",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-businessman-reading-newspaper-waiting-area_107420-85110.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="products" data-section="products"> <div id="products" data-section="products">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ { id: "1", name: "Azure Coastal Resort", price: "from $850/night", variant: "Tropical", imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg" },
id: "1", { id: "2", name: "The Metropolitan Suite", price: "from $600/night", variant: "Urban", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-real-estate-agent_23-2151064868.jpg" },
name: "Azure Coastal Resort", { id: "3", name: "Hidden Oasis Villa", price: "from $1,200/night", variant: "Private", imageSrc: "http://img.b2bpic.net/free-photo/landscape-view-leisure-relaxation-summer_1203-4898.jpg" },
price: "from $850/night", { id: "4", name: "Grand Palace Hotel", price: "from $950/night", variant: "Boutique", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-black-bathroom-with-luxury-tile-decor_105762-2138.jpg" },
variant: "Tropical", { id: "5", name: "Vineyard Estates Lodge", price: "from $750/night", variant: "Countryside", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-crepes-stuffed-with-minced-meat-herb-garnished-with-sauce_140725-5793.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg", { id: "6", name: "Alpine Peak Retreat", price: "from $1,100/night", variant: "Mountain", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263633.jpg" }
}, ]}
{ title="Hand-Picked Destinations"
id: "2", description="From coastal retreats to urban sanctuaries, explore our current luxury hotel collection."
name: "The Metropolitan Suite", />
price: "from $600/night", </div>
variant: "Urban",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-real-estate-agent_23-2151064868.jpg",
},
{
id: "3",
name: "Hidden Oasis Villa",
price: "from $1,200/night",
variant: "Private",
imageSrc: "http://img.b2bpic.net/free-photo/landscape-view-leisure-relaxation-summer_1203-4898.jpg",
},
{
id: "4",
name: "Grand Palace Hotel",
price: "from $950/night",
variant: "Boutique",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-black-bathroom-with-luxury-tile-decor_105762-2138.jpg",
},
{
id: "5",
name: "Vineyard Estates Lodge",
price: "from $750/night",
variant: "Countryside",
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-crepes-stuffed-with-minced-meat-herb-garnished-with-sauce_140725-5793.jpg",
},
{
id: "6",
name: "Alpine Peak Retreat",
price: "from $1,100/night",
variant: "Mountain",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263633.jpg",
},
]}
title="Hand-Picked Destinations"
description="From coastal retreats to urban sanctuaries, explore our current luxury hotel collection."
/>
</div>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardNine <PricingCardNine
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ { id: "basic", title: "Explorer", price: "$499", period: "annual", features: ["Curated alerts", "24/7 Support", "Base perks"], button: { text: "Join Now" }, imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool-tourist-color-ko_1253-768.jpg" },
id: "basic", { id: "pro", title: "Voyager", price: "$999", period: "annual", features: ["All Explorer perks", "Suite upgrades", "Airport lounge access"], button: { text: "Upgrade" }, imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg" },
title: "Explorer", { id: "premium", title: "Legend", price: "$2,499", period: "annual", features: ["All Voyager perks", "Jet charter discount", "Personal travel agent"], button: { text: "Elite Access" }, imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-glows-bright-rustic-home-generated-by-ai_188544-11753.jpg" }
price: "$499", ]}
period: "annual", title="Membership Tiers"
features: [ description="Choose your travel membership for added exclusivity and benefits."
"Curated alerts", />
"24/7 Support", </div>
"Base perks",
],
button: {
text: "Join Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-pool-tourist-color-ko_1253-768.jpg",
imageAlt: "umbrella pool tourist color ko",
},
{
id: "pro",
title: "Voyager",
price: "$999",
period: "annual",
features: [
"All Explorer perks",
"Suite upgrades",
"Airport lounge access",
],
button: {
text: "Upgrade",
},
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg?_wi=2",
imageAlt: "umbrella pool tourist color ko",
},
{
id: "premium",
title: "Legend",
price: "$2,499",
period: "annual",
features: [
"All Voyager perks",
"Jet charter discount",
"Personal travel agent",
],
button: {
text: "Elite Access",
},
imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-glows-bright-rustic-home-generated-by-ai_188544-11753.jpg?_wi=2",
imageAlt: "umbrella pool tourist color ko",
},
]}
title="Membership Tiers"
description="Choose your travel membership for added exclusivity and benefits."
/>
</div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials">
<TestimonialCardFive <TestimonialCardFive
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ { id: "1", name: "Sarah Jenkins", date: "Oct 2023", title: "CEO, TechCorp", quote: "The seamless logistics made our trip effortless. Truly luxury redefined.", tag: "Traveler", avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-his-boarding-pass-check-counter_107420-85116.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-afro-hair-smile-broadly-dressed-beige-coat-strolls-city-sunny-autumn-day-uses-smartphone-with-delight-has-fun-texting-cellular-browses-web-pages_273609-55300.jpg" },
id: "1", { id: "2", name: "Michael & Anna", date: "Sept 2023", title: "Architects", quote: "Every villa suggested was beyond expectation. Simply spectacular service.", tag: "Couple", avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-loving-couple-walking-outdoors-beach_171337-16022.jpg", imageSrc: "http://img.b2bpic.net/free-photo/summer-pool-concept-with-couple_23-2147814791.jpg" },
name: "Sarah Jenkins", { id: "3", name: "Elena Rodriguez", date: "Aug 2023", title: "Author", quote: "Pure peace and relaxation. They really understand what luxury means.", tag: "Relaxation", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-fat-tourist-traveling_23-2151742642.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stylish-traveller-enjoying-vacation-outdoors_23-2148588595.jpg" },
date: "Oct 2023", { id: "4", name: "David Thorne", date: "July 2023", title: "Developer", quote: "Efficient planning and perfect recommendations. My new go-to agency.", tag: "Frequent", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-cool-man-with-ginger-beard-blue-eyes-green-swimming-glasses-printed-white-shirt-showing-peace-signs-orange-backdrop_197531-27686.jpg", imageSrc: "http://img.b2bpic.net/free-photo/charming-traveller-with-map_23-2147813962.jpg" },
title: "CEO, TechCorp", { id: "5", name: "Sofia Chen", date: "June 2023", title: "Director", quote: "Exquisite attention to detail, every step of the journey was polished.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-photographer-exploring-city-with-her-camera_23-2149186643.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-wearing-trendy-elegant-feminine-dress-straw-accessories_291049-183.jpg" }
quote: "The seamless logistics made our trip effortless. Truly luxury redefined.", ]}
tag: "Traveler", title="What Our Travelers Say"
avatarSrc: "http://img.b2bpic.net/free-photo/man-showing-his-boarding-pass-check-counter_107420-85116.jpg", description="Authentic experiences shared by our loyal community of global wanderers."
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-afro-hair-smile-broadly-dressed-beige-coat-strolls-city-sunny-autumn-day-uses-smartphone-with-delight-has-fun-texting-cellular-browses-web-pages_273609-55300.jpg", />
}, </div>
{
id: "2",
name: "Michael & Anna",
date: "Sept 2023",
title: "Architects",
quote: "Every villa suggested was beyond expectation. Simply spectacular service.",
tag: "Couple",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-african-loving-couple-walking-outdoors-beach_171337-16022.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/summer-pool-concept-with-couple_23-2147814791.jpg",
},
{
id: "3",
name: "Elena Rodriguez",
date: "Aug 2023",
title: "Author",
quote: "Pure peace and relaxation. They really understand what luxury means.",
tag: "Relaxation",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-fat-tourist-traveling_23-2151742642.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-traveller-enjoying-vacation-outdoors_23-2148588595.jpg",
},
{
id: "4",
name: "David Thorne",
date: "July 2023",
title: "Developer",
quote: "Efficient planning and perfect recommendations. My new go-to agency.",
tag: "Frequent",
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-cool-man-with-ginger-beard-blue-eyes-green-swimming-glasses-printed-white-shirt-showing-peace-signs-orange-backdrop_197531-27686.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/charming-traveller-with-map_23-2147813962.jpg",
},
{
id: "5",
name: "Sofia Chen",
date: "June 2023",
title: "Director",
quote: "Exquisite attention to detail, every step of the journey was polished.",
tag: "Business",
avatarSrc: "http://img.b2bpic.net/free-photo/young-female-photographer-exploring-city-with-her-camera_23-2149186643.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-posing-wearing-trendy-elegant-feminine-dress-straw-accessories_291049-183.jpg",
},
]}
title="What Our Travelers Say"
description="Authentic experiences shared by our loyal community of global wanderers."
/>
</div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardTwo <MetricCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="bento-grid" gridVariant="bento-grid"
useInvertedBackground={false} useInvertedBackground={false}
metrics={[ metrics={[
{ { id: "m1", value: "120+", description: "Countries Covered" },
id: "m1", { id: "m2", value: "99%", description: "Client Satisfaction" },
value: "120+", { id: "m3", value: "500+", description: "Five-Star Partners" }
description: "Countries Covered", ]}
}, title="Our Global Reach"
{ description="We are proud to serve travelers across every continent with unmatched quality standards."
id: "m2", />
value: "99%", </div>
description: "Client Satisfaction",
},
{
id: "m3",
value: "500+",
description: "Five-Star Partners",
},
]}
title="Our Global Reach"
description="We are proud to serve travelers across every continent with unmatched quality standards."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{ variant: "gradient-bars" }}
variant: "gradient-bars", tag="Inquiry"
}} title="Plan Your Escape"
tag="Inquiry" description="Sign up to receive curated luxury travel updates and exclusive offers directly in your inbox."
title="Plan Your Escape" />
description="Sign up to receive curated luxury travel updates and exclusive offers directly in your inbox." </div>
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterLogoEmphasis <FooterLogoEmphasis
columns={[ columns={[
{ { items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }, { label: "Press", href: "#" }] },
items: [ { items: [{ label: "Destinations", href: "#products" }, { label: "Memberships", href: "#pricing" }, { label: "Blog", href: "#" }] },
{ { items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }, { label: "Contact", href: "#contact" }] }
label: "About Us", ]}
href: "#about", logoText="LuxeStay"
}, />
{ </div>
label: "Careers",
href: "#",
},
{
label: "Press",
href: "#",
},
],
},
{
items: [
{
label: "Destinations",
href: "#products",
},
{
label: "Memberships",
href: "#pricing",
},
{
label: "Blog",
href: "#",
},
],
},
{
items: [
{
label: "Privacy",
href: "#",
},
{
label: "Terms",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
logoText="LuxeStay"
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );