|
|
|
@@ -30,16 +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: "FAQ", id: "faq"},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
name: "Contact", id: "contact"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
brandName="Mex Music Man"
|
|
|
|
brandName="Mex Music Man"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -47,17 +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="Transform Your Event Into an Authentic Mexican Fiesta"
|
|
|
|
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="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."
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{
|
|
|
|
{ text: "Book Your Fiesta", href: "#contact" },
|
|
|
|
text: "Book Now", href: "#contact"},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278731295-odlbgps7.png"
|
|
|
|
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"
|
|
|
|
className="[&_h1]:!text-red-600 [&_h2]:!text-green-700 bg-[url('https://images.unsplash.com/photo-1549216021-395801736b47?q=80&w=2670&auto=format&fit=crop')] bg-cover bg-center bg-blend-multiply bg-gray-500/30"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
@@ -67,30 +60,10 @@ 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: "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: {
|
|
|
|
{ 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278787604-8rmtk3ho.png"},
|
|
|
|
{ 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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278811955-xda9168y.png"}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
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"}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
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"}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
{
|
|
|
|
|
|
|
|
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"}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
showStepNumbers={false}
|
|
|
|
showStepNumbers={false}
|
|
|
|
title="Our Fiesta Services"
|
|
|
|
title="Our Fiesta Services"
|
|
|
|
@@ -114,16 +87,11 @@ 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."
|
|
|
|
@@ -137,12 +105,9 @@ export default function LandingPage() {
|
|
|
|
title="Music in Numbers"
|
|
|
|
title="Music in Numbers"
|
|
|
|
tag="Proven Track Record"
|
|
|
|
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"
|
|
|
|
className="[&_h2]:!text-red-600"
|
|
|
|
@@ -154,16 +119,11 @@ 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: "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: "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 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: "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 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: "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."}
|
|
|
|
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
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."
|
|
|
|
@@ -178,15 +138,11 @@ 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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777279538419-yk7tjd2n.png"
|
|
|
|
className="[&_h2]:!text-red-600"
|
|
|
|
className="[&_h2]:!text-red-600"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -195,10 +151,8 @@ export default function LandingPage() {
|
|
|
|
<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>
|
|
|
|
|
