Merge version_1 into main #2
298
src/app/page.tsx
298
src/app/page.tsx
@@ -11,7 +11,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Crown, Music } from "lucide-react";
|
||||
import { Crown, Music, Martini } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Events",
|
||||
id: "features",
|
||||
},
|
||||
name: "Events", id: "features"},
|
||||
{
|
||||
name: "VIP",
|
||||
id: "products",
|
||||
},
|
||||
name: "VIP", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Obitz Centurion"
|
||||
/>
|
||||
@@ -55,104 +47,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Welcome to The Obitz Centurion"
|
||||
description="Experience the pinnacle of nightlife. Where luxury meets high-energy beats in the heart of the city."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julian R.",
|
||||
handle: "@jules",
|
||||
testimonial: "The best nightlife experience in years. Unmatched vibe.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-plastic-chair-made-victorian-style_1304-3342.jpg?_wi=1",
|
||||
imageAlt: "luxury night club interior dark",
|
||||
},
|
||||
name: "Julian R.", handle: "@jules", testimonial: "The best nightlife experience in years. Unmatched vibe.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-plastic-chair-made-victorian-style_1304-3342.jpg", imageAlt: "luxury night club interior dark"},
|
||||
{
|
||||
name: "Sara K.",
|
||||
handle: "@sarak",
|
||||
testimonial: "Sophisticated, loud, and incredibly fun. A total centurion experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182555.jpg?_wi=1",
|
||||
imageAlt: "luxury night club interior dark",
|
||||
},
|
||||
name: "Sara K.", handle: "@sarak", testimonial: "Sophisticated, loud, and incredibly fun. A total centurion experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182555.jpg", imageAlt: "luxury night club interior dark"},
|
||||
{
|
||||
name: "Marcus L.",
|
||||
handle: "@m_levin",
|
||||
testimonial: "VIP service is top-notch. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974217.jpg?_wi=1",
|
||||
imageAlt: "luxury night club interior dark",
|
||||
},
|
||||
name: "Marcus L.", handle: "@m_levin", testimonial: "VIP service is top-notch. Highly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974217.jpg", imageAlt: "luxury night club interior dark"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@elena_v",
|
||||
testimonial: "The atmosphere is electric. Best club in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg?_wi=1",
|
||||
imageAlt: "luxury night club interior dark",
|
||||
},
|
||||
name: "Elena V.", handle: "@elena_v", testimonial: "The atmosphere is electric. Best club in the city.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg", imageAlt: "luxury night club interior dark"},
|
||||
{
|
||||
name: "David B.",
|
||||
handle: "@db_88",
|
||||
testimonial: "Incredible sound quality, definitely coming back.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-silver-bottle-with-champagne-party-globe_23-2148339633.jpg?_wi=1",
|
||||
imageAlt: "luxury night club interior dark",
|
||||
},
|
||||
name: "David B.", handle: "@db_88", testimonial: "Incredible sound quality, definitely coming back.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-silver-bottle-with-champagne-party-globe_23-2148339633.jpg", imageAlt: "luxury night club interior dark"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book VIP Table",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Book VIP Table", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/transparent-plastic-chair-made-victorian-style_1304-3342.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/transparent-plastic-chair-made-victorian-style_1304-3342.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6909.jpg",
|
||||
alt: "Party guest portrait 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-curly-woman-enjoying-her-wine-bar_627829-6909.jpg", alt: "Party guest portrait 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg",
|
||||
alt: "Party guest portrait 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/escalators-subway-station-night_181624-1589.jpg", alt: "Party guest portrait 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037506.jpg",
|
||||
alt: "Party guest portrait 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037506.jpg", alt: "Party guest portrait 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-modern-decoration-inside-building-with-escalators-brussels-belgium_181624-43247.jpg",
|
||||
alt: "Party guest portrait 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-modern-decoration-inside-building-with-escalators-brussels-belgium_181624-43247.jpg", alt: "Party guest portrait 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-fairy-lights-decoration-with-bokeh-night_23-2148056715.jpg",
|
||||
alt: "Party guest portrait 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-fairy-lights-decoration-with-bokeh-night_23-2148056715.jpg", alt: "Party guest portrait 5"},
|
||||
]}
|
||||
avatarText="Join our growing community of elite night-owls."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Ultra-Premium",
|
||||
},
|
||||
type: "text", text: "Ultra-Premium"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite VIP",
|
||||
},
|
||||
type: "text", text: "Elite VIP"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Energy",
|
||||
},
|
||||
type: "text", text: "High-Energy"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Immersive Sound",
|
||||
},
|
||||
type: "text", text: "Immersive Sound"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Access",
|
||||
},
|
||||
type: "text", text: "Exclusive Access"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,55 +104,38 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "World-Class Sound",
|
||||
description: "Cutting edge audio systems tuned for maximum immersion.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182555.jpg?_wi=2",
|
||||
},
|
||||
title: "World-Class Sound", description: "Cutting edge audio systems tuned for maximum immersion.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-optical-fiber-detail_23-2149182555.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Music,
|
||||
text: "Pro-grade sound",
|
||||
},
|
||||
text: "Pro-grade sound"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-plastic-chair-made-victorian-style_1304-3342.jpg?_wi=3",
|
||||
imageAlt: "high energy club lights dancefloor",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Signature Mixology",
|
||||
description: "Expert bartenders crafting premium spirits into liquid art.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974217.jpg?_wi=2",
|
||||
},
|
||||
title: "Signature Mixology", description: "Expert bartenders crafting premium spirits into liquid art.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974217.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Martini,
|
||||
text: "Luxury drinks",
|
||||
},
|
||||
text: "Luxury drinks"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg?_wi=2",
|
||||
imageAlt: "high energy club lights dancefloor",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Elite VIP Access",
|
||||
description: "Exclusive table service with private security and service.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-silver-bottle-with-champagne-party-globe_23-2148339633.jpg?_wi=2",
|
||||
},
|
||||
title: "Elite VIP Access", description: "Exclusive table service with private security and service.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-silver-bottle-with-champagne-party-globe_23-2148339633.jpg"},
|
||||
items: [
|
||||
{
|
||||
icon: Crown,
|
||||
text: "VIP priority",
|
||||
},
|
||||
text: "VIP priority"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974249.jpg?_wi=1",
|
||||
imageAlt: "high energy club lights dancefloor",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Our Signature Offerings"
|
||||
@@ -224,47 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dom Pérignon",
|
||||
price: "$800",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-silver-bottle-with-champagne-party-globe_23-2148339633.jpg?_wi=3",
|
||||
},
|
||||
id: "1", name: "Dom Pérignon", price: "$800", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/side-view-silver-bottle-with-champagne-party-globe_23-2148339633.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Grey Goose Magnum",
|
||||
price: "$500",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974249.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Grey Goose Magnum", price: "$500", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glasses-abstract-table_23-2149974249.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Johnnie Walker Blue",
|
||||
price: "$1200",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candle-leaves-glass-whiskey_140725-1899.jpg",
|
||||
},
|
||||
id: "3", name: "Johnnie Walker Blue", price: "$1200", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/candle-leaves-glass-whiskey_140725-1899.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Don Julio 1942",
|
||||
price: "$950",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-toasting-tequila-shot_23-2147883646.jpg",
|
||||
},
|
||||
id: "4", name: "Don Julio 1942", price: "$950", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-toasting-tequila-shot_23-2147883646.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Hendrick's Gin",
|
||||
price: "$450",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337717.jpg",
|
||||
},
|
||||
id: "5", name: "Hendrick's Gin", price: "$450", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337717.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Bacardi Reserve",
|
||||
price: "$300",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162994.jpg",
|
||||
},
|
||||
id: "6", name: "Bacardi Reserve", price: "$300", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162994.jpg"},
|
||||
]}
|
||||
title="Bottle Service Selection"
|
||||
description="Curate your night with our premium bottle collection."
|
||||
@@ -274,43 +171,19 @@ export default function LandingPage() {
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex P.",
|
||||
handle: "@alexp",
|
||||
testimonial: "Everything about this place screams premium nightlife.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-neon-light_23-2149005458.jpg",
|
||||
},
|
||||
id: "1", name: "Alex P.", handle: "@alexp", testimonial: "Everything about this place screams premium nightlife.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-neon-light_23-2149005458.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jasmine T.",
|
||||
handle: "@jt",
|
||||
testimonial: "Drinks are amazing, crowd is vibrant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-techno-party_23-2150639069.jpg",
|
||||
},
|
||||
id: "2", name: "Jasmine T.", handle: "@jt", testimonial: "Drinks are amazing, crowd is vibrant.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-techno-party_23-2150639069.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mike R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Best bottle service in the whole downtown area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409827.jpg",
|
||||
},
|
||||
id: "3", name: "Mike R.", handle: "@miker", testimonial: "Best bottle service in the whole downtown area.", imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-with-apron-working-as-waiter_23-2149409827.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe B.",
|
||||
handle: "@chloeb",
|
||||
testimonial: "Sophisticated atmosphere. Will be back.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-jesus-doing-contemporary-things-modern-world_23-2150836006.jpg",
|
||||
},
|
||||
id: "4", name: "Chloe B.", handle: "@chloeb", testimonial: "Sophisticated atmosphere. Will be back.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-jesus-doing-contemporary-things-modern-world_23-2150836006.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ryan D.",
|
||||
handle: "@ryand",
|
||||
testimonial: "The sound system hits perfectly. Amazing energy.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-party-lifestyle_52683-122059.jpg",
|
||||
},
|
||||
id: "5", name: "Ryan D.", handle: "@ryand", testimonial: "The sound system hits perfectly. Amazing energy.", imageSrc: "http://img.b2bpic.net/free-photo/techno-party-lifestyle_52683-122059.jpg"},
|
||||
]}
|
||||
title="Voices of the Night"
|
||||
description="What our guests are saying about the Obitz Centurion."
|
||||
@@ -324,26 +197,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1500+",
|
||||
title: "Nightly Capacity",
|
||||
description: "Massive high-energy dancefloors.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dancing_23-2148543250.jpg",
|
||||
},
|
||||
id: "1", value: "1500+", title: "Nightly Capacity", description: "Massive high-energy dancefloors.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-dancing_23-2148543250.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "50+",
|
||||
title: "Premium Cocktails",
|
||||
description: "Crafted from finest ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-vintage-wine-glasses_181624-28383.jpg",
|
||||
},
|
||||
id: "2", value: "50+", title: "Premium Cocktails", description: "Crafted from finest ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-vintage-wine-glasses_181624-28383.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "120dB",
|
||||
title: "Max Sound Output",
|
||||
description: "Crystal clear immersive audio.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-proffesional-dj-console-equipment_23-2148325433.jpg",
|
||||
},
|
||||
id: "3", value: "120dB", title: "Max Sound Output", description: "Crystal clear immersive audio.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-proffesional-dj-console-equipment_23-2148325433.jpg"},
|
||||
]}
|
||||
title="Nightclub Metrics"
|
||||
description="Operating at the top of the industry standard."
|
||||
@@ -356,20 +214,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the dress code?",
|
||||
content: "Upscale fashionable attire is strictly enforced.",
|
||||
},
|
||||
id: "1", title: "What is the dress code?", content: "Upscale fashionable attire is strictly enforced."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Reservations are recommended for VIP bottle service.",
|
||||
},
|
||||
id: "2", title: "Do I need a reservation?", content: "Reservations are recommended for VIP bottle service."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What are the hours?",
|
||||
content: "Open Thursday through Sunday from 10 PM until 4 AM.",
|
||||
},
|
||||
id: "3", title: "What are the hours?", content: "Open Thursday through Sunday from 10 PM until 4 AM."},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Frequently asked questions for your seamless visit."
|
||||
@@ -381,16 +230,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Reserve Your Night"
|
||||
description="Book a table or inquire about events today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -401,29 +247,19 @@ export default function LandingPage() {
|
||||
logoText="The Obitz Centurion"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "VIP",
|
||||
href: "#products",
|
||||
},
|
||||
label: "VIP", href: "#products"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Events", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user