Merge version_1 into main #2
462
src/app/page.tsx
462
src/app/page.tsx
@@ -25,355 +25,131 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "#events",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Reserve",
|
||||
id: "#reserve",
|
||||
},
|
||||
]}
|
||||
brandName="DE CHANDELIER"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Events", id: "#events" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Reserve", id: "#reserve" },
|
||||
]}
|
||||
brandName="DE CHANDELIER"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="WHERE NIGHTS BECOME LEGENDS"
|
||||
description="Every Weekend · Victoria Island, Lagos"
|
||||
testimonials={[
|
||||
{
|
||||
name: "VIP Lounge",
|
||||
handle: "Lagos Elite",
|
||||
testimonial: "The gold standard.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-shoe-designer-is-sitting-armchair-his-workshop-holding-shoe-from-his-last-collection_613910-17419.jpg",
|
||||
},
|
||||
{
|
||||
name: "Bottle Service",
|
||||
handle: "Nightlife Icon",
|
||||
testimonial: "Simply incomparable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-new-year-s-eve-home_23-2148741470.jpg",
|
||||
},
|
||||
{
|
||||
name: "Exclusive Nights",
|
||||
handle: "Private Guest",
|
||||
testimonial: "Unforgettable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-donut_23-2148773571.jpg",
|
||||
},
|
||||
{
|
||||
name: "Live Music",
|
||||
handle: "Sound Lovers",
|
||||
testimonial: "Pure magic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8831.jpg",
|
||||
},
|
||||
{
|
||||
name: "Luxury Bar",
|
||||
handle: "Mixology Fans",
|
||||
testimonial: "The best spirits.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140749.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Your Table",
|
||||
href: "#reserve",
|
||||
},
|
||||
{
|
||||
text: "Explore Events",
|
||||
href: "#events",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-drunk-girl-party_23-2149628562.jpg"
|
||||
mediaAnimation="none"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-drunk-girl-party_23-2149628562.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glass-balls-with-candles-hang-before-window_1304-5599.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-with-beer-having-fun-roof_23-2147784721.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-woman-dress-drinking-champagne-from-glass_23-2147988060.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM NIGHTLIFE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "LAGOS EXCLUSIVE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "GOLD STANDARD",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BOTTLE SERVICE",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "VIP EXPERIENCE",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="WHERE NIGHTS BECOME LEGENDS"
|
||||
description="Every Weekend · Victoria Island, Lagos"
|
||||
testimonials={[
|
||||
{ name: "VIP Lounge", handle: "Lagos Elite", testimonial: "The gold standard.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mature-shoe-designer-is-sitting-armchair-his-workshop-holding-shoe-from-his-last-collection_613910-17419.jpg" },
|
||||
{ name: "Bottle Service", handle: "Nightlife Icon", testimonial: "Simply incomparable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-celebrating-new-year-s-eve-home_23-2148741470.jpg" },
|
||||
{ name: "Exclusive Nights", handle: "Private Guest", testimonial: "Unforgettable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-holding-donut_23-2148773571.jpg" },
|
||||
{ name: "Live Music", handle: "Sound Lovers", testimonial: "Pure magic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8831.jpg" },
|
||||
{ name: "Luxury Bar", handle: "Mixology Fans", testimonial: "The best spirits.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140749.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Reserve Your Table", href: "#reserve" },
|
||||
{ text: "Explore Events", href: "#events" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-drunk-girl-party_23-2149628562.jpg"
|
||||
mediaAnimation="none"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-drunk-girl-party_23-2149628562.jpg", alt: "Guest 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg", alt: "Guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/glass-balls-with-candles-hang-before-window_1304-5599.jpg", alt: "Guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-with-beer-having-fun-roof_23-2147784721.jpg", alt: "Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-woman-dress-drinking-champagne-from-glass_23-2147988060.jpg", alt: "Guest 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "PREMIUM NIGHTLIFE" },
|
||||
{ type: "text", text: "LAGOS EXCLUSIVE" },
|
||||
{ type: "text", text: "GOLD STANDARD" },
|
||||
{ type: "text", text: "BOTTLE SERVICE" },
|
||||
{ type: "text", text: "VIP EXPERIENCE" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="An Experience Beyond the Night"
|
||||
description="De Chandelier Night is more than a venue. It's where Lagos comes alive — where every detail, from the crystal chandeliers above to the premium spirits below, is designed to make you feel extraordinary. Welcome to the gold standard of nightlife."
|
||||
metrics={[
|
||||
{
|
||||
value: "2020",
|
||||
title: "Est. Year",
|
||||
},
|
||||
{
|
||||
value: "V.I.",
|
||||
title: "Location",
|
||||
},
|
||||
{
|
||||
value: "VIP",
|
||||
title: "Status",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="An Experience Beyond the Night"
|
||||
description="De Chandelier Night is more than a venue. It's where Lagos comes alive — where every detail, from the crystal chandeliers above to the premium spirits below, is designed to make you feel extraordinary. Welcome to the gold standard of nightlife."
|
||||
metrics={[
|
||||
{ value: "2020", title: "Est. Year" },
|
||||
{ value: "V.I.", title: "Location" },
|
||||
{ value: "VIP", title: "Status" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="events" data-section="events">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "e1",
|
||||
title: "Golden Friday",
|
||||
subtitle: "Live DJ Set & Bottle Service",
|
||||
category: "WEEKEND",
|
||||
value: "10PM",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Tickets",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
title: "Saturday Soirée",
|
||||
subtitle: "Exclusive Guest List",
|
||||
category: "WEEKEND",
|
||||
value: "11PM",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Tickets",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "e3",
|
||||
title: "Sunday Lounge",
|
||||
subtitle: "Afrobeats & Vibes",
|
||||
category: "WEEKEND",
|
||||
value: "9PM",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Tickets",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Upcoming Events"
|
||||
description="Join us for our exclusive weekly residencies and featured nights."
|
||||
/>
|
||||
</div>
|
||||
<div id="events" data-section="events">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "e1", title: "Golden Friday", subtitle: "Live DJ Set & Bottle Service", category: "WEEKEND", value: "10PM", buttons: [{ text: "Get Tickets", href: "#" }] },
|
||||
{ id: "e2", title: "Saturday Soirée", subtitle: "Exclusive Guest List", category: "WEEKEND", value: "11PM", buttons: [{ text: "Get Tickets", href: "#" }] },
|
||||
{ id: "e3", title: "Sunday Lounge", subtitle: "Afrobeats & Vibes", category: "WEEKEND", value: "9PM", buttons: [{ text: "Get Tickets", href: "#" }] },
|
||||
]}
|
||||
title="Upcoming Events"
|
||||
description="Join us for our exclusive weekly residencies and featured nights."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Chandelier Detail",
|
||||
price: "View",
|
||||
variant: "Ambient",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7810.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Lounge Crowd",
|
||||
price: "View",
|
||||
variant: "Energy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974249.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Bar Aesthetics",
|
||||
price: "View",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decoration-bokeh-glowing-light-outdoor_23-2148055602.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "VIP Booth",
|
||||
price: "View",
|
||||
variant: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-lights_181624-21158.jpg",
|
||||
},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Dance Floor",
|
||||
price: "View",
|
||||
variant: "Vibe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hiding-face-leaf_23-2147781290.jpg",
|
||||
},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Bottle Service",
|
||||
price: "View",
|
||||
variant: "Luxe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/department-coffee-supermarket-photo-your-advertising_185193-110563.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Atmosphere"
|
||||
description="A glimpse inside our premium lounge."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardFour
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "g1", name: "Chandelier Detail", price: "View", variant: "Ambient", imageSrc: "http://img.b2bpic.net/free-photo/cocktail-served-crystal-glass_140725-7810.jpg" },
|
||||
{ id: "g2", name: "Lounge Crowd", price: "View", variant: "Energy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974249.jpg" },
|
||||
{ id: "g3", name: "Bar Aesthetics", price: "View", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/decoration-bokeh-glowing-light-outdoor_23-2148055602.jpg" },
|
||||
{ id: "g4", name: "VIP Booth", price: "View", variant: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/rendering-abstract-futuristic-background-with-glowing-neon-lights_181624-21158.jpg" },
|
||||
{ id: "g5", name: "Dance Floor", price: "View", variant: "Vibe", imageSrc: "http://img.b2bpic.net/free-photo/woman-hiding-face-leaf_23-2147781290.jpg" },
|
||||
{ id: "g6", name: "Bottle Service", price: "View", variant: "Luxe", imageSrc: "http://img.b2bpic.net/free-photo/department-coffee-supermarket-photo-your-advertising_185193-110563.jpg" },
|
||||
]}
|
||||
title="The Atmosphere"
|
||||
description="A glimpse inside our premium lounge."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reserve" data-section="reserve">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="Secure your spot for an unforgettable night. Our team will confirm your reservation within 24 hours."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "requests",
|
||||
placeholder: "Special Requests",
|
||||
rows: 4,
|
||||
required: false,
|
||||
}}
|
||||
buttonText="Confirm My Reservation"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="reserve" data-section="reserve">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Reserve Your Table"
|
||||
description="Secure your spot for an unforgettable night. Our team will confirm your reservation within 24 hours."
|
||||
inputs={[
|
||||
{ name: "fullName", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
textarea={{ name: "requests", placeholder: "Special Requests", rows: 4, required: false }}
|
||||
buttonText="Confirm My Reservation"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="DE CHANDELIER"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#events",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Reserve",
|
||||
href: "#reserve",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Victoria Island, Lagos",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 De Chandelier Night. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="DE CHANDELIER"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Events", href: "#events" }, { label: "Gallery", href: "#gallery" }, { label: "Reserve", href: "#reserve" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "TikTok", href: "#" }, { label: "WhatsApp", href: "#" }] },
|
||||
{ title: "Location", items: [{ label: "Victoria Island, Lagos", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 De Chandelier Night. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user