Files
4f13a99e-ffd4-4a70-88fe-7a1…/src/app/page.tsx
2026-01-29 20:27:26 +02:00

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>
);
}