175 lines
8.1 KiB
TypeScript
175 lines
8.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Sparkles, Award, UserCheck, Flower, Home, ChefHat, Dumbbell, Users } from 'lucide-react';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="floatingGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Luxe Haven"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Rooms", id: "/rooms" },
|
|
{ name: "Amenities", id: "/amenities" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "/contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Experience Luxury Like Never Before"
|
|
description="Discover the perfect blend of elegance, comfort, and exceptional service. Your dream getaway awaits at Luxe Haven Hotel."
|
|
tag="Premium Hospitality"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "plain" }}
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "/contact" },
|
|
{ text: "Explore Rooms", href: "/rooms" }
|
|
]}
|
|
carouselItems={[
|
|
{
|
|
id: "1", imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg", imageAlt: "Luxurious hotel suite with elegant furnishings"
|
|
},
|
|
{
|
|
id: "2", imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg", imageAlt: "Spacious bedroom with modern amenities"
|
|
},
|
|
{
|
|
id: "3", imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg", imageAlt: "Balcony overlooking scenic landscape"
|
|
},
|
|
{
|
|
id: "4", imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg", imageAlt: "Resort pool area with lounging spaces"
|
|
},
|
|
{
|
|
id: "5", imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg", imageAlt: "Luxury spa and wellness center"
|
|
},
|
|
{
|
|
id: "6", imageSrc: "https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg", imageAlt: "Fine dining restaurant with upscale ambiance"
|
|
}
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={4000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="Our Legacy"
|
|
tagIcon={Award}
|
|
title="Redefining Hospitality Excellence Since 1995"
|
|
description="Luxe Haven Hotel stands as a beacon of luxury and comfort in the heart of the city. With over 25 years of hospitality excellence, we've earned our reputation as the destination of choice for discerning travelers seeking unforgettable experiences. Our commitment to personalized service, exquisite design, and sustainable practices sets us apart."
|
|
metrics={[
|
|
{ value: "25+", title: "Years of Excellence" },
|
|
{ value: "500+", title: "Luxury Rooms & Suites" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
|
|
imageAlt="Luxe Haven Hotel exterior with elegant architecture"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureHoverPattern
|
|
title="World-Class Services"
|
|
description="Discover the amenities and services that make Luxe Haven the premier choice for luxury accommodations."
|
|
tag="Services"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
icon: UserCheck,
|
|
title: "24/7 Concierge Service", description: "Our dedicated concierge team is available around the clock to fulfill your every request and enhance your stay."
|
|
},
|
|
{
|
|
icon: Flower,
|
|
title: "Spa & Wellness", description: "Rejuvenate yourself at our world-class spa with expert therapists and premium treatments for ultimate relaxation."
|
|
},
|
|
{
|
|
icon: Home,
|
|
title: "Housekeeping Excellence", description: "Our meticulous housekeeping team ensures your room maintains the highest standards of cleanliness and comfort."
|
|
},
|
|
{
|
|
icon: ChefHat,
|
|
title: "Fine Dining", description: "Experience culinary excellence at our award-winning restaurants with Michelin-trained chefs and international cuisine."
|
|
},
|
|
{
|
|
icon: Dumbbell,
|
|
title: "Fitness Center", description: "Stay active with our state-of-the-art fitness facilities, yoga studio, and personal training services."
|
|
},
|
|
{
|
|
icon: Users,
|
|
title: "Event & Conferences", description: "Host your corporate events and conferences in our elegant spaces with full technical support and catering."
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience luxury like never before? Reserve your perfect stay at Luxe Haven Hotel today and create memories that will last a lifetime."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Book Now", href: "/contact" },
|
|
{ text: "Contact Us", href: "/contact" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Explore", items: [
|
|
{ label: "Rooms & Suites", href: "/rooms" },
|
|
{ label: "Amenities", href: "/amenities" },
|
|
{ label: "Dining", href: "/about" },
|
|
{ label: "Spa & Wellness", href: "/about" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Careers", href: "/contact" },
|
|
{ label: "Blog", href: "/contact" },
|
|
{ label: "Press", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Reservations", href: "/contact" },
|
|
{ label: "Phone: +1 (555) 123-4567", href: "tel:+15551234567" },
|
|
{ label: "Email: info@luxehaven.com", href: "mailto:info@luxehaven.com" },
|
|
{ label: "Address: 123 Luxury Ave, City, State 12345", href: "/contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Luxe Haven Hotel. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |