Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
543
src/app/page.tsx
543
src/app/page.tsx
@@ -16,413 +16,164 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Hotels",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="LuxeStay Agency"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Hotels", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="LuxeStay Agency"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Curated Escapes for the Discerning Traveler"
|
||||
description="Discover hand-selected luxury accommodations worldwide, tailored specifically to your refined taste."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg?_wi=1",
|
||||
imageAlt: "Tropical resort",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-glows-bright-rustic-home-generated-by-ai_188544-11753.jpg?_wi=1",
|
||||
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/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="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Curated Escapes for the Discerning Traveler"
|
||||
description="Discover hand-selected luxury accommodations worldwide, tailored specifically to your refined taste."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg", imageAlt: "Tropical resort" },
|
||||
{ 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/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">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Concierge",
|
||||
title: "24/7 Personal Concierge",
|
||||
items: [
|
||||
"Personalized itineraries",
|
||||
"Exclusive restaurant reservations",
|
||||
"Private transportation",
|
||||
],
|
||||
},
|
||||
{
|
||||
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="features" data-section="features">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "1", label: "Concierge", title: "24/7 Personal Concierge", items: ["Personalized itineraries", "Exclusive restaurant reservations", "Private transportation"] },
|
||||
{ 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">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Hospitality"
|
||||
description="With over two decades of excellence, we connect travelers to the world's most hidden and luxurious gems."
|
||||
metrics={[
|
||||
{
|
||||
value: "25+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "1k+",
|
||||
title: "Partnered Resorts",
|
||||
},
|
||||
{
|
||||
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="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Hospitality"
|
||||
description="With over two decades of excellence, we connect travelers to the world's most hidden and luxurious gems."
|
||||
metrics={[
|
||||
{ value: "25+", title: "Years Experience" },
|
||||
{ value: "1k+", title: "Partnered Resorts" },
|
||||
{ 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">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
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: "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",
|
||||
},
|
||||
{
|
||||
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="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
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: "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" },
|
||||
{ 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">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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",
|
||||
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="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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: "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" },
|
||||
{ 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" }
|
||||
]}
|
||||
title="Membership Tiers"
|
||||
description="Choose your travel membership for added exclusivity and benefits."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: "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="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
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: "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">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "120+",
|
||||
description: "Countries Covered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99%",
|
||||
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="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "120+", description: "Countries Covered" },
|
||||
{ id: "m2", value: "99%", 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">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Inquiry"
|
||||
title="Plan Your Escape"
|
||||
description="Sign up to receive curated luxury travel updates and exclusive offers directly in your inbox."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Inquiry"
|
||||
title="Plan Your Escape"
|
||||
description="Sign up to receive curated luxury travel updates and exclusive offers directly in your inbox."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#about" }, { 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>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user