bender/7c03f13a-42aa-4df2-8cb8-cb6975e4b86f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-04-03 08:18:10 +00:00
parent 0ee8351f0a f8919eaf30
commit dac2ee7bbc
1 changed files with 125 additions and 343 deletions
Download Patch File Download Diff File Expand all files Collapse all files

468
src/app/page.tsx
View File

@@ -27,356 +27,138 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Rooms",
id: "rooms",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Luxembourg"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Rooms", id: "rooms" },
{ name: "Contact", id: "contact" }
]}
brandName="Luxembourg"
button={{ text: "Book Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Elegance Redefined at Luxembourg"
description="Experience unparalleled hospitality in the heart of the city. Where classic charm meets modern luxury."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-skyscraper-blue-sky_181624-5737.jpg?_wi=1",
imageAlt: "Luxembourg Hotel Exterior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dinner-table-luxury-hotel_1150-10909.jpg?_wi=1",
imageAlt: "Hotel Suite",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-travel-accommodation-hotel-lounge-with-check-reception-desk-stylish-empty-modern-resort-foyer-interior-with-cozy-furniture-warm-fireplace-ready-welcome-tourists_482257-67830.jpg?_wi=1",
imageAlt: "Hotel Lobby",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/spa-like-bathroom-with-tropical-ambiance_23-2152008218.jpg?_wi=1",
imageAlt: "Bathroom Suite",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg?_wi=1",
imageAlt: "Fine Dining",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg?_wi=1",
imageAlt: "Hotel Garden",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg?_wi=2",
imageAlt: "Garden View",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg?_wi=2",
imageAlt: "Dining Area",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/spa-like-bathroom-with-tropical-ambiance_23-2152008218.jpg?_wi=2",
imageAlt: "Luxury Bath",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-travel-accommodation-hotel-lounge-with-check-reception-desk-stylish-empty-modern-resort-foyer-interior-with-cozy-furniture-warm-fireplace-ready-welcome-tourists_482257-67830.jpg?_wi=2",
imageAlt: "Modern Lobby",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/dinner-table-luxury-hotel_1150-10909.jpg?_wi=2",
imageAlt: "Comfortable Bed",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-skyscraper-blue-sky_181624-5737.jpg?_wi=2",
imageAlt: "Hotel Entrance",
},
]}
buttons={[
{
text: "Book Now",
href: "#contact",
},
{
text: "Explore Rooms",
href: "#rooms",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-looking-away_23-2148348948.jpg",
alt: "Guest 1",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-business-man-texting-smartphone-cafe_1262-3308.jpg",
alt: "Guest 2",
},
{
src: "http://img.b2bpic.net/free-photo/express-tenderness-cute-young-woman-keeping-smile-her-face-while-looking-away-wrapped-white-blanket_657921-113.jpg",
alt: "Guest 3",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-couple-drinking-wine_23-2148060515.jpg",
alt: "Guest 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg",
alt: "Guest 5",
},
]}
avatarText="Trusted by 10,000+ satisfied guests"
marqueeItems={[
{
type: "text",
text: "5-Star Rating",
},
{
type: "text",
text: "Award-winning Service",
},
{
type: "text",
text: "City Center Location",
},
{
type: "text",
text: "Gourmet Experience",
},
{
type: "text",
text: "Spa Sanctuary",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Elegance Redefined at Luxembourg"
description="Experience unparalleled hospitality in the heart of the city. Where classic charm meets modern luxury."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-skyscraper-blue-sky_181624-5737.jpg", imageAlt: "Luxembourg Hotel Exterior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dinner-table-luxury-hotel_1150-10909.jpg", imageAlt: "Hotel Suite" },
{ imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-travel-accommodation-hotel-lounge-with-check-reception-desk-stylish-empty-modern-resort-foyer-interior-with-cozy-furniture-warm-fireplace-ready-welcome-tourists_482257-67830.jpg", imageAlt: "Hotel Lobby" },
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-like-bathroom-with-tropical-ambiance_23-2152008218.jpg", imageAlt: "Bathroom Suite" },
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg", imageAlt: "Fine Dining" },
{ imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg", imageAlt: "Hotel Garden" }
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/san-diego-dawn-early-morning-with-palm-tree-silhouette_649448-2514.jpg", imageAlt: "Garden View" },
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-turquoise-chairs-white-walls-french-windows-curtains_140725-8450.jpg", imageAlt: "Dining Area" },
{ imageSrc: "http://img.b2bpic.net/free-photo/spa-like-bathroom-with-tropical-ambiance_23-2152008218.jpg", imageAlt: "Luxury Bath" },
{ imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-travel-accommodation-hotel-lounge-with-check-reception-desk-stylish-empty-modern-resort-foyer-interior-with-cozy-furniture-warm-fireplace-ready-welcome-tourists_482257-67830.jpg", imageAlt: "Modern Lobby" },
{ imageSrc: "http://img.b2bpic.net/free-photo/dinner-table-luxury-hotel_1150-10909.jpg", imageAlt: "Comfortable Bed" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-skyscraper-blue-sky_181624-5737.jpg", imageAlt: "Hotel Entrance" }
]}
buttons={[{ text: "Book Now", href: "#contact" }, { text: "Explore Rooms", href: "#rooms" }]}
avatarText="Trusted by 10,000+ satisfied guests"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Legacy of Comfort"
description="Since 1920, Hotel Luxembourg has been synonymous with grace, offering a tranquil sanctuary in the bustling city center. Our dedicated team ensures every stay is curated to perfection."
bulletPoints={[
{
title: "Prime Location",
description: "Located in the cultural heartbeat of the city.",
},
{
title: "Bespoke Service",
description: "Personalized attention tailored to every guest.",
},
{
title: "Gourmet Dining",
description: "World-class cuisine using local, organic ingredients.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/elderly-person-paying-coffee-cup_482257-87199.jpg"
imageAlt="Staff welcoming guests"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="A Legacy of Comfort"
description="Since 1920, Hotel Luxembourg has been synonymous with grace, offering a tranquil sanctuary in the bustling city center. Our dedicated team ensures every stay is curated to perfection."
bulletPoints={[
{ title: "Prime Location", description: "Located in the cultural heartbeat of the city." },
{ title: "Bespoke Service", description: "Personalized attention tailored to every guest." },
{ title: "Gourmet Dining", description: "World-class cuisine using local, organic ingredients." }
]}
imageSrc="http://img.b2bpic.net/free-photo/elderly-person-paying-coffee-cup_482257-87199.jpg"
imageAlt="Staff welcoming guests"
mediaAnimation="slide-up"
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "room-1",
name: "Presidential Suite",
price: "$950/night",
imageSrc: "http://img.b2bpic.net/free-photo/diffuse-living-room_1203-46.jpg",
},
{
id: "room-2",
name: "Deluxe King Room",
price: "$450/night",
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-3647.jpg",
},
{
id: "room-3",
name: "Family Suite",
price: "$600/night",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598856.jpg",
},
{
id: "room-4",
name: "Executive Penthouse",
price: "$1200/night",
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3601.jpg",
},
{
id: "room-5",
name: "Classic Double",
price: "$300/night",
imageSrc: "http://img.b2bpic.net/free-photo/empty-living-room-with-wheelchair-help-with-chronic-disability-injury-nobody-space-with-transportation-object-give-support-patient-help-with-accessibility-physical-recovery_482257-39017.jpg",
},
{
id: "room-6",
name: "Boutique Single",
price: "$250/night",
imageSrc: "http://img.b2bpic.net/free-photo/bride-her-wedding-day-morning-preparation_1303-10492.jpg",
},
]}
title="Our Luxurious Rooms"
description="Discover a range of accommodations designed to meet your every need, from cozy boutiques to expansive penthouses."
/>
</div>
<div id="rooms" data-section="rooms">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "room-1", name: "Presidential Suite", price: "$950/night", imageSrc: "http://img.b2bpic.net/free-photo/diffuse-living-room_1203-46.jpg" },
{ id: "room-2", name: "Deluxe King Room", price: "$450/night", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-3647.jpg" },
{ id: "room-3", name: "Family Suite", price: "$600/night", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-friends-hostel_23-2150598856.jpg" },
{ id: "room-4", name: "Executive Penthouse", price: "$1200/night", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3601.jpg" },
{ id: "room-5", name: "Classic Double", price: "$300/night", imageSrc: "http://img.b2bpic.net/free-photo/empty-living-room-with-wheelchair-help-with-chronic-disability-injury-nobody-space-with-transportation-object-give-support-patient-help-with-accessibility-physical-recovery_482257-39017.jpg" },
{ id: "room-6", name: "Boutique Single", price: "$250/night", imageSrc: "http://img.b2bpic.net/free-photo/bride-her-wedding-day-morning-preparation_1303-10492.jpg" }
]}
title="Our Luxurious Rooms"
description="Discover a range of accommodations designed to meet your every need, from cozy boutiques to expansive penthouses."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Jenkins",
role: "Travel Blogger",
testimonial: "The best stay I've ever had. Truly luxurious.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-looking-away_23-2148348948.jpg",
},
{
id: "2",
name: "Mark Thornton",
role: "Executive",
testimonial: "Impeccable service and quiet, peaceful rooms.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-man-texting-smartphone-cafe_1262-3308.jpg",
},
{
id: "3",
name: "Elena Rossi",
role: "Artist",
testimonial: "The decor is stunning, and the staff is wonderful.",
imageSrc: "http://img.b2bpic.net/free-photo/express-tenderness-cute-young-woman-keeping-smile-her-face-while-looking-away-wrapped-white-blanket_657921-113.jpg",
},
{
id: "4",
name: "David & Joan",
role: "Tourists",
testimonial: "A perfect location for our vacation!",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-drinking-wine_23-2148060515.jpg",
},
{
id: "5",
name: "Liam Connor",
role: "Academic",
testimonial: "Exceptional dining and great amenities.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg",
},
]}
title="Guest Experiences"
description="Hear from those who have made Hotel Luxembourg their home away from home."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Jenkins", role: "Travel Blogger", testimonial: "The best stay I've ever had. Truly luxurious.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-looking-away_23-2148348948.jpg" },
{ id: "2", name: "Mark Thornton", role: "Executive", testimonial: "Impeccable service and quiet, peaceful rooms.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-man-texting-smartphone-cafe_1262-3308.jpg" },
{ id: "3", name: "Elena Rossi", role: "Artist", testimonial: "The decor is stunning, and the staff is wonderful.", imageSrc: "http://img.b2bpic.net/free-photo/express-tenderness-cute-young-woman-keeping-smile-her-face-while-looking-away-wrapped-white-blanket_657921-113.jpg" },
{ id: "4", name: "David & Joan", role: "Tourists", testimonial: "A perfect location for our vacation!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-drinking-wine_23-2148060515.jpg" },
{ id: "5", name: "Liam Connor", role: "Academic", testimonial: "Exceptional dining and great amenities.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinking-coffee-by-window_1303-19262.jpg" }
]}
title="Guest Experiences"
description="Hear from those who have made Hotel Luxembourg their home away from home."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Is breakfast included?",
content: "Yes, a gourmet breakfast is included for all guests.",
},
{
id: "q2",
title: "Do you offer parking?",
content: "We offer valet parking services for your convenience.",
},
{
id: "q3",
title: "Is the hotel pet-friendly?",
content: "Yes, we welcome small pets with advance notice.",
},
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about your stay at Luxembourg."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Is breakfast included?", content: "Yes, a gourmet breakfast is included for all guests." },
{ id: "q2", title: "Do you offer parking?", content: "We offer valet parking services for your convenience." },
{ id: "q3", title: "Is the hotel pet-friendly?", content: "Yes, we welcome small pets with advance notice." }
]}
sideTitle="Common Questions"
sideDescription="Everything you need to know about your stay at Luxembourg."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{
id: "c1",
title: "Reservation Policy",
content: "Bookings can be cancelled up to 48 hours before arrival.",
},
{
id: "c2",
title: "Check-in Time",
content: "Check-in starts at 3:00 PM.",
},
]}
ctaTitle="Book Your Stay"
ctaDescription="Ready to experience luxury? Reserve your room today."
ctaButton={{
text: "Contact Reservations",
href: "mailto:reservations@hoteluxembourg.com",
}}
ctaIcon={Phone}
/>
</div>
<div id="contact" data-section="contact">
<ContactFaq
animationType="slide-up"
useInvertedBackground={false}
faqs={[
{ id: "c1", title: "Reservation Policy", content: "Bookings can be cancelled up to 48 hours before arrival." },
{ id: "c2", title: "Check-in Time", content: "Check-in starts at 3:00 PM." }
]}
ctaTitle="Book Your Stay"
ctaDescription="Ready to experience luxury? Reserve your room today."
ctaButton={{ text: "Contact Reservations", href: "mailto:reservations@hoteluxembourg.com" }}
ctaIcon={Phone}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Hotel Luxembourg"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Rooms",
href: "#rooms",
},
],
},
{
title: "Support",
items: [
{
label: "FAQs",
href: "#faq",
},
{
label: "Contact",
href: "#contact",
},
],
},
]}
copyrightText="© 2025 Hotel Luxembourg | All Rights Reserved"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Hotel Luxembourg"
columns={[
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Rooms", href: "#rooms" }] },
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Contact", href: "#contact" }] }
]}
copyrightText="© 2025 Hotel Luxembourg | All Rights Reserved"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}