From fc5493aa57e87cf6c88ef57661d02d43ca97564a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 26 May 2026 16:00:11 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 272 ++++++++++-------------------------------------
 1 file changed, 59 insertions(+), 213 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index ffec269..2f6c186 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,112 +33,67 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
-          id: "#home",
-        },
+          name: "Home",          id: "#home"},
         {
-          name: "Sobre Nós",
-          id: "#sobre",
-        },
+          name: "Sobre Nós",          id: "#sobre"},
         {
-          name: "Serviços",
-          id: "#servicos",
-        },
+          name: "Serviços",          id: "#servicos"},
         {
-          name: "Resultados",
-          id: "#resultados",
-        },
+          name: "Resultados",          id: "#resultados"},
         {
-          name: "Equipe",
-          id: "#equipe",
-        },
+          name: "Equipe",          id: "#equipe"},
         {
-          name: "Depoimentos",
-          id: "#depoimentos",
-        },
+          name: "Depoimentos",          id: "#depoimentos"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
         {
-          name: "Contato",
-          id: "#contato",
-        },
+          name: "Contato",          id: "#contato"},
       ]}
       brandName="AUTO MECÂNICA MARQUINHO"
       button={{
-        text: "Agendar pelo WhatsApp",
-        href: "https://wa.me/5516999999999",
-      }}
+        text: "Agendar pelo WhatsApp",        href: "https://wa.me/5516999999999"}}
     />
   </div>
 
   <div id="home" data-section="home">
       <HeroCentered
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       title="Seu carro em boas mãos — rápido, honesto e com garantia"
       description="Mecânicos experientes, orçamento transparente e atendimento que respeita seu tempo. Confie em quem cuida do seu veículo como se fosse seu."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
-          alt: "Cliente satisfeito 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",          alt: "Cliente satisfeito 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-woman-with-ginger-hair-clean-healthy-skin_273609-8996.jpg",
-          alt: "Cliente satisfeito 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-woman-with-ginger-hair-clean-healthy-skin_273609-8996.jpg",          alt: "Cliente satisfeito 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/angry-tensed-businessman-wants-kill-someone-clenching-hands-teeth-looking-mad-camera-g_1258-158520.jpg",
-          alt: "Cliente satisfeito 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/angry-tensed-businessman-wants-kill-someone-clenching-hands-teeth-looking-mad-camera-g_1258-158520.jpg",          alt: "Cliente satisfeito 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/young-smiling-pretty-caucasian-schoolgirl-wearing-glasses-back-bag-stands-sideways-looking-camera-green-with-copy-space_141793-62722.jpg",
-          alt: "Cliente satisfeito 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-smiling-pretty-caucasian-schoolgirl-wearing-glasses-back-bag-stands-sideways-looking-camera-green-with-copy-space_141793-62722.jpg",          alt: "Cliente satisfeito 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-mechanic-talking-phone-while-using-computer-auto-repair-shop_637285-9342.jpg",
-          alt: "Cliente satisfeito 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-mechanic-talking-phone-while-using-computer-auto-repair-shop_637285-9342.jpg",          alt: "Cliente satisfeito 5"},
       ]}
       avatarText="+1.000 clientes satisfeitos em Ribeirão Preto!"
       buttons={[
         {
-          text: "Agendar pelo WhatsApp",
-          href: "https://wa.me/5516999999999",
-        },
+          text: "Agendar pelo WhatsApp",          href: "https://wa.me/5516999999999"},
         {
-          text: "Ver nossos serviços",
-          href: "#servicos",
-        },
+          text: "Ver nossos serviços",          href: "#servicos"},
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text",
-          text: "Revisão de Motor Completa",
-        },
+          type: "text",          text: "Revisão de Motor Completa"},
         {
-          type: "text",
-          text: "Alinhamento e Balanceamento",
-        },
+          type: "text",          text: "Alinhamento e Balanceamento"},
         {
-          type: "text",
-          text: "Diagnóstico Preciso",
-        },
+          type: "text",          text: "Diagnóstico Preciso"},
         {
-          type: "text",
-          text: "Freios e Suspensão",
-        },
+          type: "text",          text: "Freios e Suspensão"},
         {
-          type: "text",
-          text: "Troca de Óleo e Filtros",
-        },
+          type: "text",          text: "Troca de Óleo e Filtros"},
         {
-          type: "text",
-          text: "Manutenção Preventiva",
-        },
+          type: "text",          text: "Manutenção Preventiva"},
       ]}
     />
   </div>
@@ -147,31 +102,22 @@ export default function LandingPage() {
       <TextAbout
       useInvertedBackground={false}
       title="Experiência e Confiança em Manutenção Automotiva"
-      description="Na AUTO MECÂNICA MARQUINHO, combinamos tradição e inovação para oferecer o melhor serviço de Ribeirão Preto. Nossa equipe de especialistas é dedicada a proporcionar um atendimento transparente, eficiente e com a garantia que seu veículo merece. Seu carro é cuidado como se fosse nosso."
+      // description="Na AUTO MECÂNICA MARQUINHO, combinamos tradição e inovação para oferecer o melhor serviço de Ribeirão Preto. Nossa equipe de especialistas é dedicada a proporcionar um atendimento transparente, eficiente e com a garantia que seu veículo merece. Seu carro é cuidado como se fosse nosso."
     />
   </div>
 
   <div id="servicos" data-section="servicos">
       <FeatureCardSixteen
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
       negativeCard={{
         items: [
-          "Diagnósticos Incorretos",
-          "Reparos Demorados",
-          "Preços Abusivos",
-          "Falta de Transparência",
-          "Peças de Baixa Qualidade",
-        ],
+          "Diagnósticos Incorretos",          "Reparos Demorados",          "Preços Abusivos",          "Falta de Transparência",          "Peças de Baixa Qualidade"],
       }}
       positiveCard={{
         items: [
-          "Diagnóstico Preciso",
-          "Serviço Rápido e Eficiente",
-          "Preço Justo e Transparente",
-          "Comunicação Clara",
-          "Peças de Alta Qualidade",
-        ],
+          "Diagnóstico Preciso",          "Serviço Rápido e Eficiente",          "Preço Justo e Transparente",          "Comunicação Clara",          "Peças de Alta Qualidade"],
       }}
       title="O que nos diferencia: a solução para os problemas do seu carro"
       description="Oferecemos soluções completas e transparentes para os desafios mais comuns da manutenção veicular."
@@ -186,20 +132,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "20+",
-          description: "Anos de Experiência",
-        },
+          id: "m1",          value: "20+",          description: "Anos de Experiência"},
         {
-          id: "m2",
-          value: "98%",
-          description: "De Satisfação do Cliente",
-        },
+          id: "m2",          value: "98%",          description: "De Satisfação do Cliente"},
         {
-          id: "m3",
-          value: "1000+",
-          description: "Carros Atendidos Anualmente",
-        },
+          id: "m3",          value: "1000+",          description: "Carros Atendidos Anualmente"},
       ]}
       title="Nossos Números Falam Por Si"
       description="Resultados que comprovam nosso compromisso com a excelência e a satisfação do cliente."
@@ -214,26 +151,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "t1",
-          name: "Marquinho Silva",
-          role: "Mecânico Chefe & Fundador",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg",
-          imageAlt: "Marquinho Silva",
-        },
+          id: "t1",          name: "Marquinho Silva",          role: "Mecânico Chefe & Fundador",          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg",          imageAlt: "Marquinho Silva"},
         {
-          id: "t2",
-          name: "Camila Almeida",
-          role: "Especialista em Elétrica",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1519.jpg",
-          imageAlt: "Camila Almeida",
-        },
+          id: "t2",          name: "Camila Almeida",          role: "Especialista em Elétrica",          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1519.jpg",          imageAlt: "Camila Almeida"},
         {
-          id: "t3",
-          name: "Roberto Santos",
-          role: "Técnico em Suspensão",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1630.jpg",
-          imageAlt: "Roberto Santos",
-        },
+          id: "t3",          name: "Roberto Santos",          role: "Técnico em Suspensão",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-laptop_1170-1630.jpg",          imageAlt: "Roberto Santos"},
       ]}
       title="Conheça Nossa Equipe de Especialistas"
       description="Nossos mecânicos são altamente qualificados e apaixonados por carros, garantindo o melhor cuidado para seu veículo."
@@ -247,45 +169,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "ts1",
-          name: "João Pereira",
-          handle: "@joaopereira",
-          testimonial: "Serviço impecável! Meu carro ficou novo e o atendimento foi super atencioso. Recomendo a todos em Ribeirão Preto!",
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg",
-          imageAlt: "João Pereira",
-        },
+          id: "ts1",          name: "João Pereira",          handle: "@joaopereira",          testimonial: "Serviço impecável! Meu carro ficou novo e o atendimento foi super atencioso. Recomendo a todos em Ribeirão Preto!",          imageSrc: "http://img.b2bpic.net/free-photo/excited-smiling-blond-girl-happily-keeping-thumbs-up-near-with-copy-space-text-promotional-content-isolated-yellow-background-like-expression_574295-2945.jpg",          imageAlt: "João Pereira"},
         {
-          id: "ts2",
-          name: "Maria Lúcia",
-          handle: "@marialucia_f",
-          testimonial: "Sempre confio na Mecânica Marquinho para os carros da minha frota. Pontualidade e transparência são diferenciais.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-with-optical-sunglasses-smiling-white-wall-work-job-office-female-business-meeting_140725-65028.jpg",
-          imageAlt: "Maria Lúcia",
-        },
+          id: "ts2",          name: "Maria Lúcia",          handle: "@marialucia_f",          testimonial: "Sempre confio na Mecânica Marquinho para os carros da minha frota. Pontualidade e transparência são diferenciais.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-businesswoman-strict-clothes-black-jacket-with-optical-sunglasses-smiling-white-wall-work-job-office-female-business-meeting_140725-65028.jpg",          imageAlt: "Maria Lúcia"},
         {
-          id: "ts3",
-          name: "Carlos Eduardo",
-          handle: "@carlose.santos",
-          testimonial: "Orçamento claro e sem surpresas! Fiquei muito satisfeito com a rapidez e a qualidade do reparo.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg",
-          imageAlt: "Carlos Eduardo",
-        },
+          id: "ts3",          name: "Carlos Eduardo",          handle: "@carlose.santos",          testimonial: "Orçamento claro e sem surpresas! Fiquei muito satisfeito com a rapidez e a qualidade do reparo.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-student-guy-standing-pale-outdoor-wall_74855-4289.jpg",          imageAlt: "Carlos Eduardo"},
         {
-          id: "ts4",
-          name: "Ana Paula",
-          handle: "@anapaulablog",
-          testimonial: "Meus amigos indicaram e não me arrependi. Atendimento excelente e meu carro nunca esteve tão bem cuidado!",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130231.jpg",
-          imageAlt: "Ana Paula",
-        },
+          id: "ts4",          name: "Ana Paula",          handle: "@anapaulablog",          testimonial: "Meus amigos indicaram e não me arrependi. Atendimento excelente e meu carro nunca esteve tão bem cuidado!",          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130231.jpg",          imageAlt: "Ana Paula"},
         {
-          id: "ts5",
-          name: "Fernando & Laura",
-          handle: "@ferlaura_rp",
-          testimonial: "Sempre levamos os dois carros aqui. A confiança que a equipe passa é fundamental para nós. Nota 10!",
-          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-man-dressed-white-tshirts-smiling-taking-selfie-portrait-cheerful-curly-girl-darkskinned-girl-tee-posing-pink-background_197531-27684.jpg",
-          imageAlt: "Fernando e Laura",
-        },
+          id: "ts5",          name: "Fernando & Laura",          handle: "@ferlaura_rp",          testimonial: "Sempre levamos os dois carros aqui. A confiança que a equipe passa é fundamental para nós. Nota 10!",          imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-man-dressed-white-tshirts-smiling-taking-selfie-portrait-cheerful-curly-girl-darkskinned-girl-tee-posing-pink-background_197531-27684.jpg",          imageAlt: "Fernando e Laura"},
       ]}
       title="O Que Nossos Clientes Dizem"
       description="A satisfação dos nossos clientes é a nossa maior recompensa. Veja o que eles têm a dizer sobre a AUTO MECÂNICA MARQUINHO."
@@ -298,30 +190,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "f1",
-          title: "Quais serviços a Mecânica Marquinho oferece?",
-          content: "Oferecemos uma gama completa de serviços, incluindo troca de óleo, manutenção de freios, suspensão, motor, injeção eletrônica e diagnósticos completos.",
-        },
+          id: "f1",          title: "Quais serviços a Mecânica Marquinho oferece?",          content: "Oferecemos uma gama completa de serviços, incluindo troca de óleo, manutenção de freios, suspensão, motor, injeção eletrônica e diagnósticos completos."},
         {
-          id: "f2",
-          title: "Como posso agendar um serviço?",
-          content: "Você pode agendar facilmente pelo nosso WhatsApp, ligando para nós ou preenchendo o formulário de contato em nosso site.",
-        },
+          id: "f2",          title: "Como posso agendar um serviço?",          content: "Você pode agendar facilmente pelo nosso WhatsApp, ligando para nós ou preenchendo o formulário de contato em nosso site."},
         {
-          id: "f3",
-          title: "Vocês trabalham com todas as marcas de veículos?",
-          content: "Sim, nossa equipe é especializada e treinada para trabalhar com diversas marcas e modelos de veículos, nacionais e importados.",
-        },
+          id: "f3",          title: "Vocês trabalham com todas as marcas de veículos?",          content: "Sim, nossa equipe é especializada e treinada para trabalhar com diversas marcas e modelos de veículos, nacionais e importados."},
         {
-          id: "f4",
-          title: "Os serviços têm garantia? ",
-          content: "Sim, todos os nossos serviços e peças utilizadas contam com garantia, proporcionando total segurança e tranquilidade para você.",
-        },
+          id: "f4",          title: "Os serviços têm garantia? ",          content: "Sim, todos os nossos serviços e peças utilizadas contam com garantia, proporcionando total segurança e tranquilidade para você."},
         {
-          id: "f5",
-          title: "Qual a localização da Mecânica Marquinho em Ribeirão Preto?",
-          content: "Estamos localizados na [Endereço Fictício], no coração de Ribeirão Preto, com fácil acesso para todos os bairros.",
-        },
+          id: "f5",          title: "Qual a localização da Mecânica Marquinho em Ribeirão Preto?",          content: "Estamos localizados na [Endereço Fictício], no coração de Ribeirão Preto, com fácil acesso para todos os bairros."},
       ]}
       title="Perguntas Frequentes"
       description="Encontre respostas para as dúvidas mais comuns sobre nossos serviços e atendimento."
@@ -333,18 +210,12 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Contato Rápido"
       title="Fale Conosco Pelo WhatsApp"
       description="Entre em contato agora para agendar um serviço ou tirar suas dúvidas. Estamos prontos para ajudar o seu veículo!"
       tagIcon={MessageSquare}
-      buttons={[
-        {
-          text: "Agendar via WhatsApp",
-          href: "https://wa.me/5516999999999",
-        },
-      ]}
+      buttonText="Agendar via WhatsApp"
     />
   </div>
 
@@ -352,62 +223,37 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Serviços",
-          items: [
+          title: "Serviços",          items: [
             {
-              label: "Manutenção Geral",
-              href: "#servicos",
-            },
+              label: "Manutenção Geral",              href: "#servicos"},
             {
-              label: "Troca de Óleo",
-              href: "#servicos",
-            },
+              label: "Troca de Óleo",              href: "#servicos"},
             {
-              label: "Freios e Suspensão",
-              href: "#servicos",
-            },
+              label: "Freios e Suspensão",              href: "#servicos"},
             {
-              label: "Injeção Eletrônica",
-              href: "#servicos",
-            },
+              label: "Injeção Eletrônica",              href: "#servicos"},
           ],
         },
         {
-          title: "Empresa",
-          items: [
+          title: "Empresa",          items: [
             {
-              label: "Sobre Nós",
-              href: "#sobre",
-            },
+              label: "Sobre Nós",              href: "#sobre"},
             {
-              label: "Nossa Equipe",
-              href: "#equipe",
-            },
+              label: "Nossa Equipe",              href: "#equipe"},
             {
-              label: "Depoimentos",
-              href: "#depoimentos",
-            },
+              label: "Depoimentos",              href: "#depoimentos"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
         {
-          title: "Contato",
-          items: [
+          title: "Contato",          items: [
             {
-              label: "WhatsApp",
-              href: "https://wa.me/5516999999999",
-            },
+              label: "WhatsApp",              href: "https://wa.me/5516999999999"},
             {
-              label: "Localização",
-              href: "#contato",
-            },
+              label: "Localização",              href: "#contato"},
             {
-              label: "Trabalhe Conosco",
-              href: "#",
-            },
+              label: "Trabalhe Conosco",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1