Merge version_1 into main #1
429
src/app/page.tsx
429
src/app/page.tsx
@@ -29,314 +29,145 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Accommodations",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Crossover Lodge"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Accommodations", id: "rooms" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Crossover Lodge"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Escape to Nature's Embrace"
|
||||
description="Experience unparalleled comfort and tranquility at Crossover Lodge. Your gateway to mountain serenity and luxury."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302638.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575127.jpg",
|
||||
alt: "Happy guest profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg",
|
||||
alt: "Happy guest profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-beautiful-smiling-woman_23-2148588711.jpg",
|
||||
alt: "Happy guest profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-smiling-camera_23-2148258875.jpg",
|
||||
alt: "Happy guest profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-indoors_23-2149647829.jpg",
|
||||
alt: "Happy guest profile 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 2,000+ travelers"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Escape to Nature's Embrace"
|
||||
description="Experience unparalleled comfort and tranquility at Crossover Lodge. Your gateway to mountain serenity and luxury."
|
||||
buttons={[{ text: "Book Your Stay", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-wooden-house-with-timber-structure_23-2151302638.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575127.jpg", alt: "Happy guest profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg", alt: "Happy guest profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-beautiful-smiling-woman_23-2148588711.jpg", alt: "Happy guest profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-smiling-camera_23-2148258875.jpg", alt: "Happy guest profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-indoors_23-2149647829.jpg", alt: "Happy guest profile 5" },
|
||||
]}
|
||||
avatarText="Trusted by 2,000+ travelers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Hospitality"
|
||||
description="Nestled in the heart of the mountains, Crossover Lodge combines rustic charm with modern luxury. We are dedicated to providing a soulful escape for every guest, where nature and comfort meet in perfect harmony."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/panoramic-sauna-with-view-modern-wooden-design-nature-relaxation_169016-68880.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="A Legacy of Hospitality"
|
||||
description="Nestled in the heart of the mountains, Crossover Lodge combines rustic charm with modern luxury. We are dedicated to providing a soulful escape for every guest, where nature and comfort meet in perfect harmony."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/panoramic-sauna-with-view-modern-wooden-design-nature-relaxation_169016-68880.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "Hiking & Wilderness",
|
||||
description: "Explore pristine trails surrounding our lodge.",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "Gourmet Dining",
|
||||
description: "Local seasonal ingredients served with a view.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Mountain Spa",
|
||||
description: "Relax with treatments inspired by the mountains.",
|
||||
},
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Indulge in a range of activities designed to rejuvenate your spirit."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Star, title: "Hiking & Wilderness", description: "Explore pristine trails surrounding our lodge." },
|
||||
{ icon: Utensils, title: "Gourmet Dining", description: "Local seasonal ingredients served with a view." },
|
||||
{ icon: Sparkles, title: "Mountain Spa", description: "Relax with treatments inspired by the mountains." },
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Indulge in a range of activities designed to rejuvenate your spirit."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Luxury",
|
||||
name: "The Mountain Suite",
|
||||
price: "$450/night",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119047.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Standard",
|
||||
name: "Forest View Room",
|
||||
price: "$290/night",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263521.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Family",
|
||||
name: "Crossover Cabin",
|
||||
price: "$600/night",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-7317.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Deluxe",
|
||||
name: "Skyline Loft",
|
||||
price: "$520/night",
|
||||
rating: 5,
|
||||
reviewCount: "62",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943437.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Standard",
|
||||
name: "Valley Suite",
|
||||
price: "$310/night",
|
||||
rating: 4,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-van-interior-prepared-camping_23-2151938554.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Deluxe",
|
||||
name: "Heritage Room",
|
||||
price: "$380/night",
|
||||
rating: 5,
|
||||
reviewCount: "112",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tent-interor-with-bed-dishes-glamping_1268-18150.jpg",
|
||||
},
|
||||
]}
|
||||
title="Stay in Elegance"
|
||||
description="Each room reflects the beauty of the surrounding wilderness."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", brand: "Luxury", name: "The Mountain Suite", price: "$450/night", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119047.jpg" },
|
||||
{ id: "2", brand: "Standard", name: "Forest View Room", price: "$290/night", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263521.jpg" },
|
||||
{ id: "3", brand: "Family", name: "Crossover Cabin", price: "$600/night", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-7317.jpg" },
|
||||
{ id: "4", brand: "Deluxe", name: "Skyline Loft", price: "$520/night", rating: 5, reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-classic-interior_23-2150943437.jpg" },
|
||||
{ id: "5", brand: "Standard", name: "Valley Suite", price: "$310/night", rating: 4, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/cozy-van-interior-prepared-camping_23-2151938554.jpg" },
|
||||
{ id: "6", brand: "Deluxe", name: "Heritage Room", price: "$380/night", rating: 5, reviewCount: "112", imageSrc: "http://img.b2bpic.net/free-photo/tent-interor-with-bed-dishes-glamping_1268-18150.jpg" },
|
||||
]}
|
||||
title="Stay in Elegance"
|
||||
description="Each room reflects the beauty of the surrounding wilderness."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "15+",
|
||||
title: "Years of Excellence",
|
||||
items: [
|
||||
"Family owned",
|
||||
"Dedicated service",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2000+",
|
||||
title: "Happy Guests",
|
||||
items: [
|
||||
"Global visitors",
|
||||
"Repeat stays",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "500+",
|
||||
title: "Acres of Wilderness",
|
||||
items: [
|
||||
"Private trails",
|
||||
"Protected area",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="By the Numbers"
|
||||
description="Quality matters. Here is why guests choose us."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "15+", title: "Years of Excellence", items: ["Family owned", "Dedicated service"] },
|
||||
{ id: "2", value: "2000+", title: "Happy Guests", items: ["Global visitors", "Repeat stays"] },
|
||||
{ id: "3", value: "500+", title: "Acres of Wilderness", items: ["Private trails", "Protected area"] },
|
||||
]}
|
||||
title="By the Numbers"
|
||||
description="Quality matters. Here is why guests choose us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Unforgettable",
|
||||
quote: "The view alone was worth the trip.",
|
||||
name: "Jane Doe",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barefooted-lady-white-shirt-resting-summer-resort-brunette-woman-wears-hat-dancing-near-pool_197531-20891.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Pure Bliss",
|
||||
quote: "The spa experience was life changing.",
|
||||
name: "John Smith",
|
||||
role: "Visitor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-eco-bag-with-fruit-country-side_1303-15201.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Perfect Stay",
|
||||
quote: "Staff was welcoming and the rooms cozy.",
|
||||
name: "Alice Wong",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-feeling-happy-bed_114579-57127.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Hidden Gem",
|
||||
quote: "A true retreat into nature's heart.",
|
||||
name: "Bob Brown",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-brown-hat-drinking-pineapple-cocktail-while-resting-near-pool-magnificent-blonde-female-model-chilling-resort-cafe-weekend-morning_197531-20905.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Top Notch",
|
||||
quote: "Best food I've had in years.",
|
||||
name: "Eva Green",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-drink-forest_23-2147883189.jpg",
|
||||
},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our visitors have to say about their stay."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Unforgettable", quote: "The view alone was worth the trip.", name: "Jane Doe", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/barefooted-lady-white-shirt-resting-summer-resort-brunette-woman-wears-hat-dancing-near-pool_197531-20891.jpg" },
|
||||
{ id: "2", title: "Pure Bliss", quote: "The spa experience was life changing.", name: "John Smith", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-eco-bag-with-fruit-country-side_1303-15201.jpg" },
|
||||
{ id: "3", title: "Perfect Stay", quote: "Staff was welcoming and the rooms cozy.", name: "Alice Wong", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-feeling-happy-bed_114579-57127.jpg" },
|
||||
{ id: "4", title: "Hidden Gem", quote: "A true retreat into nature's heart.", name: "Bob Brown", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/woman-brown-hat-drinking-pineapple-cocktail-while-resting-near-pool-magnificent-blonde-female-model-chilling-resort-cafe-weekend-morning_197531-20905.jpg" },
|
||||
{ id: "5", title: "Top Notch", quote: "Best food I've had in years.", name: "Eva Green", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-drink-forest_23-2147883189.jpg" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our visitors have to say about their stay."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we offer complimentary valet parking.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are pets allowed?",
|
||||
content: "Pets are welcome in designated lodge rooms.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the check-in time?",
|
||||
content: "Check-in begins at 3:00 PM.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-working-reception-front-view_23-2149963917.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your stay? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Is parking available?", content: "Yes, we offer complimentary valet parking." },
|
||||
{ id: "q2", title: "Are pets allowed?", content: "Pets are welcome in designated lodge rooms." },
|
||||
{ id: "q3", title: "What is the check-in time?", content: "Check-in begins at 3:00 PM." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-working-reception-front-view_23-2149963917.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your stay? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to Visit?"
|
||||
title="Book Your Wilderness Escape"
|
||||
description="Our team is ready to help you plan the perfect mountain getaway."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@crossoverlodge.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Ready to Visit?"
|
||||
title="Book Your Wilderness Escape"
|
||||
description="Our team is ready to help you plan the perfect mountain getaway."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@crossoverlodge.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Crossover Lodge"
|
||||
copyrightText="© 2025 Crossover Lodge. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Crossover Lodge"
|
||||
copyrightText="© 2025 Crossover Lodge. All Rights Reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user