Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -30,26 +30,16 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Serviços",
-          id: "#servicos",
-        },
+          name: "Serviços",          id: "#servicos"},
         {
-          name: "Resultados",
-          id: "#resultados",
-        },
+          name: "Resultados",          id: "#resultados"},
         {
-          name: "Processo",
-          id: "#processo",
-        },
+          name: "Processo",          id: "#processo"},
         {
-          name: "Contato",
-          id: "#contato",
-        },
+          name: "Contato",          id: "#contato"},
       ]}
       button={{
-        text: "Diagnóstico grátis",
-        href: "#contato",
-      }}
+        text: "Diagnóstico grátis",        href: "#contato"}}
       brandName="LocalGrowth"
     />
   </div>
@@ -57,19 +47,14 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
       background={{
-        variant: "canvas-reveal",
-      }}
+        variant: "canvas-reveal"}}
       logoText="LocalGrowth"
-      description="Otimização profissional do Google Meu Negócio + criação de sites que convertem. Para pequenos negócios que querem crescer de verdade."
+      description="Atraia mais clientes locais com um Google Meu Negócio otimizado e sites de alta conversão."
       buttons={[
         {
-          text: "Falar no WhatsApp",
-          href: "#contato",
-        },
+          text: "Falar no WhatsApp",          href: "#contato"},
         {
-          text: "Ver serviços",
-          href: "#servicos",
-        },
+          text: "Ver serviços",          href: "#servicos"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/mobile-with-google-maps_1134-132.jpg"
       mediaAnimation="slide-up"
@@ -77,32 +62,18 @@ export default function LandingPage() {
   </div>
 
   <div id="resultados" data-section="resultados">
-      <MetricCardTwo
+      <MetricCardSeven
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="bento-grid"
+      carouselMode="auto"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "Nacional",
-          description: "Atendimento",
-        },
+          id: "m1",          value: "Nacional",          title: "Alcance",          items: ["Otimização de abrangência nacional"]},
         {
-          id: "m2",
-          value: "70km",
-          description: "Raio Tour Virtual",
-        },
+          id: "m2",          value: "+200%",          title: "Visibilidade",          items: ["Crescimento real de visibilidade após nossa otimização estratégica"]},
         {
-          id: "m3",
-          value: "+200%",
-          description: "Visibilidade",
-        },
-        {
-          id: "m4",
-          value: "1ª",
-          description: "Página Google",
-        },
+          id: "m3",          value: "1ª",          title: "Google",          items: ["Posicionamento de topo de busca"]},
       ]}
       title="Números que provam o resultado"
       description="Crescimento real de visibilidade após nossa otimização estratégica."
@@ -115,19 +86,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Google Meu Negócio",
-          title: "Google Meu Negócio",
-          subtitle: "Resultado em 30 dias",
-          description: "Gestão completa da ficha, SEO local e tour virtual 360° para converter buscas em clientes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472730.jpg",
-        },
+          tag: "Google Meu Negócio",          title: "Google Meu Negócio",          subtitle: "Resultado em 30 dias",          description: "Gestão completa da ficha, SEO local e tour virtual 360° para converter buscas em clientes.",          imageSrc: "http://img.b2bpic.net/free-photo/3d-view-map_23-2150472730.jpg"},
         {
-          tag: "Criação de Sites",
-          title: "Criação de Sites",
-          subtitle: "Entrega em 7-14 dias",
-          description: "Sites rápidos, focados em conversão, mobile-first e totalmente otimizados para busca.",
-          imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-planning-strategy-concept_53876-42950.jpg",
-        },
+          tag: "Criação de Sites",          title: "Criação de Sites",          subtitle: "Entrega em 7-14 dias",          description: "Sites rápidos, focados em conversão, mobile-first e totalmente otimizados para busca.",          imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-planning-strategy-concept_53876-42950.jpg"},
       ]}
       title="Dois serviços. Um resultado."
       description="Estratégias completas de SEO local e desenvolvimento de sites de alto desempenho."
@@ -141,21 +102,13 @@ export default function LandingPage() {
       description="Um processo claro, transparente e focado na sua expansão local."
       metrics={[
         {
-          value: "01",
-          title: "Diagnóstico",
-        },
+          value: "01",          title: "Diagnóstico"},
         {
-          value: "02",
-          title: "Proposta",
-        },
+          value: "02",          title: "Proposta"},
         {
-          value: "03",
-          title: "Execução",
-        },
+          value: "03",          title: "Execução"},
         {
-          value: "04",
-          title: "Suporte",
-        },
+          value: "04",          title: "Suporte"},
       ]}
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
@@ -171,45 +124,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Ricardo Costa",
-          role: "Dono",
-          company: "Oficina Mecânica",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg",
-        },
+          id: "t1",          name: "Ricardo Costa",          role: "Dono",          company: "Oficina Mecânica",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-work_23-2149097924.jpg"},
         {
-          id: "t2",
-          name: "Dra. Mariana Lima",
-          role: "Dra.",
-          company: "Odontologia",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-dentist-with-eyeglasses_23-2147862084.jpg",
-        },
+          id: "t2",          name: "Dra. Mariana Lima",          role: "Dra.",          company: "Odontologia",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-dentist-with-eyeglasses_23-2147862084.jpg"},
         {
-          id: "t3",
-          name: "Fernando Oliveira",
-          role: "Dono",
-          company: "Restaurante",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg",
-        },
+          id: "t3",          name: "Fernando Oliveira",          role: "Dono",          company: "Restaurante",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-owner-working_23-2148366612.jpg"},
         {
-          id: "t4",
-          name: "Ana Souza",
-          role: "Gestora",
-          company: "Consultório",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg",
-        },
+          id: "t4",          name: "Ana Souza",          role: "Gestora",          company: "Consultório",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg"},
         {
-          id: "t5",
-          name: "Carlos Silva",
-          role: "Dono",
-          company: "Loja Local",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-66943.jpg",
-        },
+          id: "t5",          name: "Carlos Silva",          role: "Dono",          company: "Loja Local",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-mask-dentistry-concept-dental-treatment_169016-66943.jpg"},
       ]}
       title="O que dizem os clientes"
       description="Empresários locais que já transformaram suas presenças digitais."
@@ -220,16 +148,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "radial-gradient",
-      }}
+        variant: "radial-gradient"}}
       tag="PRÓXIMO PASSO"
-      title="Pronto para aparecer no topo do Google?"
+      title="Solicite sua análise gratuita hoje e supere a concorrência local"
       description="Diagnóstico gratuito da sua presença digital — sem custo, sem compromisso."
       buttons={[
         {
-          text: "Diagnóstico no WhatsApp",
-          href: "https://wa.me/55000000000",
-        },
+          text: "Diagnóstico no WhatsApp",          href: "https://wa.me/55000000000"},
       ]}
     />
   </div>
@@ -239,25 +164,17 @@ export default function LandingPage() {
       logoText="LocalGrowth"
       columns={[
         {
-          title: "Links",
-          items: [
+          title: "Links",          items: [
             {
-              label: "Serviços",
-              href: "#servicos",
-            },
+              label: "Serviços",              href: "#servicos"},
             {
-              label: "Resultados",
-              href: "#resultados",
-            },
+              label: "Resultados",              href: "#resultados"},
           ],
         },
         {
-          title: "Suporte",
-          items: [
+          title: "Suporte",          items: [
             {
-              label: "Contato",
-              href: "#contato",
-            },
+              label: "Contato",              href: "#contato"},
           ],
         },
       ]}