Merge version_4 into main

Merge version_4 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 ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -46,8 +46,8 @@ export default function LandingPage() {
       title="Cozinha Afetiva: Onde o Afeto Vira Arte."
       description="Confeitaria artesanal de luxo, transformando momentos em memórias inesquecíveis através do sabor e da sofisticação."
       buttons={[
-        { text: "Monte seu Bolo", href: "#contact" },
-        { text: "Ver Catálogo", href: "#products" },
+        { text: "Monte seu Bolo", href: "/contact" },
+        { text: "Ver Catálogo", href: "/products" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/slice-cheesecake-with-fruit-salad_114579-17913.jpg"
       imageAlt="Bolo artesanal de luxo Casa Brasil"
@@ -150,27 +150,27 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "radial-gradient" }}
+      <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."
-      buttons={[{ text: "Monte seu Bolo Agora", href: "https://wa.me/5500000000000" }]}
+      background={{ variant: "radial-gradient" }}
+      useInvertedBackground={false}
+      onSubmit={(email) => console.log("Form submitted: ", email)}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterBaseReveal
       columns={[
         {
-          title: "Navegação",          items: [{ label: "Início", href: "#hero" }, { label: "Catálogo", href: "#products" }, { label: "Contato", href: "#contact" }],
+          title: "Navegação", items: [{ label: "Início", href: "/" }, { label: "Catálogo", href: "/products" }, { label: "Contato", href: "/contact" }],
         },
         {
-          title: "Social",          items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }, { label: "Pinterest", href: "#" }],
+          title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "#" }, { label: "Pinterest", href: "#" }],
         },
         {
-          title: "Legal",          items: [{ label: "Termos", href: "#" }, { label: "Privacidade", href: "#" }],
+          title: "Legal", items: [{ label: "Termos", href: "#" }, { label: "Privacidade", href: "#" }],
         },
       ]}
       logoText="Casa Brasil"
@@ -180,4 +180,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

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);