237 lines
12 KiB
TypeScript
237 lines
12 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Home, Crown, Heart, Mail } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="none"
|
|
cardStyle="elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Luxe Haven"
|
|
navItems={[
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "features" },
|
|
{ name: "Gallery", id: "testimonials" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Book Now", href: "https://booking.example.com"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSignup
|
|
title="Experience Luxury & Comfort Like Never Before"
|
|
description="Discover your perfect escape at Luxe Haven. Indulge in world-class amenities, personalized service, and unforgettable moments in our stunning accommodations."
|
|
tag="Luxury Hospitality"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Reserve Your Stay"
|
|
className="w-full"
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardTwo
|
|
title="Exquisite Room Collections"
|
|
description="Choose from our curated selection of luxurious rooms and suites, each designed for ultimate comfort and style."
|
|
tag="Rooms & Suites"
|
|
tagIcon={Home}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
products={[
|
|
{
|
|
id: "1", brand: "Luxe Haven", name: "Deluxe Room", price: "$189/night", rating: 5,
|
|
reviewCount: "428", imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg", imageAlt: "Deluxe Room with City View"
|
|
},
|
|
{
|
|
id: "2", brand: "Luxe Haven", name: "Ocean View Suite", price: "$299/night", rating: 5,
|
|
reviewCount: "356", imageSrc: "https://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg", imageAlt: "Ocean View Suite"
|
|
},
|
|
{
|
|
id: "3", brand: "Luxe Haven", name: "Presidential Suite", price: "$599/night", rating: 5,
|
|
reviewCount: "189", imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "Presidential Suite Luxury"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSixteen
|
|
title="Why Choose Luxe Haven"
|
|
description="Experience the difference between ordinary hotels and true luxury hospitality."
|
|
tag="Premium Experience"
|
|
tagIcon={Crown}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
negativeCard={{
|
|
items: [
|
|
"Standard accommodations", "Limited amenities", "Basic service", "Crowded facilities"
|
|
]
|
|
}}
|
|
positiveCard={{
|
|
items: [
|
|
"Luxury suite options", "World-class spa & wellness", "Personalized concierge", "Exclusive access areas"
|
|
]
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Your Home Away from Home"
|
|
description="With over 15 years of hospitality excellence, Luxe Haven has welcomed thousands of guests seeking unforgettable experiences. Our commitment to luxury, comfort, and exceptional service defines everything we do."
|
|
tag="Our Story"
|
|
imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
|
|
imageAlt="Luxe Haven Lobby"
|
|
useInvertedBackground="invertDefault"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#contact" },
|
|
{ text: "Book a Tour", href: "https://tours.example.com" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="Trusted by Travelers Worldwide"
|
|
description="Our achievements speak to our dedication to excellence in hospitality."
|
|
tag="By The Numbers"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "15+", title: "Years of Excellence", items: [
|
|
"Industry-leading service", "Award-winning hospitality", "Proven track record"
|
|
]
|
|
},
|
|
{
|
|
id: "2", value: "50K+", title: "Happy Guests", items: [
|
|
"Exceptional ratings", "Repeat visitors", "Global clientele"
|
|
]
|
|
},
|
|
{
|
|
id: "3", value: "24/7", title: "Concierge Service", items: [
|
|
"Around-the-clock support", "Personal assistance", "Guest satisfaction"
|
|
]
|
|
},
|
|
{
|
|
id: "4", value: "98%", title: "Satisfaction Rate", items: [
|
|
"Outstanding reviews", "Quality assurance", "Consistent excellence"
|
|
]
|
|
}
|
|
]}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="What Our Guests Say"
|
|
description="Read heartfelt experiences from travelers who discovered their perfect getaway at Luxe Haven."
|
|
tag="Guest Reviews"
|
|
tagIcon={Heart}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="invertDefault"
|
|
speed={40}
|
|
topMarqueeDirection="left"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Anderson", handle: "@sarahtravel", testimonial: "Luxe Haven exceeded all my expectations. The staff was incredibly attentive, the rooms were immaculate, and the amenities were world-class. I'm already planning my next stay!", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Anderson"
|
|
},
|
|
{
|
|
id: "2", name: "Michael Chen", handle: "@michaelcorp", testimonial: "Perfect for both business and leisure. The executive lounge is fantastic, high-speed internet everywhere, and the spa helped me unwind after long meetings. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Emma Rodriguez", handle: "@emmaswanderlust", testimonial: "Our honeymoon was absolutely magical here. The sunset views from our suite were breathtaking, and the romantic dinner arrangements were perfect. Thank you, Luxe Haven!", imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "David Thompson", handle: "@davidexplorer", testimonial: "Best hotel experience of my travels. The location is convenient, the pool area is stunning, and every detail shows commitment to guest comfort. Will definitely return!", imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageAlt: "David Thompson"
|
|
},
|
|
{
|
|
id: "5", name: "Jessica Park", handle: "@jess_moments", testimonial: "The spa treatments were rejuvenating, the restaurant offered exquisite cuisine, and the ambiance throughout was pure elegance. A truly memorable luxury experience!", imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Jessica Park"
|
|
},
|
|
{
|
|
id: "6", name: "Robert Mitchell", handle: "@roberttraveler", testimonial: "From check-in to check-out, everything was seamless. The attention to detail, personalized service, and beautiful surroundings made my stay unforgettable. Luxury at its finest!", imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", imageAlt: "Robert Mitchell"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
tag="Ready to Book?"
|
|
tagIcon={Mail}
|
|
title="Plan Your Unforgettable Getaway"
|
|
description="Don't miss out on luxury and comfort. Reserve your room at Luxe Haven today and create memories that will last a lifetime."
|
|
background={{ variant: "radial-gradient" }}
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Book Your Room", href: "https://booking.example.com" },
|
|
{ text: "Contact Us", href: "https://contact.example.com" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Luxe Haven"
|
|
copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Hotel", items: [
|
|
{ label: "Rooms & Suites", href: "rooms" },
|
|
{ label: "Amenities", href: "features" },
|
|
{ label: "Gallery", href: "testimonials" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Careers", href: "https://careers.example.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "FAQs", href: "https://faq.example.com" },
|
|
{ label: "Reservations", href: "https://booking.example.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |