Merge version_1 into main #2
306
src/app/page.tsx
306
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Events",
|
||||
id: "#events",
|
||||
},
|
||||
name: "Events", id: "#events"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Ethereal Trance"
|
||||
/>
|
||||
@@ -57,38 +49,25 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Lose Yourself in the Ethereal Flow"
|
||||
description="The ultimate trance experience. Join us for nights of pure sonic euphoria."
|
||||
tag="Next Event: Feb 15"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Tickets",
|
||||
href: "#events",
|
||||
},
|
||||
text: "Get Tickets", href: "#events"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428529.jpg?_wi=1",
|
||||
imageAlt: "Trance event light beams dark club",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428529.jpg", imageAlt: "Trance event light beams dark club"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-with-animal-masks-posing-party-club_140725-8904.jpg?_wi=1",
|
||||
imageAlt: "Ravers dancing trance club silhouette",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-with-animal-masks-posing-party-club_140725-8904.jpg", imageAlt: "Ravers dancing trance club silhouette"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fluorescent-make-up-face-hand_23-2148410036.jpg?_wi=1",
|
||||
imageAlt: "Music concert dance floor glowing lights",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fluorescent-make-up-face-hand_23-2148410036.jpg", imageAlt: "Music concert dance floor glowing lights"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-party-lifestyle_52683-122053.jpg",
|
||||
imageAlt: "DJ mixing music trance set",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-party-lifestyle_52683-122053.jpg", imageAlt: "DJ mixing music trance set"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light-patterns-great-cosmic-background_181624-34438.jpg",
|
||||
imageAlt: "Futuristic stage light show trance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light-patterns-great-cosmic-background_181624-34438.jpg", imageAlt: "Futuristic stage light show trance"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -101,17 +80,11 @@ export default function LandingPage() {
|
||||
description="We craft experiences that transcend reality. With over a decade of dedication to the trance scene, we create sanctuary for every raver."
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years of Magic",
|
||||
},
|
||||
value: "12+", title: "Years of Magic"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Events Hosted",
|
||||
},
|
||||
value: "500+", title: "Events Hosted"},
|
||||
{
|
||||
value: "100k+",
|
||||
title: "Happy Ravers",
|
||||
},
|
||||
value: "100k+", title: "Happy Ravers"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-stripes-light_23-2147798877.jpg"
|
||||
imageAlt="Modern nightclub interior ambient red light"
|
||||
@@ -127,55 +100,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "State-of-the-Art Sound",
|
||||
description: "A high-fidelity sound system calibrated for deep bass and crisp melodies.",
|
||||
icon: Zap,
|
||||
title: "State-of-the-Art Sound", description: "A high-fidelity sound system calibrated for deep bass and crisp melodies.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172423.jpg",
|
||||
imageAlt: "Professional audio speakers concert system",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172423.jpg", imageAlt: "Professional audio speakers concert system"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689412.jpg",
|
||||
imageAlt: "Music sound signal wave frequency",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689412.jpg", imageAlt: "Music sound signal wave frequency"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-inmersive-exhibition_23-2151428529.jpg?_wi=2",
|
||||
imageAlt: "professional audio speakers concert system",
|
||||
},
|
||||
{
|
||||
title: "Immersive Visuals",
|
||||
description: "Mind-bending laser shows and projections designed to synchronize with the beat.",
|
||||
icon: Sparkles,
|
||||
title: "Immersive Visuals", description: "Mind-bending laser shows and projections designed to synchronize with the beat.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79914.jpg",
|
||||
imageAlt: "Laser lighting show club beams",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79914.jpg", imageAlt: "Laser lighting show club beams"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-front-large-billboard_53876-98092.jpg",
|
||||
imageAlt: "Modern stage digital visual display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-front-large-billboard_53876-98092.jpg", imageAlt: "Modern stage digital visual display"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-men-with-animal-masks-posing-party-club_140725-8904.jpg?_wi=2",
|
||||
imageAlt: "professional audio speakers concert system",
|
||||
},
|
||||
{
|
||||
title: "Global Talent",
|
||||
description: "We bring legendary trance artists and rising stars from across the globe.",
|
||||
icon: Award,
|
||||
title: "Global Talent", description: "We bring legendary trance artists and rising stars from across the globe.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dj-mixer-disc-equipment_23-2148325435.jpg",
|
||||
imageAlt: "DJ console mixing deck close up",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dj-mixer-disc-equipment_23-2148325435.jpg", imageAlt: "DJ console mixing deck close up"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551182.jpg",
|
||||
imageAlt: "Stage view ravers hands in air",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinematic-style-mall_23-2151551182.jpg", imageAlt: "Stage view ravers hands in air"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fluorescent-make-up-face-hand_23-2148410036.jpg?_wi=2",
|
||||
imageAlt: "professional audio speakers concert system",
|
||||
},
|
||||
]}
|
||||
title="Why Ethereal Trance?"
|
||||
@@ -191,47 +140,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "e1",
|
||||
name: "Galactic Night",
|
||||
price: "$45",
|
||||
variant: "Early Bird",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/summer-party-invitation-template_23-2150339425.jpg",
|
||||
},
|
||||
id: "e1", name: "Galactic Night", price: "$45", variant: "Early Bird", imageSrc: "http://img.b2bpic.net/free-psd/summer-party-invitation-template_23-2150339425.jpg"},
|
||||
{
|
||||
id: "e2",
|
||||
name: "Neon Euphoria",
|
||||
price: "$60",
|
||||
variant: "General Admission",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-eyeglasses-while-looking-down_410324-88.jpg",
|
||||
},
|
||||
id: "e2", name: "Neon Euphoria", price: "$60", variant: "General Admission", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-eyeglasses-while-looking-down_410324-88.jpg"},
|
||||
{
|
||||
id: "e3",
|
||||
name: "Sunset Trance",
|
||||
price: "$75",
|
||||
variant: "VIP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg",
|
||||
},
|
||||
id: "e3", name: "Sunset Trance", price: "$75", variant: "VIP", imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-girl-illustration_23-2151508431.jpg"},
|
||||
{
|
||||
id: "e4",
|
||||
name: "Midnight Odyssey",
|
||||
price: "$50",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-rave-party-poster-template_23-2150277326.jpg",
|
||||
},
|
||||
id: "e4", name: "Midnight Odyssey", price: "$50", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-vector/gradient-rave-party-poster-template_23-2150277326.jpg"},
|
||||
{
|
||||
id: "e5",
|
||||
name: "Trance Unity",
|
||||
price: "$80",
|
||||
variant: "VIP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599243.jpg",
|
||||
},
|
||||
id: "e5", name: "Trance Unity", price: "$80", variant: "VIP", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-concept-with-prism-light-deflection_23-2148599243.jpg"},
|
||||
{
|
||||
id: "e6",
|
||||
name: "Future Rhythms",
|
||||
price: "$55",
|
||||
variant: "Standard",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-music-star-illustration_23-2151876823.jpg",
|
||||
},
|
||||
id: "e6", name: "Future Rhythms", price: "$55", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/psychedelic-music-star-illustration_23-2151876823.jpg"},
|
||||
]}
|
||||
title="Upcoming Events"
|
||||
description="Secure your spot at the next trance odyssey."
|
||||
@@ -245,54 +164,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Standard",
|
||||
price: "$29",
|
||||
subtitle: "Access to all monthly events",
|
||||
features: [
|
||||
"Standard entry",
|
||||
"Early access to tickets",
|
||||
"Newsletter",
|
||||
],
|
||||
id: "basic", badge: "Standard", price: "$29", subtitle: "Access to all monthly events", features: [
|
||||
"Standard entry", "Early access to tickets", "Newsletter"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$59",
|
||||
subtitle: "For the hardcore trance lover",
|
||||
features: [
|
||||
"All standard perks",
|
||||
"Fast lane access",
|
||||
"Free drink ticket",
|
||||
],
|
||||
id: "pro", badge: "Pro", price: "$59", subtitle: "For the hardcore trance lover", features: [
|
||||
"All standard perks", "Fast lane access", "Free drink ticket"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
badge: "VIP",
|
||||
price: "$99",
|
||||
subtitle: "Ultimate trance luxury",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"VIP lounge access",
|
||||
"Exclusive merch",
|
||||
],
|
||||
id: "vip", badge: "VIP", price: "$99", subtitle: "Ultimate trance luxury", features: [
|
||||
"Everything in Pro", "VIP lounge access", "Exclusive merch"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#",
|
||||
},
|
||||
text: "Select", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -308,26 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Beats",
|
||||
description: "High-bpm tracks played annually",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/planet-earth-listening-music_1048-2600.jpg",
|
||||
},
|
||||
id: "m1", value: "10k+", title: "Beats", description: "High-bpm tracks played annually", imageSrc: "http://img.b2bpic.net/free-photo/planet-earth-listening-music_1048-2600.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "80k",
|
||||
title: "Drinks",
|
||||
description: "Served at our bar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-sign-bar-with-image-cocktail_23-2148184280.jpg",
|
||||
},
|
||||
id: "m2", value: "80k", title: "Drinks", description: "Served at our bar", imageSrc: "http://img.b2bpic.net/free-photo/neon-sign-bar-with-image-cocktail_23-2148184280.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "Artists",
|
||||
description: "Featured on our stage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-globe-red-background-high-quality-photo_114579-60704.jpg",
|
||||
},
|
||||
id: "m3", value: "500+", title: "Artists", description: "Featured on our stage", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-globe-red-background-high-quality-photo_114579-60704.jpg"},
|
||||
]}
|
||||
title="By the Numbers"
|
||||
description="Impact, energy, and community in every beat."
|
||||
@@ -341,59 +218,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "Fan",
|
||||
company: "Trance Lovers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pretty-girl-looking-away_23-2148311240.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah", role: "Fan", company: "Trance Lovers", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pretty-girl-looking-away_23-2148311240.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark",
|
||||
role: "DJ",
|
||||
company: "Global Beats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-party-with-dj_23-2151108161.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark", role: "DJ", company: "Global Beats", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fun-party-with-dj_23-2151108161.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily",
|
||||
role: "Fan",
|
||||
company: "Sonic Journeys",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-model-wearing-sport-outfits-applying-makeup_114579-14439.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily", role: "Fan", company: "Sonic Journeys", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-model-wearing-sport-outfits-applying-makeup_114579-14439.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David",
|
||||
role: "Photographer",
|
||||
company: "Capture Events",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20722.jpg",
|
||||
},
|
||||
id: "t4", name: "David", role: "Photographer", company: "Capture Events", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-camera-tripod_1268-20722.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena",
|
||||
role: "Fan",
|
||||
company: "Night Owls",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-photobooth_23-2150171625.jpg",
|
||||
},
|
||||
id: "t5", name: "Elena", role: "Fan", company: "Night Owls", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-posing-photobooth_23-2150171625.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "5.0", label: "Average Rating"},
|
||||
{
|
||||
value: "99%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
value: "99%", label: "Retention Rate"},
|
||||
{
|
||||
value: "1M+",
|
||||
label: "Shazam Hits",
|
||||
},
|
||||
value: "1M+", label: "Shazam Hits"},
|
||||
]}
|
||||
title="What Ravers Say"
|
||||
description="The community that keeps the rhythm alive."
|
||||
@@ -406,20 +252,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Dress code?",
|
||||
content: "Keep it vibrant! Anything neon, glow-in-the-dark, or simply comfortable for a night of dancing works.",
|
||||
},
|
||||
id: "q1", title: "Dress code?", content: "Keep it vibrant! Anything neon, glow-in-the-dark, or simply comfortable for a night of dancing works."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Age requirement?",
|
||||
content: "18+ for entry. Please bring a valid government-issued ID.",
|
||||
},
|
||||
id: "q2", title: "Age requirement?", content: "18+ for entry. Please bring a valid government-issued ID."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Ticket policy?",
|
||||
content: "Tickets are non-refundable but transferable through our official platform.",
|
||||
},
|
||||
id: "q3", title: "Ticket policy?", content: "Tickets are non-refundable but transferable through our official platform."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about the Ethereal Trance club."
|
||||
@@ -431,16 +268,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in touch"
|
||||
title="Stay Informed"
|
||||
description="Join our mailing list for updates on new events, secret lineups, and special offers."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -449,29 +283,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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