bender/5d3042d4-4d69-409f-8737-fea1cccd1f6e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-27 08:15:48 +00:00
parent a45cd7bb74
commit 5ac3a812cf
1 changed files with 38 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
src/app/page.tsx
View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Mex Music Man" brandName="Mex Music Man"
/> />
@@ -54,17 +46,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "radial-gradient", variant: "radial-gradient"}}
}}
logoText="Bring Mexico to Your Event" logoText="Bring Mexico to Your Event"
description="Authentic, unforgettable live music for weddings, corporate events, and parties in Melbourne. Led by Alejandro." description="Authentic, unforgettable live music for weddings, corporate events, and parties in Melbourne. Led by Alejandro."
buttons={[ buttons={[
{ {
text: "Book Now", text: "Book Now", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188071.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188071.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
/> />
</div> </div>
@@ -76,52 +65,28 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
title: "The Lone Mariachi", title: "The Lone Mariachi", description: "Solo guitar and vocals; classical, flamenco, Latino, and rock classics; perfect for any event.", phoneOne: {
description: "Solo guitar and vocals; classical, flamenco, Latino, and rock classics; perfect for any event.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-music_23-2151169690.jpg"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-music_23-2151169690.jpg",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/man-red-t-shirt-playing-guitar-looking-happy_176474-61230.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-red-t-shirt-playing-guitar-looking-happy_176474-61230.jpg"}
},
imageSrc: "http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188071.jpg?_wi=2",
imageAlt: "solo mariachi musician performance",
}, },
{ {
title: "Mexican Music Man", title: "Mexican Music Man", description: "Kids' parties, roving and stage entertainment; interactive instruments; all ages.", phoneOne: {
description: "Kids' parties, roving and stage entertainment; interactive instruments; all ages.", imageSrc: "http://img.b2bpic.net/free-photo/colorful-piano-kids-orange-background_23-2148201801.jpg"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/colorful-piano-kids-orange-background_23-2148201801.jpg",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/festa-junina-cute-young-guy-straw-hat-with-retro-radio-colorful-flags-typing-phone_140725-165231.jpg", imageSrc: "http://img.b2bpic.net/free-photo/festa-junina-cute-young-guy-straw-hat-with-retro-radio-colorful-flags-typing-phone_140725-165231.jpg"}
},
imageSrc: "http://img.b2bpic.net/free-photo/guy-with-acoustic-guitar-sings-friends-have-fun-rooftop-party-with-decorative-colored-light-bulbs_146671-14569.jpg",
imageAlt: "solo mariachi musician performance",
}, },
{ {
title: "The Lone Mariachi & The Silver Masked Men", title: "The Lone Mariachi & The Silver Masked Men", description: "A full mariachi troupe; corporate events, weddings, festivals, launches.", phoneOne: {
description: "A full mariachi troupe; corporate events, weddings, festivals, launches.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-listening-music_23-2149734974.jpg"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-listening-music_23-2149734974.jpg",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-452.jpg", imageSrc: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-452.jpg"}
},
imageSrc: "http://img.b2bpic.net/free-photo/young-traveler-man-black-t-shirt-summer-hat-holding-inflatable-ring-happy-positive-smiling-cheerfully-standing-white-wall_141793-50323.jpg?_wi=1",
imageAlt: "solo mariachi musician performance",
}, },
{ {
title: "Sin Frontera Band", title: "Sin Frontera Band", description: "Authentic Mexican trio; vibrant indoor/outdoor performances; corporate, festivals, weddings, parties.", phoneOne: {
description: "Authentic Mexican trio; vibrant indoor/outdoor performances; corporate, festivals, weddings, parties.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317340.jpg"},
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317340.jpg?_wi=1",
},
phoneTwo: { phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-dancing-their-first-dance_1303-10481.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-dancing-their-first-dance_1303-10481.jpg"}
},
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2834.jpg?_wi=1",
imageAlt: "solo mariachi musician performance",
}, },
]} ]}
showStepNumbers={false} showStepNumbers={false}
@@ -135,7 +100,7 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
title="About Alejandro" title="About Alejandro"
description="Born in Tijuana, Alejandro brings over 15 years of professional experience, delivering music that tells a story and connects cultures through every note." description="Born in Tijuana, Alejandro brings over 15 years of professional experience, delivering music that tells a story and connects cultures through every note."
imageSrc="http://img.b2bpic.net/free-photo/young-traveler-man-black-t-shirt-summer-hat-holding-inflatable-ring-happy-positive-smiling-cheerfully-standing-white-wall_141793-50323.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/young-traveler-man-black-t-shirt-summer-hat-holding-inflatable-ring-happy-positive-smiling-cheerfully-standing-white-wall_141793-50323.jpg"
/> />
</div> </div>
@@ -145,45 +110,15 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", title: "Incredible!", quote: "The most professional musician we have ever hired.", name: "Sarah Miller", role: "Event Coordinator", imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2834.jpg"},
title: "Incredible!",
quote: "The most professional musician we have ever hired.",
name: "Sarah Miller",
role: "Event Coordinator",
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2834.jpg?_wi=2",
},
{ {
id: "t2", id: "t2", title: "So Fun!", quote: "Alejandro made our wedding unforgettable.", name: "James & Emma", role: "Newlyweds", imageSrc: "http://img.b2bpic.net/free-photo/long-distance-relationship-partners-meeting_23-2149338627.jpg"},
title: "So Fun!",
quote: "Alejandro made our wedding unforgettable.",
name: "James & Emma",
role: "Newlyweds",
imageSrc: "http://img.b2bpic.net/free-photo/long-distance-relationship-partners-meeting_23-2149338627.jpg",
},
{ {
id: "t3", id: "t3", title: "Kids Loved It", quote: "The interactive music session was perfect.", name: "Tanya V.", role: "Parent", imageSrc: "http://img.b2bpic.net/free-photo/big-family-with-three-children-celebrating-christmas-home-festive-dinner-fireplace-xmas-tree-parent-kids-eating-fire-place-decorated-room-child-lighting-advent-wreath-candle_493343-30100.jpg"},
title: "Kids Loved It",
quote: "The interactive music session was perfect.",
name: "Tanya V.",
role: "Parent",
imageSrc: "http://img.b2bpic.net/free-photo/big-family-with-three-children-celebrating-christmas-home-festive-dinner-fireplace-xmas-tree-parent-kids-eating-fire-place-decorated-room-child-lighting-advent-wreath-candle_493343-30100.jpg",
},
{ {
id: "t4", id: "t4", title: "Professional Band", quote: "The full troupe was absolutely mesmerizing.", name: "Mark D.", role: "Corporate Lead", imageSrc: "http://img.b2bpic.net/free-photo/couple-with-beer-having-fun-roof_23-2147784721.jpg"},
title: "Professional Band",
quote: "The full troupe was absolutely mesmerizing.",
name: "Mark D.",
role: "Corporate Lead",
imageSrc: "http://img.b2bpic.net/free-photo/couple-with-beer-having-fun-roof_23-2147784721.jpg",
},
{ {
id: "t5", id: "t5", title: "Authentic Vibe", quote: "Truly captured the spirit of Mexico.", name: "Jessica R.", role: "Festival Organiser", imageSrc: "http://img.b2bpic.net/free-photo/toast-you-dear-colleague_637285-9641.jpg"},
title: "Authentic Vibe",
quote: "Truly captured the spirit of Mexico.",
name: "Jessica R.",
role: "Festival Organiser",
imageSrc: "http://img.b2bpic.net/free-photo/toast-you-dear-colleague_637285-9641.jpg",
},
]} ]}
title="Fiesta Feedback" title="Fiesta Feedback"
description="Hear what our happy clients have to say about the music." description="Hear what our happy clients have to say about the music."
@@ -197,20 +132,11 @@ export default function LandingPage() {
tag="Expertise" tag="Expertise"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "15+", description: "Years of Professional Music"},
value: "15+",
description: "Years of Professional Music",
},
{ {
id: "m2", id: "m2", value: "500+", description: "Successful Events"},
value: "500+",
description: "Successful Events",
},
{ {
id: "m3", id: "m3", value: "100%", description: "Customer Satisfaction"},
value: "100%",
description: "Customer Satisfaction",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -222,20 +148,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Do you travel?", content: "Yes, we cover all of Melbourne and surrounding regions."},
title: "Do you travel?",
content: "Yes, we cover all of Melbourne and surrounding regions.",
},
{ {
id: "f2", id: "f2", title: "Can you handle big weddings?", content: "Absolutely, our troupe is built for large events."},
title: "Can you handle big weddings?",
content: "Absolutely, our troupe is built for large events.",
},
{ {
id: "f3", id: "f3", title: "What equipment is needed?", content: "We bring our own sound equipment suitable for your event size."},
title: "What equipment is needed?",
content: "We bring our own sound equipment suitable for your event size.",
},
]} ]}
title="Common Questions" title="Common Questions"
description="Have questions? We have answers for your fiesta planning." description="Have questions? We have answers for your fiesta planning."
@@ -250,26 +167,15 @@ export default function LandingPage() {
description="Ready to bring the fiesta to your event? Send us a message today." description="Ready to bring the fiesta to your event? Send us a message today."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name"},
type: "text",
placeholder: "Your Name",
},
{ {
name: "email", name: "email", type: "email", placeholder: "Email Address"},
type: "email",
placeholder: "Email Address",
},
{ {
name: "phone", name: "phone", type: "tel", placeholder: "Phone Number"},
type: "tel",
placeholder: "Phone Number",
},
]} ]}
textarea={{ textarea={{
name: "details", name: "details", placeholder: "Tell us about your event..."}}
placeholder: "Tell us about your event...", imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317340.jpg"
}}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317340.jpg?_wi=2"
/> />
</div> </div>
@@ -277,13 +183,9 @@ export default function LandingPage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Mex Music Man" logoText="Mex Music Man"
leftLink={{ leftLink={{
text: "Terms of Service", text: "Terms of Service", href: "#"}}
href: "#",
}}
rightLink={{ rightLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#"}}
href: "#",
}}
/> />
</div> </div>
</ReactLenis> </ReactLenis>