Initial commit
This commit is contained in:
238
src/app/rooms/page.tsx
Normal file
238
src/app/rooms/page.tsx
Normal file
@@ -0,0 +1,238 @@
|
||||
"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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user