Merge version_1 into main #2
282
src/app/page.tsx
282
src/app/page.tsx
@@ -30,30 +30,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "booking",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Booking", id: "booking" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="JXSON"
|
||||
/>
|
||||
@@ -62,42 +44,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unforgettable Beats by DJ JXSON"
|
||||
description="Premium DJ services crafted to elevate every event into a legendary party experience. From high-energy club nights to elegant private weddings."
|
||||
tag="Book The Ultimate Vibe"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "View Gallery",
|
||||
href: "#gallery",
|
||||
},
|
||||
{ text: "Book Now", href: "#booking" },
|
||||
{ text: "View Gallery", href: "#gallery" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musician-feeling-clueless-uncertain-while-he-plays-piano-notes_482257-121282.jpg?_wi=1",
|
||||
imageAlt: "professional club dj performance",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musician-feeling-clueless-uncertain-while-he-plays-piano-notes_482257-121282.jpg", imageAlt: "professional club dj performance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-wave-technology-cheering-crowd-concert-remixed-media_53876-108553.jpg",
|
||||
imageAlt: "crowd cheering festival stage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musician-playing-piano-midi-controller-control-room-recording-studio_482257-105018.jpg",
|
||||
imageAlt: "Musician playing piano midi controller in control room at recording studio",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/techno-party-lifestyle_52683-122052.jpg",
|
||||
imageAlt: "Techno party lifestyle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-dj-taking-care-music-entertainment-party_23-2149658405.jpg",
|
||||
imageAlt: "Male dj taking care of the music entertainment at a party",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-wave-technology-cheering-crowd-concert-remixed-media_53876-108553.jpg", imageAlt: "crowd cheering festival stage"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -110,21 +69,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="The JXSON Standard"
|
||||
metrics={[
|
||||
{
|
||||
icon: Music,
|
||||
label: "Years Experience",
|
||||
value: "10+",
|
||||
},
|
||||
{
|
||||
icon: Music,
|
||||
label: "Events Played",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
label: "Happy Clients",
|
||||
value: "100%",
|
||||
},
|
||||
{ icon: Music, label: "Years Experience", value: "10+" },
|
||||
{ icon: Music, label: "Events Played", value: "500+" },
|
||||
{ icon: Star, label: "Happy Clients", value: "100%" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -137,67 +84,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Wedding Excellence",
|
||||
description: "Seamless transitions and custom playlists for your big day.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/2018-new-year-party-with-girl-dancing_23-2147714233.jpg",
|
||||
imageAlt: "wedding dance floor neon",
|
||||
},
|
||||
title: "Wedding Excellence", description: "Seamless transitions and custom playlists for your big day.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/2018-new-year-party-with-girl-dancing_23-2147714233.jpg", imageAlt: "wedding dance floor neon"},
|
||||
items: [
|
||||
{
|
||||
icon: Heart,
|
||||
text: "Personalized Music",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "Professional MCing",
|
||||
},
|
||||
{ icon: Heart, text: "Personalized Music" },
|
||||
{ icon: Sparkles, text: "Professional MCing" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/musician-feeling-clueless-uncertain-while-he-plays-piano-notes_482257-121282.jpg?_wi=2",
|
||||
imageAlt: "wedding dance floor neon",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Club & Festivals",
|
||||
description: "High-octane sets featuring cutting-edge beats and transitions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-loving-each-other-surrounded-by-neon-lights-shot-with-slow-shutter_181624-1691.jpg",
|
||||
imageAlt: "club party event atmosphere",
|
||||
},
|
||||
title: "Club & Festivals", description: "High-octane sets featuring cutting-edge beats and transitions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-loving-each-other-surrounded-by-neon-lights-shot-with-slow-shutter_181624-1691.jpg", imageAlt: "club party event atmosphere"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High-Energy Mixes",
|
||||
},
|
||||
{
|
||||
icon: Music,
|
||||
text: "Beatmatching",
|
||||
},
|
||||
{ icon: Zap, text: "High-Energy Mixes" },
|
||||
{ icon: Music, text: "Beatmatching" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disturb-me-studio-shot-dark-studio-with-neon-light-portrait-serious-man_146671-17079.jpg",
|
||||
imageAlt: "wedding dance floor neon",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Private Functions",
|
||||
description: "Birthday parties, corporate events, and exclusive gatherings.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-couch-drinking-wine-party-celebration_23-2148037516.jpg",
|
||||
imageAlt: "private event celebration club",
|
||||
},
|
||||
title: "Private Functions", description: "Birthday parties, corporate events, and exclusive gatherings.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-couch-drinking-wine-party-celebration_23-2148037516.jpg", imageAlt: "private event celebration club"},
|
||||
items: [
|
||||
{
|
||||
icon: Users,
|
||||
text: "Tailored Vibe",
|
||||
},
|
||||
{
|
||||
icon: Calendar,
|
||||
text: "Flexible Booking",
|
||||
},
|
||||
{ icon: Users, text: "Tailored Vibe" },
|
||||
{ icon: Calendar, text: "Flexible Booking" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-portrait_23-2149005398.jpg",
|
||||
imageAlt: "wedding dance floor neon",
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Curated Soundscapes"
|
||||
@@ -212,42 +123,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Live Club Night",
|
||||
price: "Energy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-crowd-taking-picture-stage-music-festival_342744-560.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "DJ Setup",
|
||||
price: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-fashion-african-american-man-model-dj-red-suit-with-dj-controller_627829-13031.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Club Night Lights",
|
||||
price: "Atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-blurry-lights-background_23-2147815418.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mixing Magic",
|
||||
price: "Skill",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-bokeh-light_74190-1295.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Crowd Aerial",
|
||||
price: "Vibe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489816.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Stage Show",
|
||||
price: "Showmanship",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-with-light-star_1296-485.jpg",
|
||||
},
|
||||
{ id: "1", name: "Live Club Night", price: "Energy", imageSrc: "http://img.b2bpic.net/free-photo/woman-crowd-taking-picture-stage-music-festival_342744-560.jpg" },
|
||||
{ id: "2", name: "DJ Setup", price: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/hands-fashion-african-american-man-model-dj-red-suit-with-dj-controller_627829-13031.jpg" },
|
||||
{ id: "3", name: "Club Night Lights", price: "Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/colorful-blurry-lights-background_23-2147815418.jpg" },
|
||||
{ id: "4", name: "Mixing Magic", price: "Skill", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-bokeh-light_74190-1295.jpg" },
|
||||
{ id: "5", name: "Crowd Aerial", price: "Vibe", imageSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489816.jpg" },
|
||||
{ id: "6", name: "Stage Show", price: "Showmanship", imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-with-light-star_1296-485.jpg" },
|
||||
]}
|
||||
title="Party Highlights"
|
||||
description="A glimpse into the energy, lights, and sounds that make every JXSON performance a hit."
|
||||
@@ -260,46 +141,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Best DJ I've ever booked. Kept the dancefloor alive all night!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-planner-keyboard-top-view_23-2148652099.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Bond",
|
||||
handle: "@jbond",
|
||||
testimonial: "JXSON brought the club energy to our private event. Unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3838.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
handle: "@ewatson",
|
||||
testimonial: "Professional, easy to work with, and an amazing playlist.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-floral-centerpiece-wedding-reception_637285-5649.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Clark",
|
||||
handle: "@dclark",
|
||||
testimonial: "The atmosphere he created for my birthday was legendary.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-celebrating-birthday-office_23-2149334840.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Green",
|
||||
handle: "@lgreen",
|
||||
testimonial: "JXSON is a true master of crowd control. Simply incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-jacket-posing-restaurant_627829-4945.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Miller", handle: "@smiller", testimonial: "Best DJ I've ever booked. Kept the dancefloor alive all night!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/wedding-planner-keyboard-top-view_23-2148652099.jpg" },
|
||||
{ id: "2", name: "James Bond", handle: "@jbond", testimonial: "JXSON brought the club energy to our private event. Unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-woman-vening-street_1303-3838.jpg" },
|
||||
{ id: "3", name: "Emily Watson", handle: "@ewatson", testimonial: "Professional, easy to work with, and an amazing playlist.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/dining-table-with-floral-centerpiece-wedding-reception_637285-5649.jpg" },
|
||||
{ id: "4", name: "David Clark", handle: "@dclark", testimonial: "The atmosphere he created for my birthday was legendary.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-celebrating-birthday-office_23-2149334840.jpg" },
|
||||
{ id: "5", name: "Laura Green", handle: "@lgreen", testimonial: "JXSON is a true master of crowd control. Simply incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-african-american-woman-jacket-posing-restaurant_627829-4945.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What the Crowd Says"
|
||||
@@ -310,36 +156,22 @@ export default function LandingPage() {
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
tag="AI Booking Receptionist"
|
||||
title="Ready to Book JXSON?"
|
||||
description="I’m your AI Assistant. I can help you check availability, discuss your party vibe, and secure your date. Let's create an unforgettable experience together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Talk to AI Assistant",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Talk to AI Assistant", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Get in touch"
|
||||
description="Have questions? Feel free to reach out for bookings or inquiries."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -349,29 +181,15 @@ export default function LandingPage() {
|
||||
logoText="JXSON"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#booking",
|
||||
},
|
||||
title: "Explore", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Booking", href: "#booking" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
title: "Social", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Twitter", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user