Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-02-21 00:02:49 +00:00
4 changed files with 29 additions and 51 deletions

View File

@@ -29,10 +29,10 @@ export default function BlogPage() {
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "about" },
{ name: "Rooms", id: "rooms" },
{ name: "Amenities", id: "amenities" },
{ name: "Contact", id: "contact" },
{ name: "About", id: "/#about" },
{ name: "Rooms", id: "/#rooms" },
{ name: "Amenities", id: "/#features" },
{ name: "Contact", id: "/#contact" },
]}
brandName="Grandeur Hotel"
bottomLeftText="Experience Luxury"
@@ -62,14 +62,14 @@ export default function BlogPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=2"
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
imageAlt="Grandeur Hotel at Night"
columns={[
{
title: "Hotel", items: [
{ label: "About Us", href: "#about" },
{ label: "Rooms & Suites", href: "#rooms" },
{ label: "Amenities", href: "#amenities" },
{ label: "About Us", href: "/#about" },
{ label: "Rooms & Suites", href: "/#rooms" },
{ label: "Amenities", href: "/#features" },
],
},
{
@@ -88,7 +88,6 @@ export default function BlogPage() {
]}
logoText="Grandeur Hotel"
copyrightText="© 2025 Grandeur Hotel. All rights reserved."
useInvertedBackground={false}
/>
</div>
</ReactLenis>

View File

@@ -28,7 +28,7 @@ export default function LandingPage() {
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[{name:"Home",id:"home"},{name:"About",id:"about"},{name:"Rooms",id:"rooms"},{name:"Amenities",id:"amenities"},{name:"Contact",id:"contact"}]}
navItems={[{name:"Home",id:"/"},{name:"About",id:"#about"},{name:"Rooms",id:"#rooms"},{name:"Amenities",id:"#features"},{name:"Contact",id:"#contact"}]}
brandName="Grandeur Hotel"
bottomLeftText="Experience Luxury"
bottomRightText="reservations@grandeur.com"
@@ -41,9 +41,9 @@ export default function LandingPage() {
background={{ variant: 'radial-gradient' }}
tag="Luxury Accommodation"
tagIcon={Sparkles}
tagAnimation="background-highlight"
tagAnimation="slide-up"
buttons={[{text:"Book Now",href:"#contact"},{text:"Explore Rooms",href:"#rooms"}]}
buttonAnimation="background-highlight"
buttonAnimation="slide-up"
dashboard={{
title: "Exceptional Guest Experience", logoIcon: Crown,
imageSrc: "https://img.b2bpic.net/free-photo/business-partners_1098-18010.jpg", buttons: [{text:"Reservations",href:"#contact"},{text:"Virtual Tour",href:"#"}],
@@ -97,8 +97,6 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
tag="Amenities"
titleClassName="font-extrabold"
descriptionClassName="text-foreground"
/>
</div>
<div id="rooms" data-section="rooms">
@@ -116,8 +114,6 @@ export default function LandingPage() {
tag="Rooms"
textboxLayout="default"
useInvertedBackground={false}
titleClassName="font-extrabold"
descriptionClassName="text-foreground"
/>
</div>
<div id="testimonials" data-section="testimonials">
@@ -136,8 +132,6 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
tag="Guest Reviews"
titleClassName="font-extrabold"
descriptionClassName="text-foreground"
/>
</div>
<div id="faq" data-section="faq">
@@ -156,8 +150,6 @@ export default function LandingPage() {
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
titleClassName="font-extrabold"
descriptionClassName="text-foreground"
/>
</div>
<div id="contact" data-section="contact">
@@ -166,7 +158,7 @@ export default function LandingPage() {
title="Plan Your Grandeur Stay"
description="Contact us directly for reservations, special requests, or any questions about your upcoming visit. Our team is ready to assist you."
tagIcon={Mail}
tagAnimation="background-highlight"
tagAnimation="slide-up"
background={{ variant: 'radial-gradient' }}
useInvertedBackground={false}
inputPlaceholder="Your email address"
@@ -179,10 +171,10 @@ export default function LandingPage() {
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=1"
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
imageAlt="Grandeur Hotel at Night"
columns={[
{title:"Hotel",items:[{label:"About Us",href:"#about"},{label:"Rooms & Suites",href:"#rooms"},{label:"Amenities",href:"#amenities"}]},
{title:"Hotel",items:[{label:"About Us",href:"#about"},{label:"Rooms & Suites",href:"#rooms"},{label:"Amenities",href:"#features"}]},
{title:"Guest Services",items:[{label:"Concierge",href:"#"},{label:"Dining",href:"#"},{label:"Spa & Wellness",href:"#"}]},
{title:"Legal",items:[{label:"Privacy Policy",href:"#"},{label:"Terms of Service",href:"#"}]}
]}

View File

@@ -91,11 +91,10 @@ function ProductPageContent({ params }: ProductPageProps) {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
brandName="Grandeur Hotel"
bottomLeftText="Experience Luxury"
bottomRightText="reservations@grandeur.com"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
@@ -103,12 +102,11 @@ function ProductPageContent({ params }: ProductPageProps) {
</main>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=5"
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
imageAlt="Grandeur Hotel at Night"
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
logoText="Grandeur Hotel"
copyrightText="© 2025 Grandeur Hotel. All rights reserved."
useInvertedBackground={false}
/>
</div>
</ReactLenis>
@@ -133,11 +131,10 @@ function ProductPageContent({ params }: ProductPageProps) {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
brandName="Grandeur Hotel"
bottomLeftText="Experience Luxury"
bottomRightText="reservations@grandeur.com"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
@@ -153,12 +150,11 @@ function ProductPageContent({ params }: ProductPageProps) {
</main>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=6"
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
imageAlt="Grandeur Hotel at Night"
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
logoText="Grandeur Hotel"
copyrightText="© 2025 Grandeur Hotel. All rights reserved."
useInvertedBackground={false}
/>
</div>
</ReactLenis>
@@ -182,11 +178,10 @@ function ProductPageContent({ params }: ProductPageProps) {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
brandName="Grandeur Hotel"
bottomLeftText="Experience Luxury"
bottomRightText="reservations@grandeur.com"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<div id="product-detail-card" data-section="product-detail-card">
@@ -227,12 +222,11 @@ function ProductPageContent({ params }: ProductPageProps) {
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=7"
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
imageAlt="Grandeur Hotel at Night"
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
logoText="Grandeur Hotel"
copyrightText="© 2025 Grandeur Hotel. All rights reserved."
useInvertedBackground={false}
/>
</div>
</ReactLenis>

View File

@@ -16,9 +16,6 @@ export default function ShopPage() {
filters,
} = useProductCatalog({ basePath: "/shop" });
// NOTE: The cart state and hooks (useCart) are not present on this page.
// Per the instructions, no new hooks or state can be added.
// Therefore, the cart button onClick handler is a no-op.
const handleCartClick = () => {};
if (isLoading) {
@@ -38,11 +35,10 @@ export default function ShopPage() {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
brandName="Grandeur Hotel"
bottomLeftText="Experience Luxury"
bottomRightText="reservations@grandeur.com"
button={{ text: "Cart", onClick: handleCartClick }}
/>
</div>
<main className="min-h-screen flex items-center justify-center pt-20">
@@ -50,12 +46,11 @@ export default function ShopPage() {
</main>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=3"
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
imageAlt="Grandeur Hotel at Night"
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
logoText="Grandeur Hotel"
copyrightText="© 2025 Grandeur Hotel. All rights reserved."
useInvertedBackground={false}
/>
</div>
</ReactLenis>
@@ -79,11 +74,10 @@ export default function ShopPage() {
<ReactLenis root>
<div id="navbar" data-section="navbar">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "about" }, { name: "Rooms", id: "rooms" }, { name: "Amenities", id: "amenities" }, { name: "Contact", id: "contact" }, { name: "Shop", id: "/shop" }]}
navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/#about" }, { name: "Rooms", id: "/#rooms" }, { name: "Amenities", id: "/#features" }, { name: "Contact", id: "/#contact" }]}
brandName="Grandeur Hotel"
bottomLeftText="Experience Luxury"
bottomRightText="reservations@grandeur.com"
button={{ text: "Cart", onClick: handleCartClick }}
/>
</div>
<div id="product-catalog" data-section="product-catalog">
@@ -99,12 +93,11 @@ export default function ShopPage() {
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg?_wi=4"
imageSrc="https://img.b2bpic.net/free-photo/view-vibrant-city-night_52683-100070.jpg"
imageAlt="Grandeur Hotel at Night"
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Rooms & Suites", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
columns={[{ title: "Hotel", items: [{ label: "About Us", href: "/#about" }, { label: "Rooms & Suites", href: "/#rooms" }, { label: "Amenities", href: "/#features" }] }, { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa & Wellness", href: "#" }] }, { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }]}
logoText="Grandeur Hotel"
copyrightText="© 2025 Grandeur Hotel. All rights reserved."
useInvertedBackground={false}
/>
</div>
</ReactLenis>