13 Commits

Author SHA1 Message Date
28ec771397 Update src/app/rooms/page.tsx 2026-04-08 21:50:26 +00:00
7ab86c872d Update src/app/gallery/page.tsx 2026-04-08 21:50:26 +00:00
46b1633549 Update src/app/contact/page.tsx 2026-04-08 21:50:25 +00:00
98a4f8aeec Update src/app/amenities/page.tsx 2026-04-08 21:50:25 +00:00
9abf733179 Update src/app/admin/page.tsx 2026-04-08 21:50:24 +00:00
c4f5b7406c Update src/app/about/page.tsx 2026-04-08 21:50:24 +00:00
fe709ce1ed Add src/app/rooms/page.tsx 2026-04-08 21:49:46 +00:00
c4b15950d4 Update src/app/page.tsx 2026-04-08 21:49:46 +00:00
ae085c387d Add src/app/gallery/page.tsx 2026-04-08 21:49:45 +00:00
d4d219a17c Add src/app/contact/page.tsx 2026-04-08 21:49:45 +00:00
fe09b16f30 Add src/app/amenities/page.tsx 2026-04-08 21:49:44 +00:00
627af3464c Add src/app/admin/page.tsx 2026-04-08 21:49:44 +00:00
1a0b019569 Add src/app/about/page.tsx 2026-04-08 21:49:43 +00:00
7 changed files with 278 additions and 156 deletions

39
src/app/about/page.tsx Normal file
View File

@@ -0,0 +1,39 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function AboutPage() {
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="RISE" button={{text: "Book Now", href: "/contact"}} />
</div>
<SplitAbout
title="Our Story"
description="Welcome to RISE, where culinary passion meets the iconic backdrop of Marina Bay Sands. We believe in crafting unforgettable memories through exceptional food and service."
textboxLayout="split"
imageSrc="http://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg"
bulletPoints={[]}
useInvertedBackground={false}
/>
<TeamCardTen
title="Meet Our Culinary Masters"
tag="The Team"
memberVariant="card"
members={[{ id: "1", name: "Head Chef" }, { id: "2", name: "Sous Chef" }, { id: "3", name: "Pastry Chef" }]}
membersAnimation="slide-up"
useInvertedBackground={false}
/>
<div id="footer" data-section="footer">
<FooterBase logoText="RISE" columns={[]} />
</div>
</ReactLenis>
</ThemeProvider>
);
}

66
src/app/admin/page.tsx Normal file
View File

@@ -0,0 +1,66 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Hotel, CalendarDays, Users, BarChart3 } from "lucide-react";
export default function AdminDashboardPage() {
return (
<ThemeProvider
defaultButtonVariant="directional-hover"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Dashboard", id: "dashboard" },
{ name: "Rooms", id: "rooms" },
{ name: "Bookings", id: "bookings" },
{ name: "Users", id: "users" },
{ name: "Analytics", id: "analytics" },
]}
brandName="RISE Admin"
button={{ text: "Logout", href: "/" }}
/>
</div>
<div className="pt-32 pb-20 px-6 max-w-7xl mx-auto" id="dashboard" data-section="dashboard">
<h1 className="text-4xl font-bold mb-8">Admin Dashboard</h1>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
{[
{ label: "Room Management", icon: Hotel },
{ label: "Booking Management", icon: CalendarDays },
{ label: "User Management", icon: Users },
{ label: "Analytics", icon: BarChart3 }
].map((item, idx) => (
<div key={idx} className="p-6 border border-border rounded-lg flex flex-col items-center justify-center hover:bg-accent/10 transition-colors">
<item.icon className="w-10 h-10 mb-4 text-primary" />
<h3 className="font-semibold text-lg">{item.label}</h3>
</div>
))}
</div>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "System", items: [{ label: "Security", href: "#" }, { label: "Support", href: "#" }] }
]}
logoText="RISE Admin"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,31 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBase from '@/components/sections/footer/FooterBase';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
export default function AmenitiesPage() {
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="RISE" button={{text: "Book Now", href: "/contact"}} />
</div>
<ProductCardThree
title="Hotel Amenities"
description="Enjoy premium facilities during your stay at Marina Bay Sands."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[{ id: "a1", name: "Infinity Pool", price: "Access", imageSrc: "" }, { id: "a2", name: "Fitness Center", price: "24/7", imageSrc: "" }]}
/>
<div id="footer" data-section="footer">
<FooterBase logoText="RISE" columns={[]} />
</div>
</ReactLenis>
</ThemeProvider>
);
}

28
src/app/contact/page.tsx Normal file
View File

@@ -0,0 +1,28 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBase from '@/components/sections/footer/FooterBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
export default function ContactPage() {
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="RISE" button={{text: "Book Now", href: "/contact"}} />
</div>
<ContactSplitForm
title="Get in Touch"
description="Fill out the form below for any reservations or inquiries."
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
useInvertedBackground={false}
/>
<div id="footer" data-section="footer">
<FooterBase logoText="RISE" columns={[]} />
</div>
</ReactLenis>
</ThemeProvider>
);
}

30
src/app/gallery/page.tsx Normal file
View File

@@ -0,0 +1,30 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
export default function GalleryPage() {
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="RISE" button={{text: "Book Now", href: "/contact"}} />
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Visual Elegance"
description="Take a look into our world."
background={{ variant: "plain" }}
mediaItems={[{ imageSrc: "" }, { imageSrc: "" }, { imageSrc: "" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase logoText="RISE" columns={[]} />
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -30,94 +30,59 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Menus", name: "Menus", id: "menus"},
id: "menus",
},
{ {
name: "Gallery", name: "Gallery", id: "gallery"},
id: "gallery",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="RISE" brandName="RISE"
button={{ button={{
text: "Reserve", text: "Reserve", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
title="RISE at Marina Bay Sands" title="RISE at Marina Bay Sands"
description="Experience an unforgettable culinary journey. From artisanal breakfast to world-class buffet dinner, every bite is a celebration of taste in the heart of Singapore." description="Experience an unforgettable culinary journey. From artisanal breakfast to world-class buffet dinner, every bite is a celebration of taste in the heart of Singapore."
buttons={[ buttons={[
{ {
text: "Book a Table", text: "Book a Table", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/closeup-delicious-meat-balls-fish-rolls-catered-rectangular-balls-with-sticks-snacks-variety-food-birthday-corporate-party-wedding-celebration_132075-13045.jpg" imageSrc="http://img.b2bpic.net/free-photo/closeup-delicious-meat-balls-fish-rolls-catered-rectangular-balls-with-sticks-snacks-variety-food-birthday-corporate-party-wedding-celebration_132075-13045.jpg"
imageAlt="RISE Restaurant Interior" imageAlt="RISE Restaurant Interior"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891062.jpg", src: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891062.jpg", alt: "Diner 1"},
alt: "Diner 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg", src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg", alt: "Diner 2"},
alt: "Diner 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/man-woman-eating-restaurant_23-2148395386.jpg", src: "http://img.b2bpic.net/free-photo/man-woman-eating-restaurant_23-2148395386.jpg", alt: "Diner 3"},
alt: "Diner 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-caucasian-bride-girl-with-bouquet-flowers-attractive-woman-having-nude-makeup-wears-wedding-stylish-suit-looking-into-camera-standing-outdoors-model-female_8353-12573.jpg", src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-caucasian-bride-girl-with-bouquet-flowers-attractive-woman-having-nude-makeup-wears-wedding-stylish-suit-looking-into-camera-standing-outdoors-model-female_8353-12573.jpg", alt: "Diner 4"},
alt: "Diner 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-blonde-young-woman-holding-muffin-hand_23-2147974646.jpg", src: "http://img.b2bpic.net/free-photo/close-up-blonde-young-woman-holding-muffin-hand_23-2147974646.jpg", alt: "Diner 5"},
alt: "Diner 5",
},
]} ]}
avatarText="Join 5,000+ satisfied guests" avatarText="Join 5,000+ satisfied guests"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Michelin Recommended"},
text: "Michelin Recommended",
},
{ {
type: "text", type: "text", text: "Award Winning Cuisine"},
text: "Award Winning Cuisine",
},
{ {
type: "text", type: "text", text: "Spectacular Marina Views"},
text: "Spectacular Marina Views",
},
{ {
type: "text", type: "text", text: "Farm to Table"},
text: "Farm to Table",
},
{ {
type: "text", type: "text", text: "Global Flavors"},
text: "Global Flavors",
},
]} ]}
/> />
</div> </div>
@@ -143,41 +108,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "m1", id: "m1", name: "Breakfast Buffet", price: "Daily", imageSrc: "http://img.b2bpic.net/free-photo/pancakes-topped-with-melted-chocolate_140725-3800.jpg"},
name: "Breakfast Buffet",
price: "Daily",
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-topped-with-melted-chocolate_140725-3800.jpg",
},
{ {
id: "m2", id: "m2", name: "Weekday Lunch", price: "Seasonal", imageSrc: "http://img.b2bpic.net/free-photo/snack-food-soft-plate-cheese_1157-4105.jpg"},
name: "Weekday Lunch",
price: "Seasonal",
imageSrc: "http://img.b2bpic.net/free-photo/snack-food-soft-plate-cheese_1157-4105.jpg",
},
{ {
id: "m3", id: "m3", name: "Weekend Lunch", price: "Curated", imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg"},
name: "Weekend Lunch",
price: "Curated",
imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg",
},
{ {
id: "m4", id: "m4", name: "Dinner Buffet", price: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-various-types-food_23-2149139490.jpg"},
name: "Dinner Buffet",
price: "Signature",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-full-various-types-food_23-2149139490.jpg",
},
{ {
id: "m5", id: "m5", name: "Beverage List", price: "Selected", imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg"},
name: "Beverage List",
price: "Selected",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg",
},
{ {
id: "m6", id: "m6", name: "Alcohol Packages", price: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/catering-buffet-food_74190-4133.jpg"},
name: "Alcohol Packages",
price: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/catering-buffet-food_74190-4133.jpg",
},
]} ]}
title="Signature Menus" title="Signature Menus"
description="Discover our carefully curated selections designed to excite every palate." description="Discover our carefully curated selections designed to excite every palate."
@@ -191,40 +132,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah Chen", handle: "@sarahc", testimonial: "The best buffet experience in Singapore. Unmatched variety.", imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891062.jpg"},
name: "Sarah Chen",
handle: "@sarahc",
testimonial: "The best buffet experience in Singapore. Unmatched variety.",
imageSrc: "http://img.b2bpic.net/free-photo/couples-celebrating-birthday_23-2149891062.jpg",
},
{ {
id: "t2", id: "t2", name: "Michael Tan", handle: "@michaelt", testimonial: "Sophisticated atmosphere and truly world-class culinary standards.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg"},
name: "Michael Tan",
handle: "@michaelt",
testimonial: "Sophisticated atmosphere and truly world-class culinary standards.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
},
{ {
id: "t3", id: "t3", name: "Emily Watson", handle: "@emilyw", testimonial: "An absolute treat for the senses. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-eating-restaurant_23-2148395386.jpg"},
name: "Emily Watson",
handle: "@emilyw",
testimonial: "An absolute treat for the senses. Highly recommended.",
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-eating-restaurant_23-2148395386.jpg",
},
{ {
id: "t4", id: "t4", name: "David Lim", handle: "@davidl", testimonial: "The signature dishes are simply divine. Perfect for special nights.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-caucasian-bride-girl-with-bouquet-flowers-attractive-woman-having-nude-makeup-wears-wedding-stylish-suit-looking-into-camera-standing-outdoors-model-female_8353-12573.jpg"},
name: "David Lim",
handle: "@davidl",
testimonial: "The signature dishes are simply divine. Perfect for special nights.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-caucasian-bride-girl-with-bouquet-flowers-attractive-woman-having-nude-makeup-wears-wedding-stylish-suit-looking-into-camera-standing-outdoors-model-female_8353-12573.jpg",
},
{ {
id: "t5", id: "t5", name: "Jasmine Lee", handle: "@jasminel", testimonial: "Stunning views paired with incredible food. Truly five-star.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-blonde-young-woman-holding-muffin-hand_23-2147974646.jpg"},
name: "Jasmine Lee",
handle: "@jasminel",
testimonial: "Stunning views paired with incredible food. Truly five-star.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blonde-young-woman-holding-muffin-hand_23-2147974646.jpg",
},
]} ]}
title="A World of Praise" title="A World of Praise"
description="Hear what our distinguished guests have to say about their experience at RISE." description="Hear what our distinguished guests have to say about their experience at RISE."
@@ -238,28 +154,17 @@ export default function LandingPage() {
description="Connect with us to book your table. Open daily for breakfast, lunch, and dinner." description="Connect with us to book your table. Open daily for breakfast, lunch, and dinner."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Email Address", required: true,
type: "email",
placeholder: "Email Address",
required: true,
}, },
{ {
name: "date", name: "date", type: "date", placeholder: "Preferred Date", required: true,
type: "date",
placeholder: "Preferred Date",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Special Requests", rows: 4,
placeholder: "Special Requests",
rows: 4,
required: false, required: false,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/vegetable-salad-with-glass-wine_140725-4323.jpg" imageSrc="http://img.b2bpic.net/free-photo/vegetable-salad-with-glass-wine_140725-4323.jpg"
@@ -270,46 +175,29 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Location", title: "Location", items: [
items: [
{ {
label: "10 Bayfront Avenue, Hotel Tower 1", label: "10 Bayfront Avenue, Hotel Tower 1", href: "#contact"},
href: "#contact",
},
{ {
label: "Marina Bay Sands, Singapore 018956", label: "Marina Bay Sands, Singapore 018956", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Dining Hours", title: "Dining Hours", items: [
items: [
{ {
label: "Breakfast: 6:30am - 10:30am", label: "Breakfast: 6:30am - 10:30am", href: "#"},
href: "#",
},
{ {
label: "Lunch: 12:00pm - 2:30pm", label: "Lunch: 12:00pm - 2:30pm", href: "#"},
href: "#",
},
{ {
label: "Dinner: From 5:00pm", label: "Dinner: From 5:00pm", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Contact", title: "Contact", items: [
items: [
{ {
label: "+65 6688 5525", label: "+65 6688 5525", href: "tel:+6566885525"},
href: "tel:+6566885525",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
], ],
}, },
]} ]}

40
src/app/rooms/page.tsx Normal file
View File

@@ -0,0 +1,40 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FooterBase from '@/components/sections/footer/FooterBase';
export default function RoomsPage() {
return (
<ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "Accommodations", id: "/rooms"}, {name: "Contact", id: "/#contact"}]} brandName="RISE" button={{text: "Book Now", href: "/#contact"}} />
</div>
<div className="pt-32 pb-20" id="rooms" data-section="rooms">
<ProductCardThree
title="Our Accommodations"
description="Experience world-class luxury and comfort in our signature rooms and suites."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
products={[
{ id: "r1", name: "Deluxe Suite", price: "$450/night", imageSrc: "https://images.unsplash.com/photo-1590490360182-c33d57733027?q=80&w=800" },
{ id: "r2", name: "Marina View Room", price: "$600/night", imageSrc: "https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?q=80&w=800" },
{ id: "r3", name: "Presidential Suite", price: "$1200/night", imageSrc: "https://images.unsplash.com/photo-1542314831-068cd1dbfeeb?q=80&w=800" }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/#contact" }] }]}
logoText="RISE"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}