"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "About",          id: "about"},
        {
          name: "FAQ",          id: "faq"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Mex Music Man"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      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."
      buttons={[
        {
          text: "Book Now",          href: "#contact"},
      ]}
      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>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      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: "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 &quot;I'm a Little Teapot&quot; to &quot;La Bamba&quot; — 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}
      title="Our Fiesta Services"
      description="Professional live music entertainment tailored for your special occasion."
      className="[&_h2]:!text-red-600 [&_h3]:!text-green-700"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="About Alejandro"
      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>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      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"},
        {
          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: "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"
      description="Hear what our happy clients have to say about the music."
      className="[&_h2]:!text-green-700"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Music in Numbers"
      tag="Proven Track Record"
      metrics={[
        {
          id: "m1",          value: "15+",          description: "Years of Professional Music"},
        {
          id: "m2",          value: "500+",          description: "Successful Events"},
        {
          id: "m3",          value: "100%",          description: "Customer Satisfaction"},
      ]}
      metricsAnimation="slide-up"
      className="[&_h2]:!text-red-600"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      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: "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: "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"
      description="Have questions? We have answers for your fiesta planning."
      faqsAnimation="blur-reveal"
      className="[&_h2]:!text-green-700"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Book Your Event"
      description="Ready to bring the fiesta to your event? Send us a message today."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name"},
        {
          name: "email",          type: "email",          placeholder: "Email Address"},
        {
          name: "phone",          type: "tel",          placeholder: "Phone Number"},
      ]}
      textarea={{
        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"
      className="[&_h2]:!text-red-600"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Mex Music Man"
      leftLink={{
        text: "Terms of Service",        href: "#"}}
      rightLink={{
        text: "Privacy Policy",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}