135 lines
7.0 KiB
TypeScript
135 lines
7.0 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import { Building2, Users, Star, Award } from 'lucide-react';
|
|
import Link from "next/link";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="Luxe Haven"
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Rooms", id: "/rooms" },
|
|
{ name: "Amenities", id: "/amenities" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "/contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboardSplit
|
|
logoText="Luxe Haven"
|
|
description="Experience ultimate luxury and comfort at our 5-star resort. Indulge in world-class amenities, personalized service, and breathtaking views that make your stay unforgettable."
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "/contact" },
|
|
{ text: "Explore Rooms", href: "/rooms" }
|
|
]}
|
|
layoutOrder="default"
|
|
imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
|
|
imageAlt="Luxurious hotel suite with elegant furnishings"
|
|
frameStyle="browser"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Welcome to Luxe Haven - Where Hospitality Meets Elegance"
|
|
metrics={[
|
|
{ icon: Building2, label: "Years of Excellence", value: "25+" },
|
|
{ icon: Users, label: "Happy Guests", value: "50K+" },
|
|
{ icon: Star, label: "Guest Rating", value: "4.9/5" },
|
|
{ icon: Award, label: "Awards Won", value: "18" }
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<FeatureCardTwentyOne
|
|
title="World-Class Amenities"
|
|
description="Discover our comprehensive range of premium facilities designed to enhance every moment of your stay."
|
|
tag="Facilities"
|
|
imageSrc="https://img.b2bpic.net/free-photo/relaxed-couple-wearing-bathrobes-while-enjoying-health-spa-focus-is-man_637285-7504.jpg"
|
|
imageAlt="Luxury spa and wellness center"
|
|
accordionItems={[
|
|
{
|
|
id: "1", title: "Spa & Wellness Center", content: "Rejuvenate your mind and body at our award-winning spa. Enjoy signature treatments, therapeutic massages, and holistic wellness programs in a serene environment."
|
|
},
|
|
{
|
|
id: "2", title: "Fine Dining Restaurant", content: "Savor exquisite culinary creations from our Michelin-trained chef. Our farm-to-table restaurant offers an unforgettable gastronomic experience with curated wine selections."
|
|
},
|
|
{
|
|
id: "3", title: "State-of-the-Art Fitness Center", content: "Stay fit with our fully equipped gym featuring latest cardio machines, free weights, and personal training services available 24/7."
|
|
}
|
|
]}
|
|
buttons={[{ text: "View All Amenities", href: "/amenities" }]}
|
|
useInvertedBackground="noInvert"
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardThree
|
|
title="Choose Your Perfect Room"
|
|
description="Select from our curated collection of luxurious rooms and suites, each designed for your ultimate comfort and relaxation."
|
|
products={[
|
|
{
|
|
id: "1", name: "Deluxe Room", price: "$299/night", imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Spacious deluxe hotel room"
|
|
},
|
|
{
|
|
id: "2", name: "Ocean View Suite", price: "$449/night", imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg", imageAlt: "Suite with panoramic ocean views"
|
|
},
|
|
{
|
|
id: "3", name: "Executive Presidential Suite", price: "$699/night", imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg", imageAlt: "Exclusive presidential suite with luxury furnishings"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Luxe Haven exceeded all my expectations. The service was impeccable, the rooms were luxurious, and every detail reflected their commitment to excellence. I've already booked my next stay!"
|
|
rating={5}
|
|
author="Margaret Henderson, Travel Enthusiast"
|
|
avatars={[
|
|
{ src: "https://img.b2bpic.net/free-photo/smiling-woman-walking-with-trolley-bag-airport-terminal_107420-85050.jpg", alt: "Guest Margaret" },
|
|
{ src: "https://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg", alt: "Guest John" },
|
|
{ src: "https://img.b2bpic.net/free-photo/stylish-smiling-young-woman-coming-out-from-elevator-with-her-suitcase_23-2148033340.jpg", alt: "Guest Sarah" },
|
|
{ src: "https://img.b2bpic.net/free-photo/businesswoman-handing-his-boarding-pass-counter_107420-63586.jpg", alt: "Guest David" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<FooterLogoReveal logoText="Luxe Haven" />
|
|
</ThemeProvider>
|
|
);
|
|
} |