265 lines
11 KiB
TypeScript
265 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="inset-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Luxe Haven"
|
|
button={{
|
|
text: "Book Now",
|
|
href: "/contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
logoText="Luxe Haven"
|
|
description="Experience world-class hospitality with stunning views, premium amenities, and exceptional service. Your perfect escape awaits."
|
|
background={{
|
|
variant: "sparkles-gradient"
|
|
}}
|
|
imageSrc="https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg"
|
|
imageAlt="Luxury hotel entrance with elegant architecture"
|
|
frameStyle="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
tag="About Us"
|
|
title="Award-Winning Hospitality Excellence"
|
|
description="Luxe Haven has been a beacon of luxury hospitality for over two decades. We pride ourselves on delivering exceptional experiences that exceed expectations. From our meticulously designed rooms to our world-class dining, every detail is crafted with care."
|
|
metrics={[
|
|
{
|
|
value: "25+",
|
|
title: "Years of Excellence"
|
|
},
|
|
{
|
|
value: "4.9★",
|
|
title: "Guest Rating"
|
|
}
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
|
|
imageAlt="Luxurious hotel lobby with modern design"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Our Room Collection"
|
|
description="Choose from our curated selection of elegant rooms and suites, each designed for comfort and style."
|
|
products={[
|
|
{
|
|
id: "deluxe",
|
|
name: "Deluxe Room",
|
|
price: "$189/night",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",
|
|
imageAlt: "Spacious deluxe room with king bed and city view"
|
|
},
|
|
{
|
|
id: "suite",
|
|
name: "Premium Suite",
|
|
price: "$349/night",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg",
|
|
imageAlt: "Luxurious suite with separate living area"
|
|
},
|
|
{
|
|
id: "standard",
|
|
name: "Standard Room",
|
|
price: "$129/night",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg",
|
|
imageAlt: "Comfortable standard room with modern amenities"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
title="World-Class Amenities"
|
|
description="Discover what makes our guests return again and again"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Infinity Pool & Spa",
|
|
description: "Relax in our heated infinity pool overlooking the city skyline, or indulge in rejuvenating spa treatments.",
|
|
phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/weekend-mature-couple-enjoying-good-weather-near-swimming-pool_259150-57796.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-innocent-pure-beautiful-woman-dreaming-sitting-pool-white-dress-romantic-lyrical-thinking-green-tropical-nature-summer-relaxed-chilling-long-legs_285396-6078.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Fine Dining Experience",
|
|
description: "Our award-winning restaurant offers innovative cuisine crafted by our talented culinary team.",
|
|
phoneOne: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/girls-spa-resort_1098-14134.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxing-around-outdoor-swimming-pool-hotel-resort-nearly-sea_74190-13442.jpg"
|
|
}
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
title="Meet Our Team"
|
|
description="Dedicated professionals committed to your comfort and satisfaction"
|
|
team={[
|
|
{
|
|
id: "1",
|
|
name: "Victoria Chen",
|
|
role: "General Manager",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-working-luxury-restaurant_23-2150598405.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marco Rossi",
|
|
role: "Executive Chef",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-successful-female-cafe-owner-smiling_1262-5377.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena Rodriguez",
|
|
role: "Concierge Manager",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/wedding-planner_1098-18025.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "James Morrison",
|
|
role: "Director of Housekeeping",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-with-folded-arms_23-2147876782.jpg"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Guest Reviews"
|
|
description="See what our valued guests have to say about their experience"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
handle: "@sarah_travels",
|
|
testimonial: "Luxe Haven exceeded all expectations. The room was immaculate, the staff incredibly attentive, and the amenities world-class. Definitely returning!",
|
|
rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-holding-boarding-pass-checking-his-mobile-phone_107420-95787.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
handle: "@biz_traveler_mc",
|
|
testimonial: "Best business hotel I've stayed at. Perfect location, excellent WiFi, and the restaurant is outstanding. Will book again on my next trip.",
|
|
rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/business-people-standing-with-luggage-bag-airport_107420-95865.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emma Watson",
|
|
handle: "@emmadventures",
|
|
testimonial: "The spa treatment was heavenly and the pool views are breathtaking. Every detail shows care and attention. Highly recommended!",
|
|
rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/businessman-standing-with-luggage-waiting-area-airport_107420-95857.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kumar",
|
|
handle: "@david_explorer",
|
|
testimonial: "Outstanding service from check-in to checkout. The concierge team helped arrange amazing city tours. Absolutely perfect stay!",
|
|
rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-chair-waiting-area_107420-95804.jpg"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Lisa Anderson",
|
|
handle: "@lisa_luxe_travel",
|
|
testimonial: "Worth every penny. Stayed in the suite and felt like royalty. The breakfast buffet alone is worth the stay. Coming back next summer!",
|
|
rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-with-luggage-checking-his-boarding-pass_107420-95776.jpg"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Robert Martinez",
|
|
handle: "@rmtravels",
|
|
testimonial: "Professional, elegant, and welcoming. This is what luxury hospitality should be. Thank you for an unforgettable experience!",
|
|
rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-standing-check-counter-with-passport-boarding-pass_107420-95789.jpg"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<FooterLogoEmphasis
|
|
logoText="Luxe Haven"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Rooms", href: "/rooms" },
|
|
{ label: "Amenities", href: "/amenities" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Team", href: "/team" },
|
|
{ label: "Guest Reviews", href: "/testimonials" },
|
|
{ label: "FAQ", href: "/faq" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |