bender/96549f69-3dd6-4d9b-83e9-16745c810f5c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-02-22 21:47:44 +00:00
parent 817f5a8c0c
commit 99c79fa5ee
1 changed files with 27 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/app/page.tsx
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"
/>