Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
267
src/app/page.tsx
267
src/app/page.tsx
@@ -13,7 +13,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
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() {
|
||||
return (
|
||||
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
name: "Rooms", id: "#rooms"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Luxe Hotel"
|
||||
/>
|
||||
@@ -57,17 +49,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
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."
|
||||
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"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#rooms",
|
||||
},
|
||||
text: "Book Your Stay", href: "#rooms"},
|
||||
]}
|
||||
/>
|
||||
</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."
|
||||
metrics={[
|
||||
{
|
||||
value: "30+",
|
||||
title: "Years of Excellence",
|
||||
},
|
||||
value: "30+", title: "Years of Excellence"},
|
||||
{
|
||||
value: "100k+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
value: "100k+", title: "Happy Guests"},
|
||||
{
|
||||
value: "5 Stars",
|
||||
title: "Luxury Rating",
|
||||
},
|
||||
value: "5 Stars", 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"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -101,57 +84,40 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Exquisite culinary journeys crafted by Michelin-starred chefs.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7et42d",
|
||||
imageAlt: "luxury fine dining table arrangement",
|
||||
},
|
||||
title: "Gourmet Dining", description: "Exquisite culinary journeys crafted by Michelin-starred chefs.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7et42d", imageAlt: "luxury fine dining table arrangement"},
|
||||
items: [
|
||||
{
|
||||
icon: Utensils,
|
||||
text: "Fine dining restaurant",
|
||||
},
|
||||
text: "Fine dining restaurant"},
|
||||
{
|
||||
icon: Coffee,
|
||||
text: "24/7 Room service",
|
||||
},
|
||||
text: "24/7 Room service"},
|
||||
{
|
||||
icon: Wine,
|
||||
text: "Vintage wine cellar",
|
||||
},
|
||||
text: "Vintage wine cellar"},
|
||||
],
|
||||
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",
|
||||
description: "Rejuvenate your soul with premium spa and therapeutic treatments.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=njf64u",
|
||||
imageAlt: "luxury boutique hotel spa relaxation",
|
||||
},
|
||||
title: "Wellness Oasis", description: "Rejuvenate your soul with premium spa and therapeutic treatments.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=njf64u", imageAlt: "luxury boutique hotel spa relaxation"},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Full-service spa",
|
||||
},
|
||||
text: "Full-service spa"},
|
||||
{
|
||||
icon: Waves,
|
||||
text: "Indoor infinity pool",
|
||||
},
|
||||
text: "Indoor infinity pool"},
|
||||
{
|
||||
icon: Dumbbell,
|
||||
text: "State-of-the-art gym",
|
||||
},
|
||||
text: "State-of-the-art gym"},
|
||||
],
|
||||
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"
|
||||
@@ -167,65 +133,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Suite",
|
||||
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: "1", brand: "Suite", 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",
|
||||
brand: "Suite",
|
||||
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: "2", brand: "Suite", 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",
|
||||
brand: "Suite",
|
||||
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: "3", brand: "Suite", 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",
|
||||
brand: "Suite",
|
||||
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: "4", brand: "Suite", 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",
|
||||
brand: "Suite",
|
||||
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: "5", brand: "Suite", 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",
|
||||
brand: "Suite",
|
||||
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",
|
||||
},
|
||||
id: "6", brand: "Suite", 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"
|
||||
description="Designed with a blend of classic charm and modern functionality."
|
||||
@@ -239,52 +163,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "member-silver",
|
||||
badge: "Entry",
|
||||
price: "$299",
|
||||
subtitle: "Essential luxury benefits",
|
||||
buttons: [
|
||||
id: "member-silver", badge: "Entry", price: "$299", subtitle: "Essential luxury benefits", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
features: [
|
||||
"Complimentary breakfast",
|
||||
"Late checkout option",
|
||||
"10% room discount",
|
||||
],
|
||||
"Complimentary breakfast", "Late checkout option", "10% room discount"],
|
||||
},
|
||||
{
|
||||
id: "member-gold",
|
||||
badge: "Premium",
|
||||
price: "$599",
|
||||
subtitle: "The complete refined stay",
|
||||
buttons: [
|
||||
id: "member-gold", badge: "Premium", price: "$599", subtitle: "The complete refined stay", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited spa access",
|
||||
"Room upgrade priority",
|
||||
"20% room discount",
|
||||
],
|
||||
"Unlimited spa access", "Room upgrade priority", "20% room discount"],
|
||||
},
|
||||
{
|
||||
id: "member-diamond",
|
||||
badge: "Elite",
|
||||
price: "$999",
|
||||
subtitle: "Ultimate bespoke experience",
|
||||
buttons: [
|
||||
id: "member-diamond", badge: "Elite", price: "$999", subtitle: "Ultimate bespoke experience", buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
},
|
||||
text: "Select Plan"},
|
||||
],
|
||||
features: [
|
||||
"Private airport pickup",
|
||||
"Personalized concierge",
|
||||
"30% room discount",
|
||||
],
|
||||
"Private airport pickup", "Personalized concierge", "30% room discount"],
|
||||
},
|
||||
]}
|
||||
title="Exclusive Membership Packages"
|
||||
@@ -300,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
description: "Guest satisfaction score",
|
||||
},
|
||||
id: "m1", value: "98%", description: "Guest satisfaction score"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Concierge availability",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Concierge availability"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "450+",
|
||||
description: "Dedicated staff members",
|
||||
},
|
||||
id: "m3", value: "450+", description: "Dedicated staff members"},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Consistently providing excellence since our inception."
|
||||
@@ -328,25 +219,15 @@ export default function LandingPage() {
|
||||
author="Jonathan Wells"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nffi95",
|
||||
alt: "happy guest portrait modern hotel",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nffi95", alt: "happy guest portrait modern hotel"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r45f1z",
|
||||
alt: "guest relaxing on hotel couch",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r45f1z", alt: "guest relaxing on hotel couch"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ry3g9",
|
||||
alt: "business traveler in hotel lobby",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ry3g9", alt: "business traveler in hotel lobby"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ereobt",
|
||||
alt: "satisfied guest portrait warm background",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ereobt", alt: "satisfied guest portrait warm background"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c7baq8",
|
||||
alt: "happy guest looking at hotel view",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c7baq8", alt: "happy guest looking at hotel view"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -359,20 +240,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, our daily breakfast buffet is included in all room packages.",
|
||||
},
|
||||
id: "q1", title: "Is breakfast included?", content: "Yes, our daily breakfast buffet is included in all room packages."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer parking?",
|
||||
content: "Valet parking is available for all guests 24/7.",
|
||||
},
|
||||
id: "q2", title: "Do you offer parking?", content: "Valet parking is available for all guests 24/7."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request early check-in?",
|
||||
content: "Early check-in is subject to room availability upon arrival.",
|
||||
},
|
||||
id: "q3", 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"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -386,8 +258,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Get in touch"
|
||||
title="Ready for your stay?"
|
||||
description="Join our newsletter for exclusive offers and seasonal updates."
|
||||
@@ -398,33 +269,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
title: "Navigate", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
label: "Rooms", href: "#rooms"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user