Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -26,185 +26,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Music",
|
||||
id: "/music",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "/events",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "/booking",
|
||||
},
|
||||
]}
|
||||
brandName="VEX-D"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Booking", id: "/booking" },
|
||||
]}
|
||||
brandName="VEX-D"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="VEX-D – Electronic Energy Redefined"
|
||||
description="Book the future of sound. High-energy performances for global stages."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book VEX-D",
|
||||
href: "/booking",
|
||||
},
|
||||
{
|
||||
text: "Listen Now",
|
||||
href: "https://soundcloud.com",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-amusement-park-wonder-wheel-green-neon-lights_23-2148328095.jpg?_wi=1",
|
||||
imageAlt: "Stage Performance",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-with-headset-mixing-mastering-his-recorded-files_482257-112552.jpg?_wi=1",
|
||||
imageAlt: "DJ Set Mix",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stunning-view-colorful-patterned-neon-lights-darkness_181624-20458.jpg?_wi=1",
|
||||
imageAlt: "Club Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-club_23-2149220901.jpg",
|
||||
imageAlt: "Crowd Shot",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-4.jpg",
|
||||
imageAlt: "Equipment Closeup",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="VEX-D – Electronic Energy Redefined"
|
||||
description="Book the future of sound. High-energy performances for global stages."
|
||||
buttons={[
|
||||
{ text: "Book VEX-D", href: "/booking" },
|
||||
{ text: "Listen Now", href: "https://soundcloud.com" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/blurred-amusement-park-wonder-wheel-green-neon-lights_23-2148328095.jpg", imageAlt: "Stage Performance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-with-headset-mixing-mastering-his-recorded-files_482257-112552.jpg", imageAlt: "DJ Set Mix" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stunning-view-colorful-patterned-neon-lights-darkness_181624-20458.jpg", imageAlt: "Club Interior" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Tomorrowland",
|
||||
"Ultra Music Festival",
|
||||
"Berghain",
|
||||
"Fabric London",
|
||||
"ADE",
|
||||
"Sziget",
|
||||
"Sonar",
|
||||
]}
|
||||
title="Featured Performances"
|
||||
description="Rising through the ranks of the global underground scene."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Tomorrowland", "Ultra Music Festival", "Berghain", "Fabric London", "ADE", "Sziget", "Sonar"]}
|
||||
title="Featured Performances"
|
||||
description="Rising through the ranks of the global underground scene."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-section" data-section="about-section">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Artist Story"
|
||||
title="Underground Roots, Global Vision"
|
||||
description="VEX-D is not just a performer; it is a meticulously crafted soundscape designed to redefine the electronic live experience."
|
||||
subdescription="From gritty basements to world-class festival stages, every beat tells the story of the next generation of sound."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-bats-decoration_23-2147687073.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Music}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-section" data-section="about-section">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Artist Story"
|
||||
title="Underground Roots, Global Vision"
|
||||
description="VEX-D is not just a performer; it is a meticulously crafted soundscape designed to redefine the electronic live experience."
|
||||
subdescription="From gritty basements to world-class festival stages, every beat tells the story of the next generation of sound."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-posing-bats-decoration_23-2147687073.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
icon={Music}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Exclusive Merchandise"
|
||||
description="Gear up with official VEX-D apparel and limited edition vinyl collections."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking-contact" data-section="booking-contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Inquiries"
|
||||
title="Book VEX-D"
|
||||
description="Limited availability for the upcoming season. Reach out to secure your date."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Request"
|
||||
/>
|
||||
</div>
|
||||
<div id="booking-contact" data-section="booking-contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquiries"
|
||||
title="Book VEX-D"
|
||||
description="Limited availability for the upcoming season. Reach out to secure your date."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Send Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="VEX-D"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Music",
|
||||
href: "/music",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "/booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "YouTube",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press Kit",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="VEX-D"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Music", href: "/music" },
|
||||
{ label: "Booking", href: "/booking" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "TikTok", href: "#" },
|
||||
{ label: "YouTube", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user