217 lines
11 KiB
TypeScript
217 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 FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import Link from "next/link";
|
|
|
|
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 style={{ position: 'absolute', top: 0, left: 0, padding: '10px', display: 'flex', gap: '15px', zIndex: 1000 }}>
|
|
<Link href="/">Home</Link>
|
|
<Link href="/about">About</Link>
|
|
<Link href="/rooms">Rooms</Link>
|
|
<Link href="/amenities">Amenities</Link>
|
|
<Link href="/contact">Contact</Link>
|
|
</div>
|
|
</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="noInvert"
|
|
/>
|
|
</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="noInvert"
|
|
/>
|
|
</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="noInvert"
|
|
/>
|
|
</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>
|
|
);
|
|
} |