353 lines
16 KiB
TypeScript
353 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Award, Globe, Home, HelpCircle, Sparkles, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="smallSizeLargeTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="spotlight"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="outline"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Luxe Haven"
|
|
navItems={[
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Guests", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
bottomLeftText="Luxury Hospitality Experience"
|
|
bottomRightText="reservations@luxehaven.com"
|
|
/>
|
|
</div>
|
|
|
|
{/* Hero Section */}
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Indulge in Timeless Luxury"
|
|
description="Experience the pinnacle of hospitality at Luxe Haven. Our five-star accommodations and world-class amenities await your arrival."
|
|
tag="Premium Experience"
|
|
tagIcon={Sparkles}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kw96qc"
|
|
imageAlt="Luxury hotel lobby with elegant architecture"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "#contact" },
|
|
{ text: "Explore Rooms", href: "#rooms" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* About Section */}
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Award-winning hospitality since 1995. Crafting unforgettable memories through exceptional service and timeless elegance."
|
|
metrics={[
|
|
{ icon: Award, label: "International Awards", value: "47+" },
|
|
{ icon: Users, label: "Satisfied Guests", value: "250K+" },
|
|
{ icon: Star, label: "Average Rating", value: "4.9/5" },
|
|
{ icon: Globe, label: "Years Excellence", value: "29" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
{/* Amenities Section */}
|
|
<div id="amenities" data-section="amenities">
|
|
<FeatureCardOne
|
|
title="World-Class Amenities"
|
|
description="Every detail crafted to perfection. Discover our collection of premium facilities designed for your ultimate comfort and relaxation."
|
|
tag="Facilities"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
title: "Luxury Spa & Wellness",
|
|
description: "Rejuvenate with our full-service spa featuring holistic treatments and state-of-the-art wellness facilities.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184718910-pnoqmtth.jpg",
|
|
imageAlt: "Luxury spa treatment area",
|
|
button: { text: "Explore Spa", href: "#contact" }
|
|
},
|
|
{
|
|
title: "Fine Dining Restaurant",
|
|
description: "Savor culinary excellence. Our Michelin-recommended restaurant offers innovative cuisine prepared by award-winning chefs.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6arjaf",
|
|
imageAlt: "Elegant fine dining restaurant",
|
|
button: { text: "Reserve Table", href: "#contact" }
|
|
},
|
|
{
|
|
title: "Olympic-Size Pool",
|
|
description: "Swim in our crystalline pools surrounded by lush gardens and premium lounging areas with personalized service.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b1ov8g",
|
|
imageAlt: "Luxury resort swimming pool",
|
|
button: { text: "Learn More", href: "#contact" }
|
|
},
|
|
{
|
|
title: "24/7 Concierge Service",
|
|
description: "Our dedicated concierge team is available around the clock to fulfill your every request with impeccable attention to detail.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
|
|
imageAlt: "Professional concierge assistance",
|
|
button: { text: "Contact Concierge", href: "#contact" }
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
{/* Rooms Section */}
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardOne
|
|
title="Exceptional Rooms & Suites"
|
|
description="Each room is a sanctuary of elegance and comfort. Discover our carefully curated collection of accommodations."
|
|
tag="Accommodations"
|
|
tagIcon={Home}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Deluxe Room",
|
|
price: "$280/night",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnly5q",
|
|
imageAlt: "Deluxe hotel room with premium furnishings"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Presidential Suite",
|
|
price: "$650/night",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=55xjqe",
|
|
imageAlt: "Luxurious presidential suite with panoramic views"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Standard Room",
|
|
price: "$180/night",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9vj3gy",
|
|
imageAlt: "Comfortable standard room with modern amenities"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
{/* Partners Section */}
|
|
<div id="partners" data-section="partners">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Luxe Haven partners with the world's most prestigious hospitality and luxury brands."
|
|
tag="Partnerships"
|
|
tagIcon={Award}
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140108208-9jx2n5py.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183580042-1z23mdom.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140106374-le5uxrj5.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183581068-iklr7ul7.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140107205-4bafhl5z.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183582037-814qymx8.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185073175-imh155jb.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140109000-ndb7534s.jpg"
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
speed={50}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
{/* Testimonials Section */}
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardEight
|
|
title="Cherished by Our Guests"
|
|
description="Read what our valued guests have experienced at Luxe Haven. Their stories inspire us to maintain our commitment to excellence."
|
|
tag="Guest Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Alexandra Chen",
|
|
role: "Executive Director",
|
|
company: "Global Ventures Inc.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=64stsb",
|
|
imageAlt: "Alexandra Chen, Executive Director"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marcus Johnson",
|
|
role: "CEO",
|
|
company: "Premier Consulting",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=emj3il",
|
|
imageAlt: "Marcus Johnson, CEO"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Sophie Laurent",
|
|
role: "Creative Director",
|
|
company: "Design Studios Paris",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6nuror",
|
|
imageAlt: "Sophie Laurent, Creative Director"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
role: "Entrepreneur",
|
|
company: "Tech Innovations Asia",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=duzd08",
|
|
imageAlt: "David Kim, Entrepreneur"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Isabella Rossi",
|
|
role: "Fashion Designer",
|
|
company: "Luxury Fashion House",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tfmytp",
|
|
imageAlt: "Isabella Rossi, Fashion Designer"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "James Wellington",
|
|
role: "Investment Manager",
|
|
company: "Wealth Partners Global",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3el4it",
|
|
imageAlt: "James Wellington, Investment Manager"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
{/* FAQ Section */}
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our rooms, amenities, policies, and services."
|
|
tag="Help & Support"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What is your cancellation policy?",
|
|
content: "We offer flexible cancellation up to 48 hours before arrival for full refund. Cancellations within 48 hours are subject to one night's charge. Special rates and packages may have different terms."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you offer early check-in or late checkout?",
|
|
content: "Early check-in (from 10 AM) and late checkout (until 6 PM) are subject to availability. Please contact our concierge at least 24 hours in advance. Premium suites may have complimentary extended hours."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What amenities are included in the room rate?",
|
|
content: "All rooms include luxury bedding, marble bathrooms, premium toiletries, flat-screen TV, high-speed internet, mini bar, and access to our fitness center and pool. Suite guests enjoy complimentary spa credits and butler service."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Do you have parking facilities?",
|
|
content: "Yes, we offer complimentary valet parking for all guests. Self-parking is also available in our secure underground garage. Electric vehicle charging stations are available upon request."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Can you accommodate special dietary requirements?",
|
|
content: "Absolutely. Our culinary team is experienced in accommodating all dietary preferences and restrictions. Please inform us at the time of booking or contact our concierge upon arrival."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What is your pet policy?",
|
|
content: "We welcome pets in select rooms for a fee of $50 per night. Pets must be well-behaved and owners are responsible for any damages. Please inform us at booking if you plan to bring a pet."
|
|
}
|
|
]}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
{/* Contact Section */}
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
title="Reserve Your Luxury Experience"
|
|
description="Book your stay with us or inquire about our premium services. Our team is ready to craft your perfect getaway."
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=winnic"
|
|
imageAlt="Luxury hotel concierge service"
|
|
mediaPosition="right"
|
|
inputs={[
|
|
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
|
{ name: "checkIn", type: "date", placeholder: "Check-in Date", required: true },
|
|
{ name: "checkOut", type: "date", placeholder: "Check-out Date", required: true }
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your preferences or special requests", rows: 5, required: true }}
|
|
buttonText="Complete Reservation"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer Section */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "Accommodations",
|
|
items: [
|
|
{ label: "Deluxe Rooms", href: "rooms" },
|
|
{ label: "Presidential Suites", href: "rooms" },
|
|
{ label: "Standard Rooms", href: "rooms" }
|
|
]
|
|
},
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{ label: "Spa & Wellness", href: "amenities" },
|
|
{ label: "Fine Dining", href: "amenities" },
|
|
{ label: "Concierge", href: "amenities" },
|
|
{ label: "Room Service", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "FAQ", href: "faq" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Luxe Haven. All rights reserved. Luxury redefined."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |