Update src/app/page.tsx

Merge version_6 into main
2026-04-27 08:45:48 +00:00 · 2026-04-27 08:44:23 +00:00 · 2026-04-27 08:41:06 +00:00 · 2026-04-27 08:41:03 +00:00 · 2026-04-27 08:40:04 +00:00 · 2026-04-27 08:40:01 +00:00
3 changed files with 31 additions and 27 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,7 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Mulish } from "next/font/google";
+import { Archivo } from "next/font/google";



@@ -19,13 +20,9 @@ export const metadata: Metadata = {
  },
 };

-const mulish = Mulish({
-  variable: "--font-mulish",
-  subsets: ["latin"],
-});
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+
+const archivo = Archivo({
+  variable: "--font-archivo",  subsets: ["latin"],
 });

 export default function RootLayout({
@@ -36,7 +33,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${mulish.variable} ${inter.variable} antialiased`}>
+        <body className={`${archivo.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -36,6 +36,8 @@ export default function LandingPage() {
          name: "Services",          id: "services"},
        {
          name: "About",          id: "about"},
+        {
+          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
@@ -48,13 +50,14 @@ export default function LandingPage() {
      background={{
        variant: "radial-gradient"}}
      logoText="Transform Your Event Into an Authentic Mexican Fiesta"
-      description="Authentic, unforgettable live music for weddings, corporate events, and parties in Melbourne. Led by Alejandro."
+      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={[
        {
          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"
+      className="[&_h1]:!text-red-600 [&_h2]:!text-green-700"
    />
  </div>

@@ -66,32 +69,33 @@ export default function LandingPage() {
      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"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278787604-8rmtk3ho.png"},
          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/man-red-t-shirt-playing-guitar-looking-happy_176474-61230.jpg"}
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278811955-xda9168y.png"}
        },
        {
          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"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278863092-jllkl4ws.png"},
          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: "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: "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"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278843731-gr4l1hh3.png"},
          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-452.jpg"}
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777279008136-6ok3a7br.png"}
        },
        {
          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"},
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777278895946-awedz7xb.png"},
          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/wedding-couple-dancing-their-first-dance_1303-10481.jpg"}
+            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777279123313-8ecdo2ba.png"}
        },
      ]}
      showStepNumbers={false}
      title="Our Fiesta Services"
      description="Professional live music entertainment tailored for your special occasion."
+      className="[&_h2]:!text-red-600 [&_h3]:!text-green-700"
    />
  </div>

@@ -99,8 +103,9 @@ export default function LandingPage() {
      <MediaAbout
      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"
+      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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777279042636-jjl7pd32.png"
+      className="[&_h2]:!text-red-600"
    />
  </div>

@@ -122,6 +127,7 @@ export default function LandingPage() {
      ]}
      title="Fiesta Feedback"
      description="Hear what our happy clients have to say about the music."
+      className="[&_h2]:!text-green-700"
    />
  </div>

@@ -139,6 +145,7 @@ export default function LandingPage() {
          id: "m3",          value: "100%",          description: "Customer Satisfaction"},
      ]}
      metricsAnimation="slide-up"
+      className="[&_h2]:!text-red-600"
    />
  </div>

@@ -148,15 +155,14 @@ 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: "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 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: "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."},
      ]}
      title="Common Questions"
      description="Have questions? We have answers for your fiesta planning."
      faqsAnimation="blur-reveal"
+      className="[&_h2]:!text-green-700"
    />
  </div>

@@ -175,7 +181,8 @@ export default function LandingPage() {
      ]}
      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"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Cvt4PPP0YApeAGvWYHGlzw6Rdm/uploaded-1777279538419-yk7tjd2n.png"
+      className="[&_h2]:!text-red-600"
    />
  </div>

--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-archivo), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-archivo), sans-serif;
 }
Author	SHA1	Message	Date
bender	d1264132db	Update src/app/page.tsx	2026-04-27 08:45:48 +00:00
bender	da139ce531	Update src/app/page.tsx	2026-04-27 08:44:23 +00:00
bender	46802e1b06	Merge version_6 into main Merge version_6 into main	2026-04-27 08:41:06 +00:00
bender	e44f65e1dd	Update src/app/page.tsx	2026-04-27 08:41:03 +00:00
bender	33d3021355	Merge version_5 into main Merge version_5 into main	2026-04-27 08:40:04 +00:00
bender	37253490d1	Update src/app/page.tsx	2026-04-27 08:40:01 +00:00
bender	eafa001eb4	Merge version_5 into main Merge version_5 into main	2026-04-27 08:30:42 +00:00
bender	3866f507cd	Update src/app/styles/base.css	2026-04-27 08:30:39 +00:00
bender	1dc835fbd7	Update src/app/layout.tsx	2026-04-27 08:30:39 +00:00
bender	ebafb60e14	Merge version_4 into main Merge version_4 into main	2026-04-27 08:29:55 +00:00
bender	e7b37b209f	Merge version_4 into main Merge version_4 into main	2026-04-27 08:28:02 +00:00