Merge version_1 into main #2
216
src/app/page.tsx
216
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Profile",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Tracks",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Live",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Profile", id: "about" },
|
||||
{ name: "Tracks", id: "products" },
|
||||
{ name: "Live", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DJ DIZZY"
|
||||
/>
|
||||
@@ -56,14 +44,9 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="DJ DIZZY"
|
||||
description="Crafting soundscapes that redefine the dance floor experience. High fashion, high tempo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Listen Now",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Listen Now", href: "#products" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtJBH0fWWDZTFpjifaQbYJFVD4/uploaded-1779095625822-oiaa7cks.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtJBH0fWWDZTFpjifaQbYJFVD4/uploaded-1779095625822-oiaa7cks.png"
|
||||
imageAlt="DJ Dizzy"
|
||||
/>
|
||||
</div>
|
||||
@@ -73,21 +56,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Sonic Mastery"
|
||||
metrics={[
|
||||
{
|
||||
icon: Music,
|
||||
label: "Tracks Released",
|
||||
value: "120+",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Shows Played",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{ icon: Music, label: "Tracks Released", value: "120+" },
|
||||
{ icon: Globe, label: "Shows Played", value: "500+" },
|
||||
{ icon: Award, label: "Years Experience", value: "10+" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -95,25 +66,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Main Stage",
|
||||
description: "High energy festival sets.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-blurred-background_169016-30323.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Technique",
|
||||
description: "Masterful vinyl manipulation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-piano-guitar-room-interior_169016-20958.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Atmosphere",
|
||||
description: " Curated soundscapes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-red-laser-lights-perfect-digital-background_181624-32643.jpg?_wi=1",
|
||||
},
|
||||
{ title: "Main Stage", description: "High energy festival sets.", imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-blurred-background_169016-30323.jpg" },
|
||||
{ title: "Technique", description: "Masterful vinyl manipulation.", imageSrc: "http://img.b2bpic.net/free-photo/electronic-piano-guitar-room-interior_169016-20958.jpg" },
|
||||
{ title: "Atmosphere", description: "Curated soundscapes.", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-red-laser-lights-perfect-digital-background_181624-32643.jpg" },
|
||||
]}
|
||||
title="The Experience"
|
||||
description="Immersive sets designed for luxury environments and peak-time dance floors."
|
||||
@@ -127,42 +87,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Midnight Drive",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-record-isolated_469584-18.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Urban Echoes",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vinyl-disk-melting_23-2150083325.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Neon Pulse",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-vinyl-records-stack-up_23-2148289134.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Velvet Bass",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-turntable-with-hand-orange-vinyl-disc_24837-382.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Dusty Loops",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vinyl-paper-mockup-flower_23-2147721858.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Future Retro",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cartridge-portable-gramophone-with-blurred-background_181624-18095.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Midnight Drive", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/vinyl-record-isolated_469584-18.jpg" },
|
||||
{ id: "p2", name: "Urban Echoes", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vinyl-disk-melting_23-2150083325.jpg" },
|
||||
{ id: "p3", name: "Neon Pulse", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/retro-vinyl-records-stack-up_23-2148289134.jpg" },
|
||||
{ id: "p4", name: "Velvet Bass", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/vintage-turntable-with-hand-orange-vinyl-disc_24837-382.jpg" },
|
||||
{ id: "p5", name: "Dusty Loops", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/vinyl-paper-mockup-flower_23-2147721858.jpg" },
|
||||
{ id: "p6", name: "Future Retro", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-cartridge-portable-gramophone-with-blurred-background_181624-18095.jpg" },
|
||||
]}
|
||||
title="Selected Discography"
|
||||
description="Essential cuts for the sophisticated ear."
|
||||
@@ -176,21 +106,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
description: "Monthly Listeners",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Countries Visited",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.8",
|
||||
description: "Avg Rating",
|
||||
},
|
||||
{ id: "m1", value: "1M+", description: "Monthly Listeners" },
|
||||
{ id: "m2", value: "20+", description: "Countries Visited" },
|
||||
{ id: "m3", value: "4.8", description: "Avg Rating" },
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="Numbers behind the rhythm."
|
||||
@@ -202,61 +120,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex R.",
|
||||
date: "Jan 2024",
|
||||
title: "Club Owner",
|
||||
quote: "The best technical DJ I've seen in years.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtJBH0fWWDZTFpjifaQbYJFVD4/uploaded-1779095625822-oiaa7cks.png?_wi=2",
|
||||
imageAlt: "professional headshot minimal style",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah P.",
|
||||
date: "Dec 2023",
|
||||
title: "Music Critic",
|
||||
quote: "Dizzy blends genre effortlessly.",
|
||||
tag: "Pro",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-businessman-white-shirt-looking-left-smiling-satisfied-standing_1258-26772.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trendy-woman-with-short-hair-headphones-listening-music-outdoors-beautiful-girl-cool-denim-jacket-bright-glasses-holding-phone-cafe_197531-29394.jpg",
|
||||
imageAlt: "professional headshot minimal style",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark L.",
|
||||
date: "Nov 2023",
|
||||
title: "Promoter",
|
||||
quote: "Guaranteed sell-out sets.",
|
||||
tag: "Fan",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915114.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-blurred-background_169016-30323.jpg?_wi=2",
|
||||
imageAlt: "professional headshot minimal style",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Julia V.",
|
||||
date: "Oct 2023",
|
||||
title: "Artist",
|
||||
quote: "Inspiration for every upcoming DJ.",
|
||||
tag: "Peer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electronic-piano-guitar-room-interior_169016-20958.jpg?_wi=2",
|
||||
imageAlt: "professional headshot minimal style",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Ben K.",
|
||||
date: "Sept 2023",
|
||||
title: "Label Head",
|
||||
quote: "A true professional.",
|
||||
tag: "Expert",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021805.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-red-laser-lights-perfect-digital-background_181624-32643.jpg?_wi=2",
|
||||
imageAlt: "professional headshot minimal style",
|
||||
},
|
||||
{ id: "t1", name: "Alex R.", date: "Jan 2024", title: "Club Owner", quote: "The best technical DJ I've seen in years.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-book-close-up_23-2148396302.jpg", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtJBH0fWWDZTFpjifaQbYJFVD4/uploaded-1779095625822-oiaa7cks.png", imageAlt: "professional headshot minimal style" },
|
||||
{ id: "t2", name: "Sarah P.", date: "Dec 2023", title: "Music Critic", quote: "Dizzy blends genre effortlessly.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-confident-businessman-white-shirt-looking-left-smiling-satisfied-standing_1258-26772.jpg", imageSrc: "http://img.b2bpic.net/free-photo/trendy-woman-with-short-hair-headphones-listening-music-outdoors-beautiful-girl-cool-denim-jacket-bright-glasses-holding-phone-cafe_197531-29394.jpg", imageAlt: "professional headshot minimal style" },
|
||||
{ id: "t3", name: "Mark L.", date: "Nov 2023", title: "Promoter", quote: "Guaranteed sell-out sets.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/spotlight-portrait-golden-hour_23-2151915114.jpg", imageSrc: "http://img.b2bpic.net/free-photo/drum-cymbal-closeup-dark-blurred-background_169016-30323.jpg", imageAlt: "professional headshot minimal style" },
|
||||
{ id: "t4", name: "Julia V.", date: "Oct 2023", title: "Artist", quote: "Inspiration for every upcoming DJ.", tag: "Peer", avatarSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", imageSrc: "http://img.b2bpic.net/free-photo/electronic-piano-guitar-room-interior_169016-20958.jpg", imageAlt: "professional headshot minimal style" },
|
||||
{ id: "t5", name: "Ben K.", date: "Sept 2023", title: "Label Head", quote: "A true professional.", tag: "Expert", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021805.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-blue-red-laser-lights-perfect-digital-background_181624-32643.jpg", imageAlt: "professional headshot minimal style" },
|
||||
]}
|
||||
title="Critics Corner"
|
||||
description="Hear what the industry leaders say."
|
||||
@@ -266,9 +134,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Work With Dizzy"
|
||||
description="Let's bring the rhythm to your next exclusive event."
|
||||
@@ -281,30 +147,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Listen",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Listen", href: "#products" }, { label: "Events", href: "#features" }] },
|
||||
{ items: [{ label: "Press", href: "#" }, { label: "Legal", href: "#" }] },
|
||||
]}
|
||||
logoText="DJ DIZZY"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user