Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -32,27 +32,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Início",
-          id: "hero",
-        },
+          name: "Início",          id: "hero"},
         {
-          name: "Serviços",
-          id: "services",
-        },
+          name: "Serviços",          id: "services"},
         {
-          name: "Diferencial",
-          id: "about",
-        },
+          name: "Diferencial",          id: "about"},
         {
-          name: "Contato",
-          id: "contact",
-        },
+          name: "Contato",          id: "contact"},
       ]}
       brandName="Top Car"
       button={{
-        text: "WhatsApp",
-        href: "https://wa.me/5554991710944",
-      }}
+        text: "WhatsApp",        href: "https://wa.me/5554991710944"}}
     />
   </div>
 
@@ -60,103 +50,63 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
+      mediaAnimation="slide-up"
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
       title="Mecânica de Confiança em Caxias do Sul"
       description="Transparência total no orçamento e serviços realizados apenas com sua autorização prévia. Qualidade e honestidade que você merece."
       testimonials={[
         {
-          name: "Brenda",
-          handle: "@cliente",
-          testimonial: "Excelente serviço, 10/10 e de total confiança!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2596.jpg",
-        },
+          name: "Brenda",          handle: "@cliente",          testimonial: "Excelente serviço, 10/10 e de total confiança!",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2596.jpg"},
         {
-          name: "Leonardo",
-          handle: "@cliente",
-          testimonial: "Explicam o que precisa ser substituído, fazem orçamento, preço justo.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-surprised-handsome-guy-with-beard-looking-amused-smiling-happy-camera-standing-blu_1258-152687.jpg",
-        },
+          name: "Leonardo",          handle: "@cliente",          testimonial: "Explicam o que precisa ser substituído, fazem orçamento, preço justo.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-surprised-handsome-guy-with-beard-looking-amused-smiling-happy-camera-standing-blu_1258-152687.jpg"},
         {
-          name: "Maria Silva",
-          handle: "@cliente",
-          testimonial: "Melhor oficina do bairro Kayser, muito honestos.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg",
-        },
+          name: "Maria Silva",          handle: "@cliente",          testimonial: "Melhor oficina do bairro Kayser, muito honestos.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg"},
         {
-          name: "João Santos",
-          handle: "@cliente",
-          testimonial: "Serviço rápido e com peças de qualidade.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
-        },
+          name: "João Santos",          handle: "@cliente",          testimonial: "Serviço rápido e com peças de qualidade.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg"},
         {
-          name: "Ana Souza",
-          handle: "@cliente",
-          testimonial: "Transparência total desde o orçamento.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg",
-        },
+          name: "Ana Souza",          handle: "@cliente",          testimonial: "Transparência total desde o orçamento.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-talking-phone_23-2148230757.jpg"},
       ]}
       buttons={[
         {
-          text: "Agendar Avaliação",
-          href: "https://wa.me/5554991710944",
-        },
+          text: "Agendar Avaliação",          href: "https://wa.me/5554991710944"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/advanced-diagnostic-lab-with-metallic-equipment-sterile-testing-environment_482257-124278.jpg"
       imageAlt="Oficina Top Car limpa e organizada"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg",
-          alt: "Cliente satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/looking-arrogant-successful-positive-proud-pointing-self_1194-632375.jpg",          alt: "Cliente satisfeito"},
         {
-          src: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3967.jpg",
-          alt: "Cliente satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/crazy-hippie-man-happy-expression_1194-3967.jpg",          alt: "Cliente satisfeito"},
         {
-          src: "http://img.b2bpic.net/free-photo/cheeky-smiling-young-man-say-no-problem-well-done-man-praise-good-choice-showing-okay-gesture-satisfied_176420-26376.jpg",
-          alt: "Cliente satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/cheeky-smiling-young-man-say-no-problem-well-done-man-praise-good-choice-showing-okay-gesture-satisfied_176420-26376.jpg",          alt: "Cliente satisfeito"},
         {
-          src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",
-          alt: "Cliente satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3203.jpg",          alt: "Cliente satisfeito"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-view-curly-hair-man-smile-camera_197531-33412.jpg",
-          alt: "Cliente satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-view-curly-hair-man-smile-camera_197531-33412.jpg",          alt: "Cliente satisfeito"},
       ]}
       avatarText="Mais de 50 clientes satisfeitos"
       marqueeItems={[
         {
-          type: "text-icon",
-          text: "Multimarcas",
-          icon: CheckCircle,
+          type: "text-icon",          text: "Multimarcas",          icon: CheckCircle,
         },
         {
-          type: "text-icon",
-          text: "Peças Originais",
-          icon: Shield,
+          type: "text-icon",          text: "Peças Originais",          icon: Shield,
         },
         {
-          type: "text-icon",
-          text: "Orçamento Justo",
-          icon: DollarSign,
+          type: "text-icon",          text: "Orçamento Justo",          icon: DollarSign,
         },
         {
-          type: "text-icon",
-          text: "Atendimento Ágil",
-          icon: Clock,
+          type: "text-icon",          text: "Atendimento Ágil",          icon: Clock,
         },
         {
-          type: "text-icon",
-          text: "Garantia Real",
-          icon: Wrench,
+          type: "text-icon",          text: "Garantia Real",          icon: Wrench,
         },
       ]}
     />
@@ -166,15 +116,10 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
       names={[
-        "Google Maps Top Rated",
-        "Bairro Kayser Recomendado",
-        "Transparência Aprovada",
-        "Preço Justo Garantido",
-        "Atendimento Premium",
-        "Especialistas Multimarcas",
-        "Confiança Total",
-      ]}
+        "Google Maps Top Rated",        "Bairro Kayser Recomendado",        "Transparência Aprovada",        "Preço Justo Garantido",        "Atendimento Premium",        "Especialistas Multimarcas",        "Confiança Total"]}
       title="Nota 4.8 no Google"
       description="Mais de 51 avaliações de clientes satisfeitos na região."
     />
@@ -183,39 +128,23 @@ export default function LandingPage() {
   <div id="services" data-section="services">
       <FeatureCardSeven
       animationType="slide-up"
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          title: "Revisão Preventiva",
-          description: "Check-up completo para evitar falhas inesperadas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/car-joy-smiling-spanner-occupation_1134-982.jpg",
-        },
+          title: "Revisão Preventiva",          description: "Check-up completo para evitar falhas inesperadas.",          imageSrc: "http://img.b2bpic.net/free-photo/car-joy-smiling-spanner-occupation_1134-982.jpg"},
         {
-          title: "Freios",
-          description: "Manutenção especializada no sistema de frenagem.",
-          imageSrc: "http://img.b2bpic.net/free-vector/car-service-icons-set-with-repairmen-auto-details-instruments_1284-33904.jpg",
-        },
+          title: "Freios",          description: "Manutenção especializada no sistema de frenagem.",          imageSrc: "http://img.b2bpic.net/free-vector/car-service-icons-set-with-repairmen-auto-details-instruments_1284-33904.jpg"},
         {
-          title: "Suspensão",
-          description: "Estabilidade e conforto total na condução.",
-          imageSrc: "http://img.b2bpic.net/free-vector/20-mechanics-flat-color-icon-presentation_1142-22255.jpg",
-        },
+          title: "Suspensão",          description: "Estabilidade e conforto total na condução.",          imageSrc: "http://img.b2bpic.net/free-vector/20-mechanics-flat-color-icon-presentation_1142-22255.jpg"},
         {
-          title: "Injeção Eletrônica",
-          description: "Diagnóstico preciso para otimizar a performance.",
-          imageSrc: "http://img.b2bpic.net/free-photo/laptop-car-engine_1170-1250.jpg",
-        },
+          title: "Injeção Eletrônica",          description: "Diagnóstico preciso para otimizar a performance.",          imageSrc: "http://img.b2bpic.net/free-photo/laptop-car-engine_1170-1250.jpg"},
         {
-          title: "Troca de Óleo",
-          description: "Lubrificação essencial para a vida útil do motor.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=662vm3",
-        },
+          title: "Troca de Óleo",          description: "Lubrificação essencial para a vida útil do motor.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=662vm3"},
         {
-          title: "Motor",
-          description: "Reparos profundos realizados por especialistas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-engine_1170-1282.jpg",
-        },
+          title: "Motor",          description: "Reparos profundos realizados por especialistas.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-engine_1170-1282.jpg"},
       ]}
       title="Nossos Serviços"
       description="Soluções completas para manter seu veículo sempre em dia com segurança."
@@ -228,19 +157,13 @@ export default function LandingPage() {
       title="Por que escolher a Top Car?"
       metrics={[
         {
-          label: "Orçamento Transparente",
-          value: "100%",
-          icon: CheckCircle,
+          label: "Orçamento Transparente",          value: "Sem Surpresas",          icon: CheckCircle,
         },
         {
-          label: "Avaliação Google",
-          value: "4.8",
-          icon: Star,
+          label: "Avaliação Google",          value: "4.8",          icon: Star,
         },
         {
-          label: "Peças Originais",
-          value: "Garantia",
-          icon: Shield,
+          label: "Peças Originais",          value: "Garantia",          icon: Shield,
         },
       ]}
       metricsAnimation="blur-reveal"
@@ -255,25 +178,15 @@ export default function LandingPage() {
       author="Leonardo"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",
-          alt: "Cliente Satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-857.jpg",          alt: "Cliente Satisfeito"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
-          alt: "Cliente Satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",          alt: "Cliente Satisfeito"},
         {
-          src: "http://img.b2bpic.net/free-photo/carefree-smiling-guy-has-happy-facial-expression-laughs-something-positive-shows-white-teeth-wears-orange-poloneck_273609-33576.jpg",
-          alt: "Cliente Satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/carefree-smiling-guy-has-happy-facial-expression-laughs-something-positive-shows-white-teeth-wears-orange-poloneck_273609-33576.jpg",          alt: "Cliente Satisfeito"},
         {
-          src: "http://img.b2bpic.net/free-photo/carefree-joyful-handsome-afro-american-man-with-bushy-hairstyle_273609-14083.jpg",
-          alt: "Cliente Satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/carefree-joyful-handsome-afro-american-man-with-bushy-hairstyle_273609-14083.jpg",          alt: "Cliente Satisfeito"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-smiles-brroadly-wears-casual-turtleneck-feels-pleased-poses-glad-against-red-background-joyful-female-model-has-cheerful-expression-feels-optimistic-enjoys-good-day_273609-57948.jpg",
-          alt: "Cliente Satisfeito",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman-smiles-brroadly-wears-casual-turtleneck-feels-pleased-poses-glad-against-red-background-joyful-female-model-has-cheerful-expression-feels-optimistic-enjoys-good-day_273609-57948.jpg",          alt: "Cliente Satisfeito"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -284,22 +197,15 @@ export default function LandingPage() {
       <FaqDouble
       textboxLayout="split"
       useInvertedBackground={false}
+      tagAnimation="slide-up"
+      buttonAnimation="slide-up"
       faqs={[
         {
-          id: "1",
-          title: "Vocês trabalham com quais marcas?",
-          content: "Somos uma oficina multimarcas preparada para todos os modelos.",
-        },
+          id: "1",          title: "Vocês trabalham com quais marcas?",          content: "Somos uma oficina multimarcas preparada para todos os modelos."},
         {
-          id: "2",
-          title: "Como funciona o orçamento?",
-          content: "Realizamos o diagnóstico e enviamos o orçamento completo antes de iniciar o serviço.",
-        },
+          id: "2",          title: "Como funciona o orçamento?",          content: "Realizamos o diagnóstico e enviamos o orçamento completo antes de iniciar o serviço."},
         {
-          id: "3",
-          title: "Vocês aceitam parcelamento?",
-          content: "Consulte nossas condições de pagamento diretamente pelo WhatsApp.",
-        },
+          id: "3",          title: "Vocês aceitam parcelamento?",          content: "Consulte nossas condições de pagamento diretamente pelo WhatsApp."},
       ]}
       title="Dúvidas Frequentes"
       description="Estamos aqui para esclarecer qualquer questão sobre seu veículo."
@@ -311,14 +217,12 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
+      animationType="entrance-slide"
       text="Pronto para cuidar do seu carro? Agende sua avaliação hoje mesmo na Top Car Mecânica."
       buttons={[
         {
-          text: "Falar no WhatsApp",
-          href: "https://wa.me/5554991710944",
-        },
+          text: "Falar no WhatsApp",          href: "https://wa.me/5554991710944"},
       ]}
     />
   </div>
@@ -327,29 +231,21 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Localização",
-          items: [
+          title: "Localização",          items: [
             {
-              label: "R. Antônio Berti, 2091 - Kayser",
-            },
+              label: "R. Antônio Berti, 2091 - Kayser"},
             {
-              label: "Caxias do Sul - RS",
-            },
+              label: "Caxias do Sul - RS"},
           ],
         },
         {
-          title: "Atendimento",
-          items: [
+          title: "Atendimento",          items: [
             {
-              label: "Segunda a Sexta",
-            },
+              label: "Segunda a Sexta"},
             {
-              label: "Até as 18:30",
-            },
+              label: "Até as 18:30"},
             {
-              label: "(54) 99171-0944",
-              href: "https://wa.me/5554991710944",
-            },
+              label: "(54) 99171-0944",              href: "https://wa.me/5554991710944"},
           ],
         },
       ]}
@@ -360,4 +256,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -12,13 +12,13 @@
 
   --background: #ffffff;
   --card: #f9f9f9;
-  --foreground: #1A365D;
-  --primary-cta: #E53E3E;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1A365D;
-  --secondary-cta-text: #ffffff;
-  --accent: #E2E2E2;
-  --background-accent: #F8F9FA;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);