Initial commit
This commit is contained in:
152
src/app/page.tsx
Normal file
152
src/app/page.tsx
Normal file
@@ -0,0 +1,152 @@
|
||||
"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';
|
||||
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user