bender/efb3cc6e-db7e-45fb-88a9-b34ca49e3843
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-05-08 16:51:22 +00:00
parent 5064e41d8b
commit 71261e20ee
1 changed files with 63 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files

267
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo'; import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen'; import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import { Coffee, Sparkles, Utensils, Waves, Wine } from "lucide-react"; import { Coffee, Sparkles, Utensils, Waves, Wine, Dumbbell } from "lucide-react";
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -34,21 +34,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#hero"},
id: "#hero",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Rooms", name: "Rooms", id: "#rooms"},
id: "#rooms",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Luxe Hotel" brandName="Luxe Hotel"
/> />
@@ -57,17 +49,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardScroll <HeroBillboardScroll
background={{ background={{
variant: "rotated-rays-animated", variant: "rotated-rays-animated"}}
}}
title="Unrivaled Elegance. Perfect Serenity." title="Unrivaled Elegance. Perfect Serenity."
description="Experience world-class hospitality in the heart of the city. Book your stay for an unforgettable journey of refined luxury." description="Experience world-class hospitality in the heart of the city. Book your stay for an unforgettable journey of refined luxury."
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9rd0v3&_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9rd0v3"
imageAlt="luxury hotel lobby entrance interior" imageAlt="luxury hotel lobby entrance interior"
buttons={[ buttons={[
{ {
text: "Book Your Stay", text: "Book Your Stay", href: "#rooms"},
href: "#rooms",
},
]} ]}
/> />
</div> </div>
@@ -79,19 +68,13 @@ export default function LandingPage() {
description="For over three decades, we have redefined hospitality with attention to detail and personal service. Your home away from home." description="For over three decades, we have redefined hospitality with attention to detail and personal service. Your home away from home."
metrics={[ metrics={[
{ {
value: "30+", value: "30+", title: "Years of Excellence"},
title: "Years of Excellence",
},
{ {
value: "100k+", value: "100k+", title: "Happy Guests"},
title: "Happy Guests",
},
{ {
value: "5 Stars", value: "5 Stars", title: "Luxury Rating"},
title: "Luxury Rating",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5fmnl2&_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5fmnl2"
imageAlt="luxury boutique hotel spa relaxation" imageAlt="luxury boutique hotel spa relaxation"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
metricsAnimation="slide-up" metricsAnimation="slide-up"
@@ -101,57 +84,40 @@ export default function LandingPage() {
<div id="features" data-section="features"> <div id="features" data-section="features">
<FeatureCardTen <FeatureCardTen
textboxLayout="split" textboxLayout="split"
animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Gourmet Dining", title: "Gourmet Dining", description: "Exquisite culinary journeys crafted by Michelin-starred chefs.", media: {
description: "Exquisite culinary journeys crafted by Michelin-starred chefs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7et42d", imageAlt: "luxury fine dining table arrangement"},
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7et42d",
imageAlt: "luxury fine dining table arrangement",
},
items: [ items: [
{ {
icon: Utensils, icon: Utensils,
text: "Fine dining restaurant", text: "Fine dining restaurant"},
},
{ {
icon: Coffee, icon: Coffee,
text: "24/7 Room service", text: "24/7 Room service"},
},
{ {
icon: Wine, icon: Wine,
text: "Vintage wine cellar", text: "Vintage wine cellar"},
},
], ],
reverse: false, reverse: false,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9rd0v3&_wi=2",
imageAlt: "luxury fine dining table arrangement",
}, },
{ {
title: "Wellness Oasis", title: "Wellness Oasis", description: "Rejuvenate your soul with premium spa and therapeutic treatments.", media: {
description: "Rejuvenate your soul with premium spa and therapeutic treatments.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=njf64u", imageAlt: "luxury boutique hotel spa relaxation"},
media: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=njf64u",
imageAlt: "luxury boutique hotel spa relaxation",
},
items: [ items: [
{ {
icon: Sparkles, icon: Sparkles,
text: "Full-service spa", text: "Full-service spa"},
},
{ {
icon: Waves, icon: Waves,
text: "Indoor infinity pool", text: "Indoor infinity pool"},
},
{ {
icon: Dumbbell, icon: Dumbbell,
text: "State-of-the-art gym", text: "State-of-the-art gym"},
},
], ],
reverse: true, reverse: true,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5fmnl2&_wi=2",
imageAlt: "luxury fine dining table arrangement",
}, },
]} ]}
title="Amenities Designed for Comfort" title="Amenities Designed for Comfort"
@@ -167,65 +133,23 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
products={[ products={[
{ {
id: "1", id: "1", brand: "Suite", name: "Deluxe King Room", price: "$450", rating: 5,
brand: "Suite", reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l502kk", imageAlt: "deluxe hotel suite plush king bed"},
name: "Deluxe King Room",
price: "$450",
rating: 5,
reviewCount: "120",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l502kk",
imageAlt: "deluxe hotel suite plush king bed",
},
{ {
id: "2", id: "2", brand: "Suite", name: "Grand Penthouse", price: "$1200", rating: 5,
brand: "Suite", reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ijy7nn", imageAlt: "penthouse balcony view city skyline"},
name: "Grand Penthouse",
price: "$1200",
rating: 5,
reviewCount: "85",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ijy7nn",
imageAlt: "penthouse balcony view city skyline",
},
{ {
id: "3", id: "3", brand: "Suite", name: "Junior Suite", price: "$650", rating: 4,
brand: "Suite", reviewCount: "200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ma4t8h", imageAlt: "minimalist luxury hotel room style"},
name: "Junior Suite",
price: "$650",
rating: 4,
reviewCount: "200",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ma4t8h",
imageAlt: "minimalist luxury hotel room style",
},
{ {
id: "4", id: "4", brand: "Suite", name: "Executive Room", price: "$550", rating: 5,
brand: "Suite", reviewCount: "150", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oftz0y", imageAlt: "executive suite premium decor hotel"},
name: "Executive Room",
price: "$550",
rating: 5,
reviewCount: "150",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oftz0y",
imageAlt: "executive suite premium decor hotel",
},
{ {
id: "5", id: "5", brand: "Suite", name: "Classic Studio", price: "$350", rating: 4,
brand: "Suite", reviewCount: "300", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mamz50", imageAlt: "spacious hotel bedroom suite interior"},
name: "Classic Studio",
price: "$350",
rating: 4,
reviewCount: "300",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mamz50",
imageAlt: "spacious hotel bedroom suite interior",
},
{ {
id: "6", id: "6", brand: "Suite", name: "Superior Room", price: "$400", rating: 4,
brand: "Suite", reviewCount: "250", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o8phon", imageAlt: "relaxing master suite hotel interior"},
name: "Superior Room",
price: "$400",
rating: 4,
reviewCount: "250",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o8phon",
imageAlt: "relaxing master suite hotel interior",
},
]} ]}
title="Our Luxurious Rooms" title="Our Luxurious Rooms"
description="Designed with a blend of classic charm and modern functionality." description="Designed with a blend of classic charm and modern functionality."
@@ -239,52 +163,28 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ plans={[
{ {
id: "member-silver", id: "member-silver", badge: "Entry", price: "$299", subtitle: "Essential luxury benefits", buttons: [
badge: "Entry",
price: "$299",
subtitle: "Essential luxury benefits",
buttons: [
{ {
text: "Select Plan", text: "Select Plan"},
},
], ],
features: [ features: [
"Complimentary breakfast", "Complimentary breakfast", "Late checkout option", "10% room discount"],
"Late checkout option",
"10% room discount",
],
}, },
{ {
id: "member-gold", id: "member-gold", badge: "Premium", price: "$599", subtitle: "The complete refined stay", buttons: [
badge: "Premium",
price: "$599",
subtitle: "The complete refined stay",
buttons: [
{ {
text: "Select Plan", text: "Select Plan"},
},
], ],
features: [ features: [
"Unlimited spa access", "Unlimited spa access", "Room upgrade priority", "20% room discount"],
"Room upgrade priority",
"20% room discount",
],
}, },
{ {
id: "member-diamond", id: "member-diamond", badge: "Elite", price: "$999", subtitle: "Ultimate bespoke experience", buttons: [
badge: "Elite",
price: "$999",
subtitle: "Ultimate bespoke experience",
buttons: [
{ {
text: "Select Plan", text: "Select Plan"},
},
], ],
features: [ features: [
"Private airport pickup", "Private airport pickup", "Personalized concierge", "30% room discount"],
"Personalized concierge",
"30% room discount",
],
}, },
]} ]}
title="Exclusive Membership Packages" title="Exclusive Membership Packages"
@@ -300,20 +200,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "98%", description: "Guest satisfaction score"},
value: "98%",
description: "Guest satisfaction score",
},
{ {
id: "m2", id: "m2", value: "24/7", description: "Concierge availability"},
value: "24/7",
description: "Concierge availability",
},
{ {
id: "m3", id: "m3", value: "450+", description: "Dedicated staff members"},
value: "450+",
description: "Dedicated staff members",
},
]} ]}
title="Our Impact in Numbers" title="Our Impact in Numbers"
description="Consistently providing excellence since our inception." description="Consistently providing excellence since our inception."
@@ -328,25 +219,15 @@ export default function LandingPage() {
author="Jonathan Wells" author="Jonathan Wells"
avatars={[ avatars={[
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nffi95", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nffi95", alt: "happy guest portrait modern hotel"},
alt: "happy guest portrait modern hotel",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r45f1z", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r45f1z", alt: "guest relaxing on hotel couch"},
alt: "guest relaxing on hotel couch",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ry3g9", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ry3g9", alt: "business traveler in hotel lobby"},
alt: "business traveler in hotel lobby",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ereobt", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ereobt", alt: "satisfied guest portrait warm background"},
alt: "satisfied guest portrait warm background",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c7baq8", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c7baq8", alt: "happy guest looking at hotel view"},
alt: "happy guest looking at hotel view",
},
]} ]}
ratingAnimation="blur-reveal" ratingAnimation="blur-reveal"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -359,20 +240,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "Is breakfast included?", content: "Yes, our daily breakfast buffet is included in all room packages."},
title: "Is breakfast included?",
content: "Yes, our daily breakfast buffet is included in all room packages.",
},
{ {
id: "q2", id: "q2", title: "Do you offer parking?", content: "Valet parking is available for all guests 24/7."},
title: "Do you offer parking?",
content: "Valet parking is available for all guests 24/7.",
},
{ {
id: "q3", id: "q3", title: "Can I request early check-in?", content: "Early check-in is subject to room availability upon arrival."},
title: "Can I request early check-in?",
content: "Early check-in is subject to room availability upon arrival.",
},
]} ]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m77007" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m77007"
title="Frequently Asked Questions" title="Frequently Asked Questions"
@@ -386,8 +258,7 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "rotated-rays-animated", variant: "rotated-rays-animated"}}
}}
tag="Get in touch" tag="Get in touch"
title="Ready for your stay?" title="Ready for your stay?"
description="Join our newsletter for exclusive offers and seasonal updates." description="Join our newsletter for exclusive offers and seasonal updates."
@@ -398,33 +269,21 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Navigate", title: "Navigate", items: [
items: [
{ {
label: "Home", label: "Home", href: "#hero"},
href: "#hero",
},
{ {
label: "About", label: "About", href: "#about"},
href: "#about",
},
{ {
label: "Rooms", label: "Rooms", href: "#rooms"},
href: "#rooms",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Use", label: "Terms of Use", href: "#"},
href: "#",
},
], ],
}, },
]} ]}