Initial commit
This commit is contained in:
237
src/app/page.tsx
Normal file
237
src/app/page.tsx
Normal file
@@ -0,0 +1,237 @@
|
||||
"use client"
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroSignup from '@/components/sections/hero/HeroSignup';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Sparkles, Home, Crown, Heart, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="none"
|
||||
cardStyle="elevated"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Luxe Haven"
|
||||
navItems={[
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Amenities", id: "features" },
|
||||
{ name: "Gallery", id: "testimonials" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now", href: "https://booking.example.com"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSignup
|
||||
title="Experience Luxury & Comfort Like Never Before"
|
||||
description="Discover your perfect escape at Luxe Haven. Indulge in world-class amenities, personalized service, and unforgettable moments in our stunning accommodations."
|
||||
tag="Luxury Hospitality"
|
||||
tagIcon={Sparkles}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Reserve Your Stay"
|
||||
className="w-full"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardTwo
|
||||
title="Exquisite Room Collections"
|
||||
description="Choose from our curated selection of luxurious rooms and suites, each designed for ultimate comfort and style."
|
||||
tag="Rooms & Suites"
|
||||
tagIcon={Home}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="invertDefault"
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Luxe Haven", name: "Deluxe Room", price: "$189/night", rating: 5,
|
||||
reviewCount: "428", imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg", imageAlt: "Deluxe Room with City View"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Luxe Haven", name: "Ocean View Suite", price: "$299/night", rating: 5,
|
||||
reviewCount: "356", imageSrc: "https://img.b2bpic.net/free-photo/spa-composition-with-candles-towel-top-view_169016-20529.jpg", imageAlt: "Ocean View Suite"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Luxe Haven", name: "Presidential Suite", price: "$599/night", rating: 5,
|
||||
reviewCount: "189", imageSrc: "https://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "Presidential Suite Luxury"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
title="Why Choose Luxe Haven"
|
||||
description="Experience the difference between ordinary hotels and true luxury hospitality."
|
||||
tag="Premium Experience"
|
||||
tagIcon={Crown}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Standard accommodations", "Limited amenities", "Basic service", "Crowded facilities"
|
||||
]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Luxury suite options", "World-class spa & wellness", "Personalized concierge", "Exclusive access areas"
|
||||
]
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
title="Your Home Away from Home"
|
||||
description="With over 15 years of hospitality excellence, Luxe Haven has welcomed thousands of guests seeking unforgettable experiences. Our commitment to luxury, comfort, and exceptional service defines everything we do."
|
||||
tag="Our Story"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
|
||||
imageAlt="Luxe Haven Lobby"
|
||||
useInvertedBackground="invertDefault"
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "#contact" },
|
||||
{ text: "Book a Tour", href: "https://tours.example.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Trusted by Travelers Worldwide"
|
||||
description="Our achievements speak to our dedication to excellence in hospitality."
|
||||
tag="By The Numbers"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15+", title: "Years of Excellence", items: [
|
||||
"Industry-leading service", "Award-winning hospitality", "Proven track record"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "2", value: "50K+", title: "Happy Guests", items: [
|
||||
"Exceptional ratings", "Repeat visitors", "Global clientele"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "3", value: "24/7", title: "Concierge Service", items: [
|
||||
"Around-the-clock support", "Personal assistance", "Guest satisfaction"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "4", value: "98%", title: "Satisfaction Rate", items: [
|
||||
"Outstanding reviews", "Quality assurance", "Consistent excellence"
|
||||
]
|
||||
}
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="What Our Guests Say"
|
||||
description="Read heartfelt experiences from travelers who discovered their perfect getaway at Luxe Haven."
|
||||
tag="Guest Reviews"
|
||||
tagIcon={Heart}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="invertDefault"
|
||||
speed={40}
|
||||
topMarqueeDirection="left"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Anderson", handle: "@sarahtravel", testimonial: "Luxe Haven exceeded all my expectations. The staff was incredibly attentive, the rooms were immaculate, and the amenities were world-class. I'm already planning my next stay!", imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Anderson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", handle: "@michaelcorp", testimonial: "Perfect for both business and leisure. The executive lounge is fantastic, high-speed internet everywhere, and the spa helped me unwind after long meetings. Highly recommended!", imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg", imageAlt: "Michael Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emma Rodriguez", handle: "@emmaswanderlust", testimonial: "Our honeymoon was absolutely magical here. The sunset views from our suite were breathtaking, and the romantic dinner arrangements were perfect. Thank you, Luxe Haven!", imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Emma Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Thompson", handle: "@davidexplorer", testimonial: "Best hotel experience of my travels. The location is convenient, the pool area is stunning, and every detail shows commitment to guest comfort. Will definitely return!", imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", imageAlt: "David Thompson"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jessica Park", handle: "@jess_moments", testimonial: "The spa treatments were rejuvenating, the restaurant offered exquisite cuisine, and the ambiance throughout was pure elegance. A truly memorable luxury experience!", imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg", imageAlt: "Jessica Park"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Robert Mitchell", handle: "@roberttraveler", testimonial: "From check-in to check-out, everything was seamless. The attention to detail, personalized service, and beautiful surroundings made my stay unforgettable. Luxury at its finest!", imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg", imageAlt: "Robert Mitchell"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Ready to Book?"
|
||||
tagIcon={Mail}
|
||||
title="Plan Your Unforgettable Getaway"
|
||||
description="Don't miss out on luxury and comfort. Reserve your room at Luxe Haven today and create memories that will last a lifetime."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground="noInvert"
|
||||
buttons={[
|
||||
{ text: "Book Your Room", href: "https://booking.example.com" },
|
||||
{ text: "Contact Us", href: "https://contact.example.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Luxe Haven"
|
||||
copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel", items: [
|
||||
{ label: "Rooms & Suites", href: "rooms" },
|
||||
{ label: "Amenities", href: "features" },
|
||||
{ label: "Gallery", href: "testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Careers", href: "https://careers.example.com" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "FAQs", href: "https://faq.example.com" },
|
||||
{ label: "Reservations", href: "https://booking.example.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user