Update src/app/page.tsx
This commit is contained in:
239
src/app/page.tsx
239
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Schedule",
|
||||
id: "events",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Schedule", id: "events" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DJ SOUNDWAVE"
|
||||
/>
|
||||
@@ -57,12 +45,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="DJ SOUNDWAVE"
|
||||
description="Feel the Beat, Own the Night. Premium electronic music experience for your next event. Explore my sound, check upcoming shows, and book me directly."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Upcoming Events",
|
||||
href: "#events",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View Upcoming Events", href: "#events" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cyberpunk-dj-illustration_23-2151656045.jpg"
|
||||
imageAlt="professional dj performance club lights"
|
||||
/>
|
||||
@@ -74,41 +57,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "e1",
|
||||
title: "The Vault Nightclub",
|
||||
subtitle: "San Francisco, CA",
|
||||
category: "Oct 15, 2024",
|
||||
value: "10:00 PM",
|
||||
},
|
||||
{
|
||||
id: "e2",
|
||||
title: "Electric Arena",
|
||||
subtitle: "Los Angeles, CA",
|
||||
category: "Nov 02, 2024",
|
||||
value: "11:30 PM",
|
||||
},
|
||||
{
|
||||
id: "e3",
|
||||
title: "Neon Dreams Festival",
|
||||
subtitle: "Las Vegas, NV",
|
||||
category: "Dec 12, 2024",
|
||||
value: "08:00 PM",
|
||||
},
|
||||
{
|
||||
id: "e4",
|
||||
title: "Club Pulse",
|
||||
subtitle: "Miami, FL",
|
||||
category: "Jan 20, 2025",
|
||||
value: "09:00 PM",
|
||||
},
|
||||
{
|
||||
id: "e5",
|
||||
title: "Sound Wave Pro",
|
||||
subtitle: "Chicago, IL",
|
||||
category: "Feb 14, 2025",
|
||||
value: "10:30 PM",
|
||||
},
|
||||
{ id: "e1", title: "The Vault Nightclub", subtitle: "San Francisco, CA", category: "Oct 15, 2024", value: "10:00 PM" },
|
||||
{ id: "e2", title: "Electric Arena", subtitle: "Los Angeles, CA", category: "Nov 02, 2024", value: "11:30 PM" },
|
||||
{ id: "e3", title: "Neon Dreams Festival", subtitle: "Las Vegas, NV", category: "Dec 12, 2024", value: "08:00 PM" },
|
||||
{ id: "e4", title: "Club Pulse", subtitle: "Miami, FL", category: "Jan 20, 2025", value: "09:00 PM" },
|
||||
{ id: "e5", title: "Sound Wave Pro", subtitle: "Chicago, IL", category: "Feb 14, 2025", value: "10:30 PM" },
|
||||
]}
|
||||
title="Upcoming Shows"
|
||||
description="Catch the next performance near you."
|
||||
@@ -119,44 +72,15 @@ export default function LandingPage() {
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Club Night 2024",
|
||||
price: "Behind the scenes",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736836.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Festival Peak",
|
||||
price: "Main Stage",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Private Event",
|
||||
price: "Sunset Session",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-with-purple-green-squares_1208-245.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Neon Session",
|
||||
price: "Studio Live",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-with-headset-mixing-mastering-his-recorded-files_482257-112552.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Main Stage Live",
|
||||
price: "High Energy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-clubbing-with-people-bar_482257-84185.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "After Party",
|
||||
price: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-dancefloor-moving-rhythm_482257-75074.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Club Night 2024", price: "Behind the scenes", imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736836.jpg" },
|
||||
{ id: "p2", name: "Festival Peak", price: "Main Stage", imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg" },
|
||||
{ id: "p3", name: "Private Event", price: "Sunset Session", imageSrc: "http://img.b2bpic.net/free-photo/unfocused-entry-disco-with-purple-green-squares_1208-245.jpg" },
|
||||
{ id: "p4", name: "Neon Session", price: "Studio Live", imageSrc: "http://img.b2bpic.net/free-photo/audio-engineer-with-headset-mixing-mastering-his-recorded-files_482257-112552.jpg" },
|
||||
{ id: "p5", name: "Main Stage Live", price: "High Energy", imageSrc: "http://img.b2bpic.net/free-photo/young-man-clubbing-with-people-bar_482257-84185.jpg" },
|
||||
{ id: "p6", name: "After Party", price: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/people-dancefloor-moving-rhythm_482257-75074.jpg" },
|
||||
]}
|
||||
title="Performance Gallery"
|
||||
description="Capturing the energy of the night."
|
||||
@@ -181,14 +105,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Vault",
|
||||
"Electric Arena",
|
||||
"Neon Dreams",
|
||||
"Club Pulse",
|
||||
"Sound Wave Pro",
|
||||
"Beat Masters",
|
||||
"Nightlife Network",
|
||||
]}
|
||||
"The Vault", "Electric Arena", "Neon Dreams", "Club Pulse", "Sound Wave Pro", "Beat Masters", "Nightlife Network"]}
|
||||
title="Industry Partners"
|
||||
description="Trusted by the biggest names in the nightlife scene."
|
||||
/>
|
||||
@@ -200,41 +117,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@eventpro",
|
||||
testimonial: "The absolute best energy! Packed the house until close.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Vane",
|
||||
handle: "@clubowner",
|
||||
testimonial: "Professional, easy to work with, and talented. Will book again.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@festivalmanager",
|
||||
testimonial: "Soundwave knows exactly how to read a crowd. Incredible talent.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin Lee",
|
||||
handle: "@venuesupport",
|
||||
testimonial: "Seamless booking process and flawless performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-slavic-party-guy-wearing-party-hat-holding-gift-packs-looking-camera-isolated-purple-background_141793-82672.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julian Thorne",
|
||||
handle: "@promoterinc",
|
||||
testimonial: "A true professional. Brought a new vibe to our club.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bench-with-disco-ball_23-2147988087.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Jenkins", handle: "@eventpro", testimonial: "The absolute best energy! Packed the house until close.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg" },
|
||||
{ id: "t2", name: "Marcus Vane", handle: "@clubowner", testimonial: "Professional, easy to work with, and talented. Will book again.", imageSrc: "http://img.b2bpic.net/free-photo/designer-working-3d-model_23-2149371901.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", handle: "@festivalmanager", testimonial: "Soundwave knows exactly how to read a crowd. Incredible talent.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg" },
|
||||
{ id: "t4", name: "Kevin Lee", handle: "@venuesupport", testimonial: "Seamless booking process and flawless performance.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-handsome-slavic-party-guy-wearing-party-hat-holding-gift-packs-looking-camera-isolated-purple-background_141793-82672.jpg" },
|
||||
{ id: "t5", name: "Julian Thorne", handle: "@promoterinc", testimonial: "A true professional. Brought a new vibe to our club.", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-bench-with-disco-ball_23-2147988087.jpg" },
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Glowing reviews from venue managers and promoters."
|
||||
@@ -245,31 +132,11 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How far in advance should I book?",
|
||||
content: "I recommend booking at least 3-6 months in advance for peak season dates.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide your own equipment?",
|
||||
content: "I bring my own controller but require the venue to provide speakers and a mixer.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What genres do you play?",
|
||||
content: "My primary focus is Deep House, Progressive, and Modern Electronic.",
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Do you do private events?",
|
||||
content: "Absolutely, from corporate parties to private festivals, I am available.",
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Can I request specific songs?",
|
||||
content: "Yes, we can collaborate on a setlist to match the theme of your event.",
|
||||
},
|
||||
{ id: "q1", title: "How far in advance should I book?", content: "I recommend booking at least 3-6 months in advance for peak season dates." },
|
||||
{ id: "q2", title: "Do you provide your own equipment?", content: "I bring my own controller but require the venue to provide speakers and a mixer." },
|
||||
{ id: "q3", title: "What genres do you play?", content: "My primary focus is Deep House, Progressive, and Modern Electronic." },
|
||||
{ id: "q4", title: "Do you do private events?", content: "Absolutely, from corporate parties to private festivals, I am available." },
|
||||
{ id: "q5", title: "Can I request specific songs?", content: "Yes, we can collaborate on a setlist to match the theme of your event." },
|
||||
]}
|
||||
sideTitle="Questions? Get in touch."
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -279,19 +146,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to bring premium electronic music to your venue? Let's book your next event today."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Me",
|
||||
href: "https://wa.me/1234567890",
|
||||
},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "mailto:booking@djsoundwave.com",
|
||||
},
|
||||
{ text: "WhatsApp Me", href: "https://wa.me/1234567890" },
|
||||
{ text: "Book Now", href: "mailto:booking@djsoundwave.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -301,37 +160,17 @@ export default function LandingPage() {
|
||||
logoText="DJ SOUNDWAVE"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Schedule",
|
||||
href: "#events",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Navigation", items: [
|
||||
{ label: "Schedule", href: "#events" },
|
||||
{ label: "Gallery", href: "#gallery" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "SoundCloud",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
title: "Socials", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "SoundCloud", href: "#" },
|
||||
{ label: "TikTok", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user