Merge version_1 into main #1
337
src/app/page.tsx
337
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Experience", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Rooms", id: "#rooms" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Aura"
|
||||
/>
|
||||
@@ -55,130 +43,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Unrivaled Elegance in Every Stay"
|
||||
description="Where biophilic design meets artisanal luxury. Aura offers a sanctuary for the modern traveler seeking profound restoration."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Vance",
|
||||
handle: "@elena_v",
|
||||
testimonial: "The most peaceful stay I have ever experienced. Simply perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-man-with-ginger-beard-blue-eyes-green-swimming-glasses-printed-white-shirt-showing-peace-signs-orange-backdrop_197531-27686.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "A masterclass in organic hospitality and attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restful-man_1098-13861.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@sc_travels",
|
||||
testimonial: "Every corner felt like an editorial spread. Truly breathtaking.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-loving-couple-walking-outdoors-beach_171337-16030.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Rossi",
|
||||
handle: "@drossi",
|
||||
testimonial: "The service was invisible yet impeccable. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-takes-moment-admire-panoramic-view-mountains_482257-123444.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mia Wong",
|
||||
handle: "@miawong",
|
||||
testimonial: "A sanctuary. I left feeling completely recharged.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Elena Vance", handle: "@elena_v", testimonial: "The most peaceful stay I have ever experienced. Simply perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-cool-man-with-ginger-beard-blue-eyes-green-swimming-glasses-printed-white-shirt-showing-peace-signs-orange-backdrop_197531-27686.jpg" },
|
||||
{ name: "Marcus Thorne", handle: "@mthorne", testimonial: "A masterclass in organic hospitality and attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/restful-man_1098-13861.jpg" },
|
||||
{ name: "Sarah Chen", handle: "@sc_travels", testimonial: "Every corner felt like an editorial spread. Truly breathtaking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-loving-couple-walking-outdoors-beach_171337-16030.jpg" },
|
||||
{ name: "David Rossi", handle: "@drossi", testimonial: "The service was invisible yet impeccable. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hiker-takes-moment-admire-panoramic-view-mountains_482257-123444.jpg" },
|
||||
{ name: "Mia Wong", handle: "@miawong", testimonial: "A sanctuary. I left feeling completely recharged.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Reserve Your Stay", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-steel-elevator-lift-lobby-business-hotel-with-luxury-design_105762-2042.jpg"
|
||||
imageAlt="Aura Luxury Interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712925.jpg",
|
||||
alt: "Guest profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683457.jpg",
|
||||
alt: "Guest profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg",
|
||||
alt: "Guest profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg",
|
||||
alt: "Guest profile",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-together_23-2151178234.jpg",
|
||||
alt: "Guest profile",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712925.jpg", alt: "Guest profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683457.jpg", alt: "Guest profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg", alt: "Guest profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg", alt: "Guest profile" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-people-relaxing-together_23-2151178234.jpg", alt: "Guest profile" }
|
||||
]}
|
||||
avatarText="Join 5,000+ luxury travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Biophilic Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Deep Restoration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mindful Hospitality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quiet Sophistication",
|
||||
},
|
||||
{ type: "text", text: "Biophilic Design" },
|
||||
{ type: "text", text: "Artisanal Luxury" },
|
||||
{ type: "text", text: "Deep Restoration" },
|
||||
{ type: "text", text: "Mindful Hospitality" },
|
||||
{ type: "text", text: "Quiet Sophistication" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Wellness Sanctuary",
|
||||
subtitle: "Full service spa",
|
||||
category: "Restore",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Culinary Art",
|
||||
subtitle: "Local organic farm-to-table",
|
||||
category: "Dining",
|
||||
value: "Michelin",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Concierge Care",
|
||||
subtitle: "Personalized travel planning",
|
||||
category: "Service",
|
||||
value: "Premium",
|
||||
},
|
||||
{ id: "f1", title: "Wellness Sanctuary", subtitle: "Full service spa", category: "Restore", value: "24/7" },
|
||||
{ id: "f2", title: "Culinary Art", subtitle: "Local organic farm-to-table", category: "Dining", value: "Michelin" },
|
||||
{ id: "f3", title: "Concierge Care", subtitle: "Personalized travel planning", category: "Service", value: "Premium" }
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Designed for restoration, our amenities ensure your stay is as enriching as it is comfortable."
|
||||
@@ -205,60 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Suite",
|
||||
name: "The Horizon View",
|
||||
price: "$850",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Suite",
|
||||
name: "Garden Retreat",
|
||||
price: "$620",
|
||||
rating: 5,
|
||||
reviewCount: "38",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-living-deck-phuket-luxury_1203-4512.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Suite",
|
||||
name: "Urban Oasis",
|
||||
price: "$740",
|
||||
rating: 4,
|
||||
reviewCount: "51",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050972.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Room",
|
||||
name: "The Loft",
|
||||
price: "$450",
|
||||
rating: 5,
|
||||
reviewCount: "29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2276.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Room",
|
||||
name: "Terrace View",
|
||||
price: "$520",
|
||||
rating: 5,
|
||||
reviewCount: "19",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Room",
|
||||
name: "Zen Quarter",
|
||||
price: "$480",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722562.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Suite", name: "The Horizon View", price: "$850", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-leather-armchairs-french-windows_140725-8445.jpg" },
|
||||
{ id: "p2", brand: "Suite", name: "Garden Retreat", price: "$620", rating: 5, reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/hotel-living-deck-phuket-luxury_1203-4512.jpg" },
|
||||
{ id: "p3", brand: "Suite", name: "Urban Oasis", price: "$740", rating: 4, reviewCount: "51", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-house-interior-design_23-2151050972.jpg" },
|
||||
{ id: "p4", brand: "Room", name: "The Loft", price: "$450", rating: 5, reviewCount: "29", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2276.jpg" },
|
||||
{ id: "p5", brand: "Room", name: "Terrace View", price: "$520", rating: 5, reviewCount: "19", imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg" },
|
||||
{ id: "p6", brand: "Room", name: "Zen Quarter", price: "$480", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722562.jpg" }
|
||||
]}
|
||||
title="Signature Sanctuaries"
|
||||
description="Select from our thoughtfully appointed rooms designed for maximum comfort."
|
||||
@@ -272,27 +128,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "20min",
|
||||
title: "Airport Shuttle",
|
||||
description: "Door to door comfort",
|
||||
icon: Compass,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Valet",
|
||||
title: "Car Service",
|
||||
description: "Always ready to assist",
|
||||
icon: Car,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Private",
|
||||
title: "Driver Support",
|
||||
description: "24/7 access",
|
||||
icon: User,
|
||||
},
|
||||
{ id: "m1", value: "20min", title: "Airport Shuttle", description: "Door to door comfort", icon: Compass },
|
||||
{ id: "m2", value: "Valet", title: "Car Service", description: "Always ready to assist", icon: Car },
|
||||
{ id: "m3", value: "Private", title: "Driver Support", description: "24/7 access", icon: User }
|
||||
]}
|
||||
title="Effortless Arrivals"
|
||||
description="We offer seamless transit arrangements to ensure your focus remains entirely on your arrival."
|
||||
@@ -305,46 +143,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarah",
|
||||
testimonial: "Truly unmatched hospitality experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Bond",
|
||||
handle: "@james",
|
||||
testimonial: "Beautiful design, lovely staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-best-female-friends-pay-with-credit-card-use-banking-application-modern-laptop-computer-make-orders-drink-aromatic-coffee-with-piece-cake-online-purchase-concept_273609-2926.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Laura Croft",
|
||||
handle: "@laura",
|
||||
testimonial: "The best hotel stay ever.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-digital-tablet-communicating-mobile-phone-while-sitting-cafe_637285-2140.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Peter Parker",
|
||||
handle: "@spidey",
|
||||
testimonial: "Incredible attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hiker-takes-deep-breath-fresh-mountain-air-feeling-pleased_482257-121007.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Diana Prince",
|
||||
handle: "@diana",
|
||||
testimonial: "Exceptional restorative energy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarah", testimonial: "Truly unmatched hospitality experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178266.jpg" },
|
||||
{ id: "t2", name: "James Bond", handle: "@james", testimonial: "Beautiful design, lovely staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-best-female-friends-pay-with-credit-card-use-banking-application-modern-laptop-computer-make-orders-drink-aromatic-coffee-with-piece-cake-online-purchase-concept_273609-2926.jpg" },
|
||||
{ id: "t3", name: "Laura Croft", handle: "@laura", testimonial: "The best hotel stay ever.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-digital-tablet-communicating-mobile-phone-while-sitting-cafe_637285-2140.jpg" },
|
||||
{ id: "t4", name: "Peter Parker", handle: "@spidey", testimonial: "Incredible attention to detail.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-hiker-takes-deep-breath-fresh-mountain-air-feeling-pleased_482257-121007.jpg" },
|
||||
{ id: "t5", name: "Diana Prince", handle: "@diana", testimonial: "Exceptional restorative energy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Reflections"
|
||||
@@ -358,25 +161,10 @@ export default function LandingPage() {
|
||||
title="Begin Your Journey"
|
||||
description="Book a consultation or inquire about our premium stay options."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your requirements",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your requirements", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-pillow-bed_74190-3601.jpg"
|
||||
buttonText="Inquire Now"
|
||||
/>
|
||||
@@ -385,42 +173,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Experience",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Experience", href: "#hero" }, { label: "Features", href: "#features" }] },
|
||||
{ items: [{ label: "Rooms", href: "#rooms" }, { label: "Privacy", href: "#" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] }
|
||||
]}
|
||||
logoText="Aura"
|
||||
/>
|
||||
@@ -428,4 +183,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user