Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -221,36 +221,25 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCenter
       useInvertedBackground={true}
       title="Fale Conosco"
-      description="Entre em contato para dúvidas, projetos personalizados ou parcerias. Nossa equipe está pronta para atendê-lo."
+      description="Para dúvidas, projetos personalizados ou parcerias, nossa equipe está pronta para atendê-lo. Deixe seu e-mail e retornaremos em breve."
-      inputs={[
+      tag="Contato"
-        {
+      background={{ variant: "sparkles-gradient" }}
-          name: "name",          type: "text",          placeholder: "Seu Nome",          required: true,
+      inputPlaceholder="Seu Email"
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Seu Email",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",        placeholder: "Sua Mensagem",        rows: 5,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-man-woman-indoors_23-2148899715.jpg"
-      imageAlt="Luxury office interior with elegant decor"
-      mediaPosition="left"
       buttonText="Enviar Mensagem"
+      termsText="Ao clicar em Enviar, você concorda com nossos Termos e Condições."
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseReveal
       logoSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg"
       logoAlt="Gemma Galgani Logo"
       columns={[
         {
-          items: [
+          title: "Explore",          items: [
             {
               label: "Coleções",              href: "#products"},
             {
@@ -262,7 +251,7 @@ export default function LandingPage() {
           ],
         },
         {
-          items: [
+          title: "Empresa",          items: [
             {
               label: "Sobre Nós",              href: "#about"},
             {
@@ -274,7 +263,7 @@ export default function LandingPage() {
           ],
         },
         {
-          items: [
+          title: "Suporte",          items: [
             {
               label: "FAQ",              href: "#faq"},
             {
@@ -286,7 +275,7 @@ export default function LandingPage() {
           ],
         },
         {
-          items: [
+          title: "Conecte-se",          items: [
             {
               label: "Instagram",              href: "https://www.instagram.com/gemmagalganibh/"},
             {
@@ -297,6 +286,8 @@ export default function LandingPage() {
         },
       ]}
       logoText="Gemma Galgani"
+      copyrightText="© 2024 Gemma Galgani. Todos os direitos reservados."
+      onPrivacyClick={() => console.log('Privacy policy clicked')}
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

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

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #FFFFFF;
+  --background: #f5f4f0;
-  --card: #F9F9F9;
+  --card: #ffffff;
-  --foreground: #1A1A1A;
+  --foreground: #1a1a1a;
-  --primary-cta: #DAA520;
+  --primary-cta: #2c2c2c;
-  --primary-cta-text: #FFFFFF;
+  --primary-cta-text: #f5f4f0;
-  --secondary-cta: #F0F0F0;
+  --secondary-cta: #f5f4f0;
-  --secondary-cta-text: #1A1A1A;
+  --secondary-cta-text: #1a1a1a;
-  --accent: #0A6640;
+  --accent: #8a8a8a;
-  --background-accent: #0F1D3C;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);