Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
@@ -29,7 +29,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingOverlay
       navItems={[
         { name: "Início", id: "hero" },
         { name: "Sobre", id: "about" },
@@ -57,7 +57,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Tradição e Compromisso com você"
       description={[
-        "Com décadas de experiência no mercado imobiliário de Estância Velha, a JR Imóveis é referência em atendimento personalizado.",        "Nosso foco é simplificar a jornada da casa própria, garantindo segurança jurídica e o melhor negócio para nossos clientes."
+        "Com décadas de experiência no mercado imobiliário de Estância Velha, a JR Imóveis é referência em atendimento personalizado.", "Nosso foco é simplificar a jornada da casa própria, garantindo segurança jurídica e o melhor negócio para nossos clientes."
       ]}
     />
   </div>
@@ -78,18 +78,18 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      products={[
-        { id: "1", name: "Casa Alto Padrão", price: "R$ 850.000", imageSrc: "http://img.b2bpic.net/free-photo/relax-house-thai-style_1150-17982.jpg" },
-        { id: "2", name: "Apartamento Loft", price: "R$ 380.000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-red-coat-knitted-hat-sitting-wooden-stairs-she-holds-camera-knees-smiling_197531-1961.jpg" },
-        { id: "3", name: "Terreno em Loteamento", price: "R$ 220.000", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-front-door_23-2147653339.jpg" },
-      ]}
       title="Imóveis Selecionados"
       description="Explore nosso catálogo de oportunidades em Estância Velha e região."
+      products={[
+        { id: "1", name: "Casa Alto Padrão", price: "R$ 850.000", variant: "Alto Padrão", imageSrc: "http://img.b2bpic.net/free-photo/relax-house-thai-style_1150-17982.jpg" },
+        { id: "2", name: "Apartamento Loft", price: "R$ 380.000", variant: "Loft", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-red-coat-knitted-hat-sitting-wooden-stairs-she-holds-camera-knees-smiling_197531-1961.jpg" },
+        { id: "3", name: "Terreno em Loteamento", price: "R$ 220.000", variant: "Loteamento", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-front-door_23-2147653339.jpg" },
+      ]}
     />
   </div>
 
@@ -133,22 +133,23 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
+      <ContactCenter
       tag="Contato"
-      title="Pronto para dar o próximo passo?"
-      description="Preencha o formulário e nossa equipe entrará em contato prontamente para agendar uma conversa."
-      imageSrc="http://img.b2bpic.net/free-photo/businesswoman-making-calls-working-outdoors-sitting-city-centre-suit-holding-laptop-mo_1258-119491.jpg"
-      mediaAnimation="slide-up"
+      title="Entre em Contato"
+      description="Estamos prontos para atender suas dúvidas e ajudar você a encontrar o imóvel ideal."
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
       logoText="JR Imóveis"
-      leftLink={{ text: "Termos de Uso", href: "#" }}
-      rightLink={{ text: "Privacidade", href: "#" }}
+      columns={[
+        { items: [{ label: "Sobre Nós", href: "#about" }, { label: "Imóveis", href: "#products" }] },
+        { items: [{ label: "Contato", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
+        { items: [{ label: "Termos de Uso", href: "#" }, { label: "Privacidade", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>