|
|
|
@@ -20,7 +20,7 @@ export default function LandingPage() {
|
|
|
|
borderRadius="pill"
|
|
|
|
borderRadius="pill"
|
|
|
|
contentWidth="smallMedium"
|
|
|
|
contentWidth="smallMedium"
|
|
|
|
sizing="large"
|
|
|
|
sizing="large"
|
|
|
|
background="blurBottom"
|
|
|
|
background="noiseDiagonalGradient"
|
|
|
|
cardStyle="gradient-bordered"
|
|
|
|
cardStyle="gradient-bordered"
|
|
|
|
primaryButtonStyle="double-inset"
|
|
|
|
primaryButtonStyle="double-inset"
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
@@ -30,14 +30,11 @@ export default function LandingPage() {
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarStyleCentered
|
|
|
|
<NavbarStyleCentered
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
name: "Home", id: "hero"},
|
|
|
|
{ name: "Services", id: "services" },
|
|
|
|
{
|
|
|
|
{ name: "About", id: "about" },
|
|
|
|
name: "Services", id: "services"},
|
|
|
|
{ name: "FAQ", id: "faq" },
|
|
|
|
{
|
|
|
|
{ name: "Contact", id: "contact" },
|
|
|
|
name: "About", id: "about"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
brandName="Mex Music Man"
|
|
|
|
brandName="Mex Music Man"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -45,16 +42,15 @@ 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="Transform Your Event Into an Authentic Mexican Fiesta"
|
|
|
|
logoText="Bring Mexico to Your Event"
|
|
|
|
description="Melbourne's most authentic live Mexican music experience. From intimate weddings to high-energy corporate events and everything in between — Alejandro and the Mex Music Man crew don't just perform, they transform your event into something nobody saw coming and nobody will stop talking about."
|
|
|
|
description="Authentic, unforgettable live music for weddings, corporate events, and parties in Melbourne. Led by Alejandro."
|
|
|
|
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{
|
|
|
|
{ text: "Book Now", href: "#contact" },
|
|
|
|
text: "Book Now", href: "#contact"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188071.jpg"
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278731295-odlbgps7.png"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
|
|
|
className="[&_h1]:!text-red-600 [&_h2]:!text-green-700"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -64,34 +60,15 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{ title: "The Lone Mariachi", description: "One man. One guitar. An entire room captivated. The Lone Mariachi weaves classical guitar, rumba flamenco, Latino soul, and rock classics into a performance that feels intimate, electric, and completely unforgettable.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278787604-8rmtk3ho.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278811955-xda9168y.png" } },
|
|
|
|
title: "The Lone Mariachi", description: "Solo guitar and vocals; classical, flamenco, Latino, and rock classics; perfect for any event.", phoneOne: {
|
|
|
|
{ title: "Mexican Music Man", description: "Would you like a Mexican at your party — or a Mexican party? Alejandro brings the rhythms and energy of his homeland straight to your kids' event, getting every child dancing, singing, and playing along. He brings a basket of instruments so nobody sits on the sidelines. From \"I'm a Little Teapot\" to \"La Bamba\" — this is a kids' party they'll be talking about for weeks.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278863092-jllkl4ws.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278833118-8s9ow4ac.png" } },
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-music_23-2151169690.jpg"},
|
|
|
|
{ title: "The Lone Mariachi & The Silver Masked Men", description: "The Lone Mariachi doesn't always ride alone. When the occasion calls for something bigger, he brings the Silver Masked Men — a full troupe of live Mexican and Latin American musicians ready to fill any room, stage, or outdoor space with pure, vibrant energy. Corporate functions, weddings, birthdays, festivals, and launches. This is the one that turns an event into an experience.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278843731-gr4l1hh3.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777279008136-6ok3a7br.png" } },
|
|
|
|
phoneTwo: {
|
|
|
|
{ title: "Sin Frontera Band", description: "Three musicians. One authentic Mexican experience. Sin Frontera Band brings colour, rhythm, and genuine Latin American soul to any indoor or outdoor setting — from intimate wedding receptions to high-energy festival stages. If you want your guests to feel something the moment the music starts, this is the booking that delivers it.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278895946-awedz7xb.png" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777279123313-8ecdo2ba.png" } },
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-red-t-shirt-playing-guitar-looking-happy_176474-61230.jpg"}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Mexican Music Man", description: "Kids' parties, roving and stage entertainment; interactive instruments; all ages.", phoneOne: {
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/colorful-piano-kids-orange-background_23-2148201801.jpg"},
|
|
|
|
|
|
|
|
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"}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "The Lone Mariachi & The Silver Masked Men", description: "A full mariachi troupe; corporate events, weddings, festivals, launches.", phoneOne: {
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-family-listening-music_23-2149734974.jpg"},
|
|
|
|
|
|
|
|
phoneTwo: {
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-452.jpg"}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
title: "Sin Frontera Band", description: "Authentic Mexican trio; vibrant indoor/outdoor performances; corporate, festivals, weddings, parties.", phoneOne: {
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317340.jpg?_wi=1"},
|
|
|
|
|
|
|
|
phoneTwo: {
|
|
|
|
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-dancing-their-first-dance_1303-10481.jpg"}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
showStepNumbers={false}
|
|
|
|
showStepNumbers={false}
|
|
|
|
title="Our Fiesta Services"
|
|
|
|
title="Our Fiesta Services"
|
|
|
|
description="Professional live music entertainment tailored for your special occasion."
|
|
|
|
description="Professional live music entertainment tailored for your special occasion."
|
|
|
|
|
|
|
|
className="[&_h2]:!text-red-600 [&_h3]:!text-green-700"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -99,8 +76,9 @@ export default function LandingPage() {
|
|
|
|
<MediaAbout
|
|
|
|
<MediaAbout
|
|
|
|
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 the sun-baked streets of Tijuana, Mexico, Alejandro didn't just learn music — he lived it. From strumming coat hangers as a five-year-old to commanding stages across Australia, his journey is one of passion, grit, and an unshakeable love for the art. With over 15 years of professional experience performing at festivals, corporate events, weddings, and schools, Alejandro doesn't just play songs — he creates moments. Moments that make strangers dance, make guests feel something, and make events unforgettable. Whether he's performing solo as The Lone Mariachi, entertaining kids as the Mexican Music Man, or leading the full Sin Frontera Band, every performance carries the same heartbeat — the soul of Mexico, live in your room."
|
|
|
|
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"
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777279042636-jjl7pd32.png"
|
|
|
|
|
|
|
|
className="[&_h2]:!text-red-600"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -109,19 +87,15 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="split"
|
|
|
|
textboxLayout="split"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{
|
|
|
|
{ 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" },
|
|
|
|
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"},
|
|
|
|
{ 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" },
|
|
|
|
{
|
|
|
|
{ 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" },
|
|
|
|
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"},
|
|
|
|
{ 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" },
|
|
|
|
{
|
|
|
|
{ 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" },
|
|
|
|
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"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
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"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
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="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."
|
|
|
|
|
|
|
|
className="[&_h2]:!text-green-700"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -129,16 +103,14 @@ export default function LandingPage() {
|
|
|
|
<MetricCardFourteen
|
|
|
|
<MetricCardFourteen
|
|
|
|
useInvertedBackground={false}
|
|
|
|
useInvertedBackground={false}
|
|
|
|
title="Music in Numbers"
|
|
|
|
title="Music in Numbers"
|
|
|
|
tag="Expertise"
|
|
|
|
tag="Proven Track Record"
|
|
|
|
metrics={[
|
|
|
|
metrics={[
|
|
|
|
{
|
|
|
|
{ id: "m1", value: "15+", description: "Years of Professional Music" },
|
|
|
|
id: "m1", value: "15+", description: "Years of Professional Music"},
|
|
|
|
{ id: "m2", value: "500+", description: "Successful Events" },
|
|
|
|
{
|
|
|
|
{ id: "m3", value: "100%", description: "Customer Satisfaction" },
|
|
|
|
id: "m2", value: "500+", description: "Successful Events"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
id: "m3", value: "100%", description: "Customer Satisfaction"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
metricsAnimation="slide-up"
|
|
|
|
|
|
|
|
className="[&_h2]:!text-red-600"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -147,16 +119,16 @@ export default function LandingPage() {
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
useInvertedBackground={true}
|
|
|
|
useInvertedBackground={true}
|
|
|
|
faqs={[
|
|
|
|
faqs={[
|
|
|
|
{
|
|
|
|
{ id: "f1", title: "What types of events do you perform at?", content: "Mex Music Man performs at a wide range of events including corporate functions, weddings, birthdays, festivals, product launches, kids' parties, and schools. Whether you need a solo performer or a full live band, there's an option to suit your occasion." },
|
|
|
|
id: "f1", title: "Do you travel?", content: "Yes, we cover all of Melbourne and surrounding regions."},
|
|
|
|
{ id: "f2", title: "Can you perform for children's events?", content: "Absolutely. Alejandro's Mexican Music Man show is specifically designed for kids of all ages. He brings a basket of instruments so the children can join in, and his set list runs from classics like 'I'm a Little Teapot' all the way through to 'La Bamba' — keeping the energy high and the little ones dancing and singing from start to finish." },
|
|
|
|
{
|
|
|
|
{ id: "f3", title: "What kind of atmosphere can I expect at my event?", content: "You can expect a high-energy, authentic, and interactive performance that brings the true spirit of Mexico to your venue. We pride ourselves on creating memorable, fun-filled moments that engage all types of audiences." },
|
|
|
|
id: "f2", title: "Can you handle big weddings?", content: "Absolutely, our troupe is built for large events."},
|
|
|
|
{ id: "f4", title: "Do you provide entertainment for children's performances specifically?", content: "Yes! We specialize in interactive children's music sessions. These include singing, dancing, and even allowing kids to try out authentic instruments, making for an educational and entertaining experience." },
|
|
|
|
{
|
|
|
|
{ id: "f5", title: "How do I book for a large public or private event?", content: "Simply fill out the booking form below with your event details, and we will get back to you promptly to discuss your requirements, availability, and how we can best tailor the show to your needs." }
|
|
|
|
id: "f3", 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."
|
|
|
|
faqsAnimation="blur-reveal"
|
|
|
|
faqsAnimation="blur-reveal"
|
|
|
|
|
|
|
|
className="[&_h2]:!text-green-700"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -166,29 +138,24 @@ export default function LandingPage() {
|
|
|
|
title="Book Your Event"
|
|
|
|
title="Book Your Event"
|
|
|
|
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", type: "text", placeholder: "Your Name" },
|
|
|
|
name: "name", type: "text", placeholder: "Your Name"},
|
|
|
|
{ name: "email", type: "email", placeholder: "Email Address" },
|
|
|
|
{
|
|
|
|
{ name: "phone", type: "tel", placeholder: "Phone Number" },
|
|
|
|
name: "email", type: "email", placeholder: "Email Address"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "phone", type: "tel", placeholder: "Phone Number"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
textarea={{
|
|
|
|
textarea={{ name: "details", placeholder: "Tell us about your event..." }}
|
|
|
|
name: "details", placeholder: "Tell us about your event..."}}
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777279538419-yk7tjd2n.png"
|
|
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317340.jpg?_wi=2"
|
|
|
|
className="[&_h2]:!text-red-600"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterLogoReveal
|
|
|
|
<FooterLogoReveal
|
|
|
|
logoText="Mex Music Man"
|
|
|
|
logoText="Mex Music Man"
|
|
|
|
leftLink={{
|
|
|
|
leftLink={{ text: "Terms of Service", href: "#" }}
|
|
|
|
text: "Terms of Service", href: "#"}}
|
|
|
|
rightLink={{ text: "Privacy Policy", href: "#" }}
|
|
|
|
rightLink={{
|
|
|
|
|
|
|
|
text: "Privacy Policy", href: "#"}}
|
|
|
|
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ReactLenis>
|
|
|
|
</ReactLenis>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
