Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
174
src/app/page.tsx
174
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mex Music Man"
|
||||
/>
|
||||
@@ -54,17 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
logoText="Bring Mexico to Your Event"
|
||||
description="Authentic, unforgettable live music for weddings, corporate events, and parties in Melbourne. Led by Alejandro."
|
||||
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?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-playing-guitar-music-local-event_23-2149188071.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -76,52 +65,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "The Lone Mariachi",
|
||||
description: "Solo guitar and vocals; classical, flamenco, Latino, and rock classics; perfect for any event.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-music_23-2151169690.jpg",
|
||||
},
|
||||
title: "The Lone Mariachi", description: "Solo guitar and vocals; classical, flamenco, Latino, and rock classics; perfect for any event.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-making-music_23-2151169690.jpg"},
|
||||
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/young-man-playing-guitar-music-local-event_23-2149188071.jpg?_wi=2",
|
||||
imageAlt: "solo mariachi musician performance",
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
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",
|
||||
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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
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",
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
phoneTwo: {
|
||||
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",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-dancing-their-first-dance_1303-10481.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -135,7 +100,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
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>
|
||||
|
||||
@@ -145,45 +110,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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?_wi=2",
|
||||
},
|
||||
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: "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: "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: "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: "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"
|
||||
description="Hear what our happy clients have to say about the music."
|
||||
@@ -197,20 +132,11 @@ export default function LandingPage() {
|
||||
tag="Expertise"
|
||||
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: "m2", value: "500+", description: "Successful Events"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -222,20 +148,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you travel?",
|
||||
content: "Yes, we cover all of Melbourne and surrounding regions.",
|
||||
},
|
||||
id: "f1", title: "Do you travel?", content: "Yes, we cover all of Melbourne and surrounding regions."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you handle big weddings?",
|
||||
content: "Absolutely, our troupe is built for large events.",
|
||||
},
|
||||
id: "f2", title: "Can you handle big weddings?", content: "Absolutely, our troupe is built for large events."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What equipment is needed?",
|
||||
content: "We bring our own sound equipment suitable for your event size.",
|
||||
},
|
||||
id: "f3", title: "What equipment is needed?", content: "We bring our own sound equipment suitable for your event size."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
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."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Email Address"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "details",
|
||||
placeholder: "Tell us about your event...",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317340.jpg?_wi=2"
|
||||
name: "details", placeholder: "Tell us about your event..."}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-mexican-party-decoration-with-food_23-2149317340.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -277,13 +183,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Mex Music Man"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user