Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
@@ -13,7 +13,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { CheckCircle, MapPin, Star, TrendingUp } from "lucide-react";
+import { CheckCircle, MapPin, Star, TrendingUp, Instagram, Twitter, Linkedin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -205,7 +205,7 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqBase
+      <FaqSplitMedia
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
@@ -225,57 +225,45 @@ export default function LandingPage() {
       title="Dúvidas Frequentes"
       description="Tudo o que você precisa saber sobre como posicionar sua empresa no Google Meu Negócio."
       faqsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/beautiful-indian-woman-customer-support-agent-headset-using-laptop-talking_23-2148106198.jpg"
+      imageAlt="Atendimento ao cliente para dúvidas frequentes"
+      mediaPosition="right"
     />
   </div>
 
   <div id="contato" data-section="contato">
-      <ContactCenter
+      <ContactCTA
       useInvertedBackground={true}
       background={{
         variant: "radial-gradient"}}
       tag="Vagas Limitadas para Novembro"
       title="Análise Gratuita do Seu Negócio"
       description="Antes de qualquer proposta, eu analiso como sua empresa aparece hoje no Google e te mostro exatamente o que precisa ser melhorado. Sem compromisso, sem pegadinha. Garanta sua análise gratuita hoje!"
-      inputPlaceholder="Seu e-mail para contato (opcional)"
+      buttons={[
-      buttonText="Falar no WhatsApp"
+        {
-      termsText="Ao clicar em Falar no WhatsApp, você será direcionado para uma conversa direta, sem custos."
+          text: "Falar no WhatsApp",          href: "https://wa.me/5511912581576"
+        }
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterCard
-      columns={[
-        {
-          title: "Contato",          items: [
-            {
-              label: "(11) 91258-1576",              href: "tel:+5511912581576"},
-            {
-              label: "@a.arianespinola",              href: "https://instagram.com/a.arianespinola"},
-          ],
-        },
-        {
-          title: "Atendimento",          items: [
-            {
-              label: "Online para todo o Brasil",              href: "#"},
-            {
-              label: "Seg a Sex · 9h às 19h",              href: "#"},
-          ],
-        },
-        {
-          title: "Links Rápidos",          items: [
-            {
-              label: "O Problema",              href: "#problema"},
-            {
-              label: "A Solução",              href: "#solucao"},
-            {
-              label: "Método",              href: "#metodo"},
-            {
-              label: "Depoimentos",              href: "#depoimentos"},
-          ],
-        },
-      ]}
       logoText="Ariane Spinola"
       copyrightText="© 2026 Ariane Spinola — Todos os direitos reservados."
+      socialLinks={[
+        {
+          icon: Instagram,          href: "https://instagram.com/a.arianespinola",          ariaLabel: "Instagram"
+        },
+        {
+          icon: Twitter,          href: "#",          ariaLabel: "Twitter"
+        },
+        {
+          icon: Linkedin,          href: "#",          ariaLabel: "LinkedIn"
+        }
+      ]}
+      logoSrc="http://img.b2bpic.net/free-photo/geometric-design_23-2148700201.jpg"
+      logoAlt="Ariane Spinola Logo"
     />
   </div>
       </ReactLenis>