308 lines
14 KiB
TypeScript
308 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Phone } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="elevated-accent-light"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Luxury Stay"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Book Now", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
title="Welcome to Luxury Stay"
|
|
description="Experience unparalleled comfort and elegance in our world-class hotel. From breathtaking views to exceptional service, we redefine hospitality."
|
|
tag="5-Star Hotel"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "#contact" },
|
|
{ text: "Explore Rooms", href: "#rooms" }
|
|
]}
|
|
carouselItems={[
|
|
{ id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg", imageAlt: "Luxury suite" },
|
|
{ id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg", imageAlt: "Hotel room with view" },
|
|
{ id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243011595-xn46fxaw.jpg", imageAlt: "Hotel room with pool view" },
|
|
{ id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184723624-xmhe9dh9.jpg", imageAlt: "Elegant hotel lobby" },
|
|
{ id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg", imageAlt: "Fine dining restaurant" },
|
|
{ id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243009586-i0wdic5p.jpg", imageAlt: "Luxury spa facilities" }
|
|
]}
|
|
autoPlay={true}
|
|
autoPlayInterval={5000}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
title="Your Gateway to Luxury"
|
|
description="Nestled in the heart of the city, our hotel combines contemporary design with timeless elegance. With over 200 rooms, award-winning dining, and world-class amenities, we create unforgettable memories for every guest. Our dedicated team ensures your stay is nothing short of exceptional."
|
|
tag="About Us"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837895688-zmwuys3h.jpg"
|
|
imageAlt="Luxury hotel exterior"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[{ text: "Learn More", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<FeatureCardTwentyOne
|
|
title="Our Room Collections"
|
|
description="Each room is thoughtfully designed to provide the ultimate in comfort and style. Discover our curated selection of accommodations."
|
|
tag="Room Types"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
|
|
imageAlt="Luxury suite"
|
|
useInvertedBackground="noInvert"
|
|
mediaPosition="left"
|
|
accordionItems={[
|
|
{
|
|
id: "1",
|
|
title: "Deluxe Room",
|
|
content: "Our signature room features modern amenities, premium bedding, and elegant furnishings. Perfect for couples and individual travelers seeking comfort and style. Complimentary Wi-Fi, flat-screen TV, and marble bathroom included."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Executive Suite",
|
|
content: "Spacious suites with separate living areas, premium toiletries, and exclusive club access. Enjoy personalized concierge service and priority reservations at our restaurant and spa facilities."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Penthouse Suite",
|
|
content: "Our crown jewel featuring panoramic city views, private terrace, and luxurious spa-inspired bathroom. Includes champagne welcome service and dedicated butler assistance for ultimate indulgence."
|
|
}
|
|
]}
|
|
buttons={[{ text: "View All Rooms", href: "#contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<MetricCardSeven
|
|
title="World-Class Amenities"
|
|
description="Discover the exceptional facilities that set us apart"
|
|
tag="Facilities"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "200+",
|
|
title: "Luxury Rooms",
|
|
items: ["Premium bedding & linens", "24-hour room service", "Smart climate control"]
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "5",
|
|
title: "Dining Venues",
|
|
items: ["Michelin-starred restaurant", "Rooftop bar & lounge", "24-hour room service"]
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "50,000",
|
|
title: "Sq Ft Spa",
|
|
items: ["Professional treatments", "Thermal pools", "Wellness programs"]
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "99%",
|
|
title: "Guest Satisfaction",
|
|
items: ["Award-winning service", "Personalized experiences", "Attention to detail"]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardEleven
|
|
title="What Our Guests Say"
|
|
description="Read heartfelt reviews from travelers who've experienced our hospitality"
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
nameTitle: "Sarah Johnson, Business Executive",
|
|
quote: "The most remarkable stay of my life. Every detail was perfect, from the moment I arrived until checkout. The staff anticipates your needs before you even ask.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183587552-1pqoe5c0.jpg",
|
|
imageAlt: "Sarah Johnson"
|
|
},
|
|
{
|
|
id: "2",
|
|
nameTitle: "Michael Chen, Travel Blogger",
|
|
quote: "Luxury Stay redefined my expectations. The combination of exceptional service, stunning design, and world-class amenities is unmatched. Highly recommended!",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
|
|
imageAlt: "Michael Chen"
|
|
},
|
|
{
|
|
id: "3",
|
|
nameTitle: "Emma Rodriguez, Couple's Retreat",
|
|
quote: "We celebrated our anniversary here and it was magical. The spa treatments, romantic dining, and spectacular views made it unforgettable.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
|
|
imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4",
|
|
nameTitle: "David Lee, Corporate Client",
|
|
quote: "Perfect venue for our corporate events. The facilities are top-notch and the team goes above and beyond to ensure everything runs smoothly.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766182321167-i4kvpj5f.jpg",
|
|
imageAlt: "David Lee"
|
|
},
|
|
{
|
|
id: "5",
|
|
nameTitle: "Isabella Martinez, Luxury Traveler",
|
|
quote: "I travel extensively and this hotel is in a league of its own. The attention to detail, personalized service, and elegant ambiance set it apart.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
|
|
imageAlt: "Isabella Martinez"
|
|
},
|
|
{
|
|
id: "6",
|
|
nameTitle: "James Wilson, Family Vacation",
|
|
quote: "Our family had the time of our lives. The kids loved the pool, we enjoyed the spa, and the entire experience was flawless. Already planning our return!",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
|
|
imageAlt: "James Wilson"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about your stay"
|
|
tag="Help"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "What is your cancellation policy?",
|
|
content: "We offer flexible cancellation up to 48 hours before arrival for a full refund. Standard rate bookings can be cancelled free of charge. Non-refundable rates cannot be modified or cancelled."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you offer airport transfers?",
|
|
content: "Yes, we provide complimentary airport transfer service for guests staying 3 nights or more. Standard transfer fee applies for shorter stays. Book in advance through our concierge."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What are your check-in and check-out times?",
|
|
content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out are available upon request, subject to availability and may incur additional charges."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "Are pets allowed?",
|
|
content: "Yes, we welcome well-behaved pets in designated pet-friendly rooms. A one-time pet fee of $50 applies. Please notify us at booking to ensure availability."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Is breakfast included?",
|
|
content: "Breakfast is complimentary for guests in our Executive Suites and above. Standard room guests can add breakfast for $25 per person per day at the time of booking."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "Do you offer spa services?",
|
|
content: "Our full-service spa offers a complete range of treatments including massages, facials, and body treatments. Book directly at the spa or through your room's concierge service."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Book Your Stay?"
|
|
ctaDescription="Get in touch with our reservations team to plan your perfect getaway."
|
|
ctaButton={{ text: "Reserve Now", href: "tel:+1-800-LUXURY-01" }}
|
|
ctaIcon={Phone}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How do I make a reservation?",
|
|
content: "You can book directly on our website, call our reservations team at +1-800-LUXURY-01, or email reservations@luxurystay.com. We're available 24/7 to assist you."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "What payment methods do you accept?",
|
|
content: "We accept all major credit cards, digital wallets, and bank transfers. A security deposit may be required at the time of booking."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Can I modify my reservation?",
|
|
content: "Yes, modifications can be made up to 48 hours before arrival without penalty. Contact our reservations team for any changes to your booking."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Luxury Stay"
|
|
copyrightText="© 2025 Luxury Stay Hotel. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Hotel",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Rooms & Suites", href: "rooms" },
|
|
{ label: "Amenities", href: "amenities" },
|
|
{ label: "Dining", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Guest Services",
|
|
items: [
|
|
{ label: "Reservations", href: "contact" },
|
|
{ label: "Special Offers", href: "#" },
|
|
{ label: "Group Bookings", href: "#" },
|
|
{ label: "Loyalty Program", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Contact",
|
|
items: [
|
|
{ label: "Phone", href: "tel:+1-800-LUXURY-01" },
|
|
{ label: "Email", href: "mailto:info@luxurystay.com" },
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Social Media", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |