264 lines
15 KiB
TypeScript
264 lines
15 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import { Sparkles, Award, Home, Heart, Star, Zap, Users, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Luxury Hotel"
|
|
navItems={[
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Book Now", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
title="Welcome to Pure Luxury"
|
|
description="Experience world-class hospitality in our five-star hotel. Discover elegance, comfort, and exceptional service designed for the discerning traveler."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="5-Star Hotel"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
|
|
imageAlt="Luxury hotel lobby with elegant interior design"
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "contact" },
|
|
{ text: "Explore Rooms", href: "rooms" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="highlights" data-section="highlights">
|
|
<FeatureCardNine
|
|
title="Signature Experiences"
|
|
description="Discover the unique offerings that set our hotel apart. From exclusive amenities to personalized services, every detail is crafted for your comfort."
|
|
tag="Luxury Highlights"
|
|
tagIcon={Sparkles}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Oceanfront Views", description: "Wake up to breathtaking panoramic ocean vistas from your private balcony.", imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Michelin-Starred Chef", description: "Indulge in culinary excellence crafted by our award-winning international chef.", imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Wellness Retreats", description: "Rejuvenate mind and body with our comprehensive spa and holistic wellness programs.", imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSix
|
|
title="World-Class Amenities"
|
|
description="From our spa and wellness center to fine dining restaurants and state-of-the-art fitness facilities, we offer everything for an unforgettable stay."
|
|
tag="Premium Services"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Spa & Wellness", description: "Rejuvenate your mind and body with our full-service spa featuring massages, facials, and holistic wellness treatments.", imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Fine Dining", description: "Savor exquisite cuisine prepared by award-winning chefs at our gourmet restaurants and bars.", imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Fitness Center", description: "Stay active with our modern gym, yoga studio, and personal training services available 24/7.", imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
|
|
},
|
|
{
|
|
id: 4,
|
|
title: "Business Facilities", description: "Host corporate events and conferences with our fully equipped meeting rooms and business services.", imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardThree
|
|
title="Rooms & Suites"
|
|
description="Choose from our carefully curated selection of luxury rooms and suites, each offering exceptional comfort and modern amenities."
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
tag="Luxury Accommodations"
|
|
tagIcon={Home}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "1", name: "Deluxe Room", price: "$249/night", imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg", imageAlt: "Deluxe hotel room with king bed and city view"
|
|
},
|
|
{
|
|
id: "2", name: "Executive Suite", price: "$449/night", imageSrc: "https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg", imageAlt: "Executive suite with living area and bedroom"
|
|
},
|
|
{
|
|
id: "3", name: "Standard Room", price: "$149/night", imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg", imageAlt: "Comfortable standard hotel room"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
title="A Legacy of Hospitality Excellence"
|
|
description="For over 30 years, our hotel has been the premier destination for luxury travelers. We combine timeless elegance with modern amenities to create unforgettable experiences that exceed expectations."
|
|
tag="Our Story"
|
|
tagIcon={Heart}
|
|
metrics={[
|
|
{ value: "30+", title: "Years of Excellence" },
|
|
{ value: "5000+", title: "Happy Guests Annually" }
|
|
]}
|
|
imageSrc="https://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg"
|
|
imageAlt="Beautiful luxury hotel exterior architecture"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSix
|
|
title="Guest Testimonials"
|
|
description="Hear what our valued guests have to say about their experiences at our hotel."
|
|
tag="Guest Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Margaret Johnson", handle: "New York, USA", testimonial: "An absolutely incredible stay. The service was impeccable, the rooms were luxurious, and the attention to detail was exceptional. I will definitely return.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg", imageAlt: "Margaret Johnson"
|
|
},
|
|
{
|
|
id: "2", name: "David Chen", handle: "Singapore", testimonial: "The spa experience was world-class, and the dining options were outstanding. Every staff member went above and beyond to make our stay perfect.", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-posing-indoors_23-2149915935.jpg", imageAlt: "David Chen"
|
|
},
|
|
{
|
|
id: "3", name: "Sophie Laurent", handle: "Paris, France", testimonial: "Pure elegance and comfort. The hotel is perfectly located, beautifully designed, and offers unparalleled hospitality. Highly recommended for anyone seeking luxury.", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Sophie Laurent"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Thompson", handle: "London, UK", testimonial: "Business travel has never been so enjoyable. The meeting facilities are top-notch, and the evening service is just perfect. A true gem.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageAlt: "Michael Thompson"
|
|
},
|
|
{
|
|
id: "5", name: "Elena Rodriguez", handle: "Madrid, Spain", testimonial: "Every moment was magical. From the welcome at check-in to the goodbye at check-out, everything was handled with such grace and professionalism.", imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Elena Rodriguez"
|
|
},
|
|
{
|
|
id: "6", name: "James Patterson", handle: "Toronto, Canada", testimonial: "I've stayed at many luxury hotels worldwide, but this one stands out. The combination of luxury and warmth makes it truly special.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "James Patterson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
title="Special Offers & Packages"
|
|
description="Discover our exclusive deals and packages designed to enhance your stay and provide exceptional value."
|
|
tag="Limited Time"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "romantic", badge: "Couples' Escape", badgeIcon: Heart,
|
|
price: "$599", subtitle: "2-night romantic getaway", buttons: [
|
|
{ text: "Book Package", href: "contact" }
|
|
],
|
|
features: [
|
|
"Deluxe room upgrade", "Couples spa treatment", "Champagne dinner", "Late checkout"
|
|
]
|
|
},
|
|
{
|
|
id: "corporate", badge: "Best Value", badgeIcon: Sparkles,
|
|
price: "$899", subtitle: "3-night business package", buttons: [
|
|
{ text: "Book Package", href: "contact" }
|
|
],
|
|
features: [
|
|
"Executive suite stay", "Complimentary breakfast", "Meeting room included", "Airport transfers", "Priority service"
|
|
]
|
|
},
|
|
{
|
|
id: "family", badge: "Family Fun", badgeIcon: Users,
|
|
price: "$799", subtitle: "4-night family vacation", buttons: [
|
|
{ text: "Book Package", href: "contact" }
|
|
],
|
|
features: [
|
|
"2 connecting rooms", "Kids eat free", "Activity entertainment", "Family spa package"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Make Your Reservation"
|
|
description="Contact our reservations team today to book your perfect stay. We're here to answer any questions and help create your ideal hotel experience."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg"
|
|
imageAlt="Hotel concierge desk with welcoming service"
|
|
mediaPosition="right"
|
|
buttonText="Request Reservation"
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
|
{ name: "checkin", type: "date", placeholder: "Check-in Date", required: true }
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your preferences, special requests, or questions...", rows: 5,
|
|
required: false
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Luxury Hotel"
|
|
copyrightText="© 2025 Luxury Hotel. All rights reserved. Hospitality Excellence Since 1995."
|
|
socialLinks={[
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
|
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |