232 lines
9.4 KiB
TypeScript
232 lines
9.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
|
|
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import { Star, DoorOpen } from "lucide-react";
|
|
|
|
export default function LuxuryHotelsPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="sharp"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="neon-glow-border"
|
|
secondaryButtonStyle="minimal"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Luxury Hotels"
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "About", id: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Experience Luxury Hospitality"
|
|
description="Discover your perfect getaway at our award-winning hotel. Unwind in elegance with world-class amenities and exceptional service."
|
|
tag="Premium Accommodations"
|
|
tagIcon={Star}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
|
|
imageAlt="Luxury hotel lobby and entrance"
|
|
buttons={[
|
|
{ text: "Book Your Stay", href: "#contact" },
|
|
{ text: "Explore Rooms", href: "#rooms" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<ParallaxAbout
|
|
title="A Legacy of Excellence"
|
|
description="For over 25 years, we have been committed to providing unforgettable experiences. Our hotel blends timeless elegance with modern comfort, creating the perfect sanctuary for travelers seeking the finest in hospitality."
|
|
tag="Our Story"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg"
|
|
imageAlt="Hotel interior design and architecture"
|
|
buttons={[
|
|
{ text: "Learn More", href: "#amenities" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardSix
|
|
title="Our Exquisite Rooms"
|
|
description="Choose from our carefully curated selection of luxurious accommodations, each designed to provide the ultimate comfort and style."
|
|
tag="Room Collection"
|
|
tagIcon={DoorOpen}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Deluxe King Suite",
|
|
price: "$189 per night",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041396095-f4hs15gt.jpg",
|
|
imageAlt: "Deluxe king suite bedroom"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Presidential Suite",
|
|
price: "$349 per night",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
|
|
imageAlt: "Presidential suite with panoramic views"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Standard Room",
|
|
price: "$119 per night",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211438371-8670buzm.jpg",
|
|
imageAlt: "Comfortable standard room"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<FeatureCardNine
|
|
title="World-Class Amenities"
|
|
description="From rejuvenating spa treatments to fine dining experiences, our facilities cater to every need."
|
|
tag="Facilities"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Olympic Pool",
|
|
description: "Dive into our stunning outdoor pool with heated water, perfect for swimming and relaxation throughout the year.",
|
|
phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767211437426-jhqsalo3.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
|
|
}
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Fine Dining Restaurant",
|
|
description: "Savor exquisite international cuisine prepared by our award-winning chefs in our elegant dining hall.",
|
|
phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767268560253-uuvi7z64.jpg"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766852318197-diedd693.jpg"
|
|
}
|
|
}
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
title="Guest Reviews"
|
|
description="See what our valued guests have to say about their unforgettable stays with us."
|
|
tag="Testimonials"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
handle: "@sarahj",
|
|
testimonial: "An absolutely magnificent stay! The service was impeccable and every detail was perfect. I felt truly pampered.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
handle: "@mchen",
|
|
testimonial: "The best hotel experience I've had. The staff went above and beyond to make my stay comfortable and memorable.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
handle: "@emilytravel",
|
|
testimonial: "Luxury redefined. From the elegant rooms to the world-class amenities, everything exceeded my expectations.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
handle: "@davidk",
|
|
testimonial: "A tranquil escape from the city. The spa and dining experiences were absolutely phenomenal.",
|
|
rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to book your dream vacation? Contact us today and let our team help you create an unforgettable experience."
|
|
animationType="reveal-blur"
|
|
buttons={[
|
|
{ text: "Book Now", href: "mailto:reservations@luxuryhotels.com" },
|
|
{ text: "Call Us", href: "tel:+1234567890" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
copyrightText="© 2025 Luxury Hotels. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Quick Links",
|
|
items: [
|
|
{ label: "Home", href: "hero" },
|
|
{ label: "Rooms", href: "rooms" },
|
|
{ label: "Amenities", href: "amenities" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Careers", href: "https://example.com/careers" },
|
|
{ label: "Press", href: "https://example.com/press" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "Terms & Conditions", href: "https://example.com/terms" },
|
|
{ label: "Privacy Policy", href: "https://example.com/privacy" },
|
|
{ label: "Contact Support", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |