Merge version_2 into main #1
381
src/app/page.tsx
381
src/app/page.tsx
@@ -31,137 +31,53 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#experience",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Rooms", id: "#rooms" },
|
||||
{ name: "Experience", id: "#experience" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="LuxeStay"
|
||||
button={{ text: "Book Now", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unrivaled Elegance in Every Stay"
|
||||
description="Indulge in a world where modern luxury meets timeless hospitality. Discover your sanctuary at LuxeStay."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg",
|
||||
imageAlt: "Hotel Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/building-with-multiple-floors_250224-43.jpg",
|
||||
imageAlt: "Hotel Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg",
|
||||
imageAlt: "Hotel Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hallway-modern-style_1127-3391.jpg",
|
||||
imageAlt: "Hotel Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abu-dhabi-uae-march-16-dome-decoration-emirates-palace-hotel-march-16-2012-this-is-luxurious-most-expensive-7-star-hotel-designed-by-renowned-architect-john-elliott-riba_158595-1969.jpg",
|
||||
imageAlt: "Hotel Lobby",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",
|
||||
imageAlt: "Hotel Lobby",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg", imageAlt: "Hotel Lobby" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/building-with-multiple-floors_250224-43.jpg", imageAlt: "Hotel Lobby" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg", imageAlt: "Hotel Lobby" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hallway-modern-style_1127-3391.jpg", imageAlt: "Hotel Lobby" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/abu-dhabi-uae-march-16-dome-decoration-emirates-palace-hotel-march-16-2012-this-is-luxurious-most-expensive-7-star-hotel-designed-by-renowned-architect-john-elliott-riba_158595-1969.jpg", imageAlt: "Hotel Lobby" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg", imageAlt: "Hotel Lobby" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg",
|
||||
imageAlt: "Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg",
|
||||
imageAlt: "Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bar-closeup-celebration-liquid-wine_1203-4479.jpg",
|
||||
imageAlt: "Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg",
|
||||
imageAlt: "Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg",
|
||||
imageAlt: "Dining",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg",
|
||||
imageAlt: "Dining",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-3428.jpg", imageAlt: "Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg", imageAlt: "Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/bar-closeup-celebration-liquid-wine_1203-4479.jpg", imageAlt: "Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg", imageAlt: "Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg", imageAlt: "Dining" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg", imageAlt: "Dining" },
|
||||
]}
|
||||
tag="Exclusive Membership"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Your Stay", href: "#" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/designer-sauna-heaters-geometric-forms-sunny-interior_169016-68905.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hotel-with-swimming-pool_169016-3317.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397562.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-hall-with-male-silhouette-standing-stairway_181624-36676.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg",
|
||||
alt: "Guest",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/designer-sauna-heaters-geometric-forms-sunny-interior_169016-68905.jpg", alt: "Guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hotel-with-swimming-pool_169016-3317.jpg", alt: "Guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397562.jpg", alt: "Guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-hall-with-male-silhouette-standing-stairway_181624-36676.jpg", alt: "Guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-sauna-interior-with-mountain-view-wood-light_169016-70841.jpg", alt: "Guest" },
|
||||
]}
|
||||
avatarText="Join 10,000+ luxury travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Forbes 5-Star Rated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "World's Best Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Star Dining",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Private Concierge",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Recognition",
|
||||
},
|
||||
{ type: "text", text: "Forbes 5-Star Rated" },
|
||||
{ type: "text", text: "World's Best Design" },
|
||||
{ type: "text", text: "Michelin Star Dining" },
|
||||
{ type: "text", text: "Private Concierge" },
|
||||
{ type: "text", text: "Global Recognition" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,21 +87,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Legacy of Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Luxury Rating",
|
||||
value: "5.0",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Global Awards",
|
||||
value: "24",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Guests",
|
||||
value: "10k+",
|
||||
},
|
||||
{ icon: Star, label: "Luxury Rating", value: "5.0" },
|
||||
{ icon: Award, label: "Global Awards", value: "24" },
|
||||
{ icon: Users, label: "Happy Guests", value: "10k+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -197,39 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Private Spa",
|
||||
author: "Wellness Team",
|
||||
description: "Holistic treatments inspired by traditional rituals.",
|
||||
tags: [
|
||||
"Relaxation",
|
||||
"Wellness",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-cozy-sweet-hot-attractive_1303-438.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fine Dining",
|
||||
author: "Chef Claude",
|
||||
description: "Culinary masterpieces crafted from fresh local ingredients.",
|
||||
tags: [
|
||||
"Culinary",
|
||||
"Gourmet",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683409.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Panoramic Bar",
|
||||
author: "Mixology Team",
|
||||
description: "Breathtaking views paired with signature cocktails.",
|
||||
tags: [
|
||||
"Social",
|
||||
"Nightlife",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg",
|
||||
},
|
||||
{ id: "1", title: "Private Spa", author: "Wellness Team", description: "Holistic treatments inspired by traditional rituals.", tags: ["Relaxation", "Wellness"], imageSrc: "http://img.b2bpic.net/free-photo/cup-cozy-sweet-hot-attractive_1303-438.jpg" },
|
||||
{ id: "2", title: "Fine Dining", author: "Chef Claude", description: "Culinary masterpieces crafted from fresh local ingredients.", tags: ["Culinary", "Gourmet"], imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683409.jpg" },
|
||||
{ id: "3", title: "Panoramic Bar", author: "Mixology Team", description: "Breathtaking views paired with signature cocktails.", tags: ["Social", "Nightlife"], imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683411.jpg" },
|
||||
]}
|
||||
title="Unmatched Amenities"
|
||||
description="Designed for the discerning guest, our amenities redefine the meaning of comfort."
|
||||
@@ -243,42 +117,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Grand Suite",
|
||||
price: "$850",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2276.jpg",
|
||||
},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Royal Vista",
|
||||
price: "$1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185071.jpg",
|
||||
},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Ocean View",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-wooden-table-with-natural-view_53876-139869.jpg",
|
||||
},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Garden Retreat",
|
||||
price: "$700",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927733.jpg",
|
||||
},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Sky Loft",
|
||||
price: "$1100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/washbasin-with-mirror_1203-47.jpg",
|
||||
},
|
||||
{
|
||||
id: "r6",
|
||||
name: "Executive Room",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg",
|
||||
},
|
||||
{ id: "r1", name: "Grand Suite", price: "$850", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2276.jpg" },
|
||||
{ id: "r2", name: "Royal Vista", price: "$1200", imageSrc: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185071.jpg" },
|
||||
{ id: "r3", name: "Ocean View", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-wooden-table-with-natural-view_53876-139869.jpg" },
|
||||
{ id: "r4", name: "Garden Retreat", price: "$700", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927733.jpg" },
|
||||
{ id: "r5", name: "Sky Loft", price: "$1100", imageSrc: "http://img.b2bpic.net/free-photo/washbasin-with-mirror_1203-47.jpg" },
|
||||
{ id: "r6", name: "Executive Room", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg" },
|
||||
]}
|
||||
title="Exquisite Suites"
|
||||
description="Every suite is a testament to refined living and comfort."
|
||||
@@ -291,39 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Silver",
|
||||
price: "$2000",
|
||||
subtitle: "Access to all basic amenities",
|
||||
features: [
|
||||
"Gym Access",
|
||||
"Concierge Service",
|
||||
"Free WiFi",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "gold",
|
||||
badge: "Gold",
|
||||
price: "$5000",
|
||||
subtitle: "Advanced perks and spa benefits",
|
||||
features: [
|
||||
"All Silver perks",
|
||||
"Private Spa Access",
|
||||
"Airport Pickup",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plat",
|
||||
badge: "Platinum",
|
||||
price: "$9000",
|
||||
subtitle: "Ultimate luxury experience",
|
||||
features: [
|
||||
"All Gold perks",
|
||||
"Private Chef Dining",
|
||||
"Suite Upgrades",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Silver", price: "$2000", subtitle: "Access to all basic amenities", features: ["Gym Access", "Concierge Service", "Free WiFi"] },
|
||||
{ id: "gold", badge: "Gold", price: "$5000", subtitle: "Advanced perks and spa benefits", features: ["All Silver perks", "Private Spa Access", "Airport Pickup"] },
|
||||
{ id: "plat", badge: "Platinum", price: "$9000", subtitle: "Ultimate luxury experience", features: ["All Gold perks", "Private Chef Dining", "Suite Upgrades"] },
|
||||
]}
|
||||
title="Membership Plans"
|
||||
description="Choose the membership level that perfectly suits your travel aspirations."
|
||||
@@ -336,60 +150,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Traveler",
|
||||
company: "Global Explorers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-young-woman-standing-restaurant_23-2147936182.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Wilson",
|
||||
role: "Executive",
|
||||
company: "Corporate Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-jacket-holding-hat_1303-24680.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Influencer",
|
||||
company: "Chic Travel",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-fiance-checking-hour-looking-wrist_8353-12377.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Bond",
|
||||
role: "CEO",
|
||||
company: "Elite Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Chen",
|
||||
role: "Designer",
|
||||
company: "Modern Life",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-calm-happy-pretty-woman-with-bright-evening-makeup-wearing-summer-yellow-dress-sea-shell-necklace_343596-3838.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", role: "Traveler", company: "Global Explorers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-young-woman-standing-restaurant_23-2147936182.jpg" },
|
||||
{ id: "2", name: "Mark Wilson", role: "Executive", company: "Corporate Hub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-jacket-holding-hat_1303-24680.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Influencer", company: "Chic Travel", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-fiance-checking-hour-looking-wrist_8353-12377.jpg" },
|
||||
{ id: "4", name: "James Bond", role: "CEO", company: "Elite Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13337.jpg" },
|
||||
{ id: "5", name: "Chloe Chen", role: "Designer", company: "Modern Life", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-calm-happy-pretty-woman-with-bright-evening-makeup-wearing-summer-yellow-dress-sea-shell-necklace_343596-3838.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "99%",
|
||||
label: "Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Returning Guests",
|
||||
},
|
||||
{ value: "99%", label: "Satisfaction Rate" },
|
||||
{ value: "4.9", label: "Average Rating" },
|
||||
{ value: "500+", label: "Returning Guests" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Hear from our guests who experienced the pinnacle of hospitality."
|
||||
@@ -399,54 +169,17 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Ready to experience the ultimate luxury? Get in touch with our concierge team today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Concierge",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Concierge", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Suites",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Concierge",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Memberships",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Our Story", href: "#" }, { label: "Suites", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ items: [{ label: "Concierge", href: "#" }, { label: "Memberships", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
logoText="LuxeStay"
|
||||
/>
|
||||
@@ -454,4 +187,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user