Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -150,7 +150,7 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplit
       tag="Pedido Via WhatsApp"
       title="Vamos criar o bolo dos seus sonhos?"
       description="Personalize agora sua experiência Casa Brasil e encante a todos."
@@ -161,7 +161,7 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       columns={[
         {
           title: "Navegação", items: [{ label: "Início", href: "#hero" }, { label: "Catálogo", href: "#products" }, { label: "Contato", href: "#contact" }],

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-dm-sans), sans-serif;
+  font-family: var(--font-libre-baskerville), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-manrope), sans-serif;
+  font-family: var(--font-libre-baskerville), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #EFE8C8;
-  --card: #F8F5E9;
-  --foreground: #1E2792;
-  --primary-cta: #1E2792;
+  --background: #FDFBF6;
+  --card: #FFFFFF;
+  --foreground: #1B1914;
+  --primary-cta: #8B6B45;
   --primary-cta-text: #EFE8C8;
-  --secondary-cta: #FB5508;
+  --secondary-cta: #E6E0D4;
   --secondary-cta-text: #FFFFFF;
-  --accent: #E0C31B;
-  --background-accent: #D6CEAA;
+  --accent: #C4A484;
+  --background-accent: #F2EDE3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);