238 lines
8.5 KiB
TypeScript
238 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { DoorOpen, Star } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
|
|
export default function RoomsPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="layered-gradient"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
{/* Navigation */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Rooms", id: "/rooms" },
|
|
{ name: "Amenities", id: "/amenities" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Book Now", id: "/contact" }
|
|
]}
|
|
brandName="Luxe Haven"
|
|
bottomLeftText="Luxury Hospitality"
|
|
bottomRightText="reservations@luxehaven.com"
|
|
/>
|
|
</div>
|
|
|
|
{/* Rooms Gallery */}
|
|
<div id="rooms-gallery" data-section="rooms-gallery">
|
|
<ProductCardOne
|
|
title="Luxury Room Collection"
|
|
description="Each room at Luxe Haven is meticulously designed to offer the perfect blend of comfort, elegance, and modern amenities. Choose from our range of accommodations to find your ideal sanctuary."
|
|
tag="Our Rooms"
|
|
tagIcon={DoorOpen}
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Standard Room",
|
|
price: "$180/night",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
|
|
imageAlt: "Standard hotel room"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Deluxe Room",
|
|
price: "$280/night",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
|
|
imageAlt: "Deluxe hotel room"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Presidential Suite",
|
|
price: "$550/night",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
|
|
imageAlt: "Presidential suite"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "Executive Room",
|
|
price: "$220/night",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
|
|
imageAlt: "Executive hotel room"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Luxury Suite",
|
|
price: "$420/night",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",
|
|
imageAlt: "Luxury suite"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
{/* Room Features */}
|
|
<div id="room-features" data-section="room-features">
|
|
<FeatureCardOne
|
|
title="Room Features & Amenities"
|
|
description="Every room is thoughtfully appointed with premium amenities and services to ensure your comfort and satisfaction throughout your stay."
|
|
tag="Features"
|
|
tagIcon={Star}
|
|
features={[
|
|
{
|
|
title: "Premium Linens",
|
|
description: "Luxurious Egyptian cotton sheets and plush pillows for the perfect night's sleep.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
|
|
imageAlt: "Premium hotel bedding"
|
|
},
|
|
{
|
|
title: "Modern Technology",
|
|
description: "Smart TV, high-speed WiFi, and electronic room controls for your convenience.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
|
|
imageAlt: "Modern hotel room technology"
|
|
},
|
|
{
|
|
title: "Marble Bathrooms",
|
|
description: "Elegant marble bathrooms with rainfall showers and premium toiletries.",
|
|
imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
|
|
imageAlt: "Luxury hotel bathroom"
|
|
}
|
|
]}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
{/* Room Pricing */}
|
|
<div id="room-pricing" data-section="room-pricing">
|
|
<PricingCardThree
|
|
title="Room Rates & Packages"
|
|
description="Book directly with us for the best rates and exclusive perks. All bookings include complimentary WiFi and access to our fitness center."
|
|
tag="Rates"
|
|
plans={[
|
|
{
|
|
id: "standard",
|
|
price: "$180",
|
|
name: "Standard Room",
|
|
buttons: [
|
|
{ text: "Book Now", href: "/contact" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"Queen or Twin Beds",
|
|
"Marble Bathroom",
|
|
"HD Smart TV",
|
|
"Free WiFi",
|
|
"Air Conditioning"
|
|
]
|
|
},
|
|
{
|
|
id: "deluxe",
|
|
badge: "Most Popular",
|
|
badgeIcon: Star,
|
|
price: "$280",
|
|
name: "Deluxe Room",
|
|
buttons: [
|
|
{ text: "Book Now", href: "/contact" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"King Bed with Premium Linens",
|
|
"Luxury Bathroom with Amenities",
|
|
"City View Balcony",
|
|
"Minibar & Coffee Maker",
|
|
"Concierge Service",
|
|
"Free Spa Credit"
|
|
]
|
|
},
|
|
{
|
|
id: "suite",
|
|
price: "$550",
|
|
name: "Presidential Suite",
|
|
buttons: [
|
|
{ text: "Book Now", href: "/contact" },
|
|
{ text: "Learn More", href: "#" }
|
|
],
|
|
features: [
|
|
"Separate Living Area",
|
|
"Master Bedroom Suite",
|
|
"Panoramic City Views",
|
|
"Premium Toiletries & Amenities",
|
|
"24/7 Dedicated Concierge",
|
|
"Complimentary Breakfast",
|
|
"Spa & Restaurant Credit"
|
|
]
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Hotel",
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Rooms", href: "/rooms" },
|
|
{ label: "Amenities", href: "/amenities" },
|
|
{ label: "Book Now", href: "/contact" }
|
|
]
|
|
},
|
|
{
|
|
title: "Guest Services",
|
|
items: [
|
|
{ label: "Concierge", href: "#" },
|
|
{ label: "Room Service", href: "#" },
|
|
{ label: "Spa & Wellness", href: "#" },
|
|
{ label: "Restaurant", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Information",
|
|
items: [
|
|
{ label: "Contact Us", href: "/contact" },
|
|
{ label: "Location", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Group Bookings", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
{ label: "Sitemap", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
|
|
bottomRightText="Crafted for Luxury Hospitality"
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |