Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-02-22 21:47:50 +00:00
4 changed files with 53 additions and 61 deletions

View File

@@ -28,10 +28,6 @@ export default function BlogPage() {
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms", id: "rooms" },
{ name: "Amenities", id: "amenities" },
{ name: "Gallery", id: "gallery" },
{ name: "Contact", id: "contact" },
]}
brandName="The Grand Hotel"
bottomLeftText="Your Luxurious Escape"
@@ -63,21 +59,21 @@ export default function BlogPage() {
columns={[
{
title: "Explore", items: [
{ label: "Rooms & Suites", href: "#rooms" },
{ label: "Amenities", href: "#features" },
{ label: "Gallery", href: "#hero" },
{ label: "Rooms & Suites", href: "/#rooms" },
{ label: "Amenities", href: "/#features" },
{ label: "Gallery", href: "/#hero" },
],
},
{
title: "Services", items: [
{ label: "Dining", href: "#hero" },
{ label: "Spa", href: "#features" },
{ label: "Dining", href: "/#hero" },
{ label: "Spa", href: "/#features" },
{ label: "Events" },
],
},
{
title: "About", items: [
{ label: "Our Story", href: "#about" },
{ label: "Our Story", href: "/#about" },
{ label: "Careers" },
{ label: "Press" },
],

View File

@@ -30,10 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home" },
{ name: "Home", id: "hero" },
{ name: "Rooms", id: "rooms" },
{ name: "Amenities", id: "amenities" },
{ name: "Gallery", id: "gallery" },
{ name: "Amenities", id: "features" },
{ name: "Gallery", id: "hero" },
{ name: "Contact", id: "contact" },
]}
brandName="The Grand Hotel"
@@ -49,9 +49,9 @@ export default function LandingPage() {
description="Welcome to The Grand Hotel, where timeless elegance meets modern comfort. Indulge in an unforgettable stay."
background={{ variant: 'plain' }}
mediaItems={[
{ imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1", imageAlt: "Luxury hotel room with a view" },
{ imageSrc: "https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg?_wi=1", imageAlt: "Grand hotel lobby" },
{ imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg?_wi=1", imageAlt: "Hotel infinity pool overlooking city" },
{ imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Luxury hotel room with a view" },
{ imageSrc: "https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg", imageAlt: "Grand hotel lobby" },
{ imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg", imageAlt: "Hotel infinity pool overlooking city" },
{ imageSrc: "https://img.b2bpic.net/free-photo/gourmet-meal-served-with-wine_23-2148516896.jpg", imageAlt: "Fine dining restaurant in hotel" },
{ imageSrc: "https://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg", imageAlt: "Tranquil hotel spa" },
]}
@@ -60,8 +60,8 @@ export default function LandingPage() {
{ text: "Explore Rooms", href: "#rooms" },
]}
tag="Your Perfect Escape"
tagAnimation="reveal-blur"
buttonAnimation="reveal-blur"
tagAnimation="blur-reveal"
buttonAnimation="blur-reveal"
ariaLabel="Hero section with hotel imagery carousel"
containerClassName="h-screen"
/>
@@ -79,8 +79,8 @@ export default function LandingPage() {
tag="About Us"
imageSrc="https://img.b2bpic.net/free-photo/chateau-frontenac-night-quebec-city_649448-2204.jpg"
imageAlt="Elegant exterior of The Grand Hotel"
mediaAnimation="reveal-blur"
metricsAnimation="reveal-blur"
mediaAnimation="blur-reveal"
metricsAnimation="blur-reveal"
ariaLabel="About our hotel section"
titleClassName="text-foreground"
descriptionClassName="text-foreground"
@@ -94,14 +94,14 @@ export default function LandingPage() {
features={[
{ title: "Spa & Wellness", description: "Indulge in rejuvenating treatments and find tranquility at our world-class spa.", bentoComponent: 'globe' },
{ title: "Gourmet Dining", description: "Savor exquisite culinary creations at our renowned restaurants and bars.", bentoComponent: 'marquee', centerIcon: Utensils, variant: 'text', texts: ["Award-Winning Chefs", "Local & International Cuisine", "Elegant Ambiance", "Private Dining Available"] },
{ title: "Luxurious Pool", description: "Relax by our stunning infinity pool with breathtaking views.", bentoComponent: 'media-stack', items: [{ imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg?_wi=2", imageAlt: "Hotel infinity pool" }, { imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=2", imageAlt: "Hotel room" }, { imageSrc: "https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg?_wi=2", imageAlt: "Hotel lobby" }] },
{ title: "Luxurious Pool", description: "Relax by our stunning infinity pool with breathtaking views.", bentoComponent: 'media-stack', items: [{ imageSrc: "https://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg", imageAlt: "Hotel infinity pool" }, { imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Hotel room" }, { imageSrc: "https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg", imageAlt: "Hotel lobby" }] },
{ title: "State-of-the-Art Gym", description: "Maintain your fitness routine with access to our modern gym facilities.", bentoComponent: 'animated-bar-chart' },
]}
animationType="reveal-blur"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
tag="Our Offerings"
tagAnimation="reveal-blur"
tagAnimation="blur-reveal"
descriptionClassName="text-foreground"
titleClassName="text-foreground"
cardClassName="border-2 border-accent"
@@ -113,16 +113,16 @@ export default function LandingPage() {
title="Our Exquisite Accommodations"
description="Choose from a selection of beautifully appointed rooms and suites, each designed to provide unparalleled comfort and style."
products={[
{ id: "suite-1", name: "The Grand Suite", price: "From $850/night", imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=3", imageAlt: "Interior of The Grand Suite" },
{ id: "suite-1", name: "The Grand Suite", price: "From $850/night", imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Interior of The Grand Suite" },
{ id: "room-1", name: "Deluxe City View Room", price: "From $450/night", imageSrc: "https://img.b2bpic.net/free-photo/asian-women-wake-up-from-sleep-are-stretch-herself-morning-weekend-sit-bed-luxury-room-relax-weekend-concept_1253-1031.jpg", imageAlt: "Deluxe room with city view" },
{ id: "room-2", name: "Executive Garden View", price: "From $550/night", imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-sitting-bed-working-laptop-hotel_1163-5504.jpg", imageAlt: "Executive room with garden view" },
]}
gridVariant="three-columns-all-equal-width"
animationType="reveal-blur"
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
tag="Rooms & Suites"
tagAnimation="reveal-blur"
tagAnimation="blur-reveal"
titleClassName="text-foreground"
descriptionClassName="text-foreground"
cardClassName="border-2 border-accent"
@@ -132,15 +132,15 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
testimonials={[
{ id: "1", name: "Eleanor Vance", imageSrc: "https://img.b2bpic.net/free-photo/pretty-charming-blonde-woman-white-blouse-smiles-sincerely_197531-23127.jpg?_wi=1", imageAlt: "Portrait of Eleanor Vance" },
{ id: "1", name: "Eleanor Vance", imageSrc: "https://img.b2bpic.net/free-photo/pretty-charming-blonde-woman-white-blouse-smiles-sincerely_197531-23127.jpg", imageAlt: "Portrait of Eleanor Vance" },
{ id: "2", name: "Marcus Thorne", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-chair-waiting-area_107420-95804.jpg", imageAlt: "Portrait of Marcus Thorne" },
{ id: "3", name: "Isabelle Dubois", imageSrc: "https://img.b2bpic.net/free-photo/mother-daughter-using-digital-tablet-bedroom_1170-2784.jpg", imageAlt: "Portrait of Isabelle Dubois" },
{ id: "4", name: "Liam O'Connell", imageSrc: "https://img.b2bpic.net/free-photo/flirting-couple-with-sparkling-wine-roof_1153-3776.jpg", imageAlt: "Portrait of Liam O'Connell" },
{ id: "5", name: "Sophia Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/pretty-charming-blonde-woman-white-blouse-smiles-sincerely_197531-23127.jpg?_wi=2", imageAlt: "Portrait of Sophia Rodriguez" },
{ id: "5", name: "Sophia Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/pretty-charming-blonde-woman-white-blouse-smiles-sincerely_197531-23127.jpg", imageAlt: "Portrait of Sophia Rodriguez" },
]}
cardTitle="Our guests consistently rave about their extraordinary experiences at The Grand Hotel."
cardTag="What Our Guests Say"
cardAnimation="reveal-blur"
cardAnimation="blur-reveal"
useInvertedBackground={false}
ariaLabel="Testimonials from satisfied guests"
cardClassName="border-2 border-accent"
@@ -151,14 +151,15 @@ export default function LandingPage() {
<SocialProofOne
title="Trusted by Leading Travel & Lifestyle Publications"
description="We are honored to be recognized and partnered with the best in the industry, ensuring a standard of excellence for our guests."
names={[]}
names={["Luxury Travel Magazine", "Hotel Awards", "Gourmet Dining Guide", "Event Planning Partner", "Tourism Board", "Wedding Planner", "Conference Organizer"]}
logos={[
"https://img.b2bpic.net/free-vector/green-logo-design_53876-91712.jpg", "https://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-pack_23-2149044199.jpg", "https://img.b2bpic.net/free-vector/restaurant-retro-logo-collection_23-2148359162.jpg", "https://img.b2bpic.net/free-vector/luxurious-golden-logo-template_23-2148843538.jpg", "https://img.b2bpic.net/free-vector/flat-vintage-travel-label-set_52683-11164.jpg", "https://img.b2bpic.net/free-vector/linear-flat-wedding-monograms-collection_23-2148983859.jpg", "https://img.b2bpic.net/free-vector/flat-design-business-workshop-labels-template_23-2149412868.jpg"]}
"https://img.b2bpic.net/free-vector/green-logo-design_53876-91712.jpg", "https://img.b2bpic.net/free-vector/gradient-golden-luxury-badge-pack_23-2149044199.jpg", "https://img.b2bpic.net/free-vector/restaurant-retro-logo-collection_23-2148359162.jpg", "https://img.b2bpic.net/free-vector/luxurious-golden-logo-template_23-2148843538.jpg", "https://img.b2bpic.net/free-vector/flat-vintage-travel-label-set_52683-11164.jpg", "https://img.b2bpic.net/free-vector/linear-flat-wedding-monograms-collection_23-2148983859.jpg", "https://img.b2bpic.net/free-vector/flat-design-business-workshop-labels-template_23-2149412868.jpg"
]}
textboxLayout="default"
useInvertedBackground={false}
tag="Our Partners & Accolades"
tagAnimation="reveal-blur"
buttonAnimation="reveal-blur"
tagAnimation="blur-reveal"
buttonAnimation="blur-reveal"
speed={30}
showCard={true}
textBoxTitleClassName="text-foreground"
@@ -176,7 +177,7 @@ export default function LandingPage() {
{ id: "faq-3", title: "Is Wi-Fi available throughout the hotel?", content: "Complimentary high-speed Wi-Fi is available in all guest rooms and public areas of The Grand Hotel." },
{ id: "faq-4", title: "Are pets allowed?", content: "Unfortunately, The Grand Hotel does not accommodate pets, with the exception of service animals." },
]}
faqsAnimation="reveal-blur"
faqsAnimation="blur-reveal"
useInvertedBackground={false}
textPosition="left"
animationType="smooth"
@@ -197,8 +198,8 @@ export default function LandingPage() {
]}
background={{ variant: 'plain' }}
useInvertedBackground={false}
tagAnimation="reveal-blur"
buttonAnimation="reveal-blur"
tagAnimation="blur-reveal"
buttonAnimation="blur-reveal"
titleClassName="text-foreground"
descriptionClassName="text-foreground"
/>

View File

@@ -89,14 +89,13 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="The Grand Hotel"
bottomLeftText="Your Luxurious Escape"
bottomRightText="reservations@grandhotel.com"
topBarClassName="h-20"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<div id="loading-section" data-section="loading-section">
@@ -107,9 +106,9 @@ function ProductPageContent({ params }: ProductPageProps) {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"#rooms"},{"label":"Amenities","href":"#features"},{"label":"Gallery","href":"#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"#hero"},{"label":"Spa","href":"#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"/#rooms"},{"label":"Amenities","href":"/#features"},{"label":"Gallery","href":"/#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"/#hero"},{"label":"Spa","href":"/#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"/#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Legal","items":[{"label":"Privacy Policy"},{"label":"Terms of Service"}]}
]}
bottomLeftText="© 2024 The Grand Hotel. All rights reserved."
@@ -137,14 +136,13 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="The Grand Hotel"
bottomLeftText="Your Luxurious Escape"
bottomRightText="reservations@grandhotel.com"
topBarClassName="h-20"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<div id="not-found-section" data-section="not-found-section">
@@ -163,9 +161,9 @@ function ProductPageContent({ params }: ProductPageProps) {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"#rooms"},{"label":"Amenities","href":"#features"},{"label":"Gallery","href":"#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"#hero"},{"label":"Spa","href":"#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"/#rooms"},{"label":"Amenities","href":"/#features"},{"label":"Gallery","href":"/#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"/#hero"},{"label":"Spa","href":"/#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"/#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Legal","items":[{"label":"Privacy Policy"},{"label":"Terms of Service"}]}
]}
bottomLeftText="© 2024 The Grand Hotel. All rights reserved."
@@ -192,14 +190,13 @@ function ProductPageContent({ params }: ProductPageProps) {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="The Grand Hotel"
bottomLeftText="Your Luxurious Escape"
bottomRightText="reservations@grandhotel.com"
topBarClassName="h-20"
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
/>
</div>
<div id="product-detail-card" data-section="product-detail-card">
@@ -241,9 +238,9 @@ function ProductPageContent({ params }: ProductPageProps) {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"#rooms"},{"label":"Amenities","href":"#features"},{"label":"Gallery","href":"#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"#hero"},{"label":"Spa","href":"#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"/#rooms"},{"label":"Amenities","href":"/#features"},{"label":"Gallery","href":"/#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"/#hero"},{"label":"Spa","href":"/#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"/#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Legal","items":[{"label":"Privacy Policy"},{"label":"Terms of Service"}]}
]}
bottomLeftText="© 2024 The Grand Hotel. All rights reserved."

View File

@@ -32,14 +32,13 @@ function ShopPageContent() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="The Grand Hotel"
bottomLeftText="Your Luxurious Escape"
bottomRightText="reservations@grandhotel.com"
topBarClassName="h-20"
button={{ text: "Cart", onClick: () => {} }}
/>
</div>
<div id="loading-section" data-section="loading-section">
@@ -50,9 +49,9 @@ function ShopPageContent() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"#rooms"},{"label":"Amenities","href":"#features"},{"label":"Gallery","href":"#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"#hero"},{"label":"Spa","href":"#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"/#rooms"},{"label":"Amenities","href":"/#features"},{"label":"Gallery","href":"/#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"/#hero"},{"label":"Spa","href":"/#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"/#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Legal","items":[{"label":"Privacy Policy"},{"label":"Terms of Service"}]}
]}
bottomLeftText="© 2024 The Grand Hotel. All rights reserved."
@@ -79,14 +78,13 @@ function ShopPageContent() {
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="navbar" data-section="navbar">
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
brandName="The Grand Hotel"
bottomLeftText="Your Luxurious Escape"
bottomRightText="reservations@grandhotel.com"
topBarClassName="h-20"
button={{ text: "Cart", onClick: () => {} }}
/>
</div>
<div id="product-catalog" data-section="product-catalog">
@@ -103,9 +101,9 @@ function ShopPageContent() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"#rooms"},{"label":"Amenities","href":"#features"},{"label":"Gallery","href":"#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"#hero"},{"label":"Spa","href":"#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Explore","items":[{"label":"Rooms & Suites","href":"/#rooms"},{"label":"Amenities","href":"/#features"},{"label":"Gallery","href":"/#hero"}]},
{"title":"Services","items":[{"label":"Dining","href":"/#hero"},{"label":"Spa","href":"/#features"},{"label":"Events"}]},
{"title":"About","items":[{"label":"Our Story","href":"/#about"},{"label":"Careers"},{"label":"Press"}]},
{"title":"Legal","items":[{"label":"Privacy Policy"},{"label":"Terms of Service"}]}
]}
bottomLeftText="© 2024 The Grand Hotel. All rights reserved."