Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -47,6 +47,7 @@ export default function LandingPage() {
           name: "Contacto",          id: "#contacto"},
       ]}
       brandName="Fuerza Viva"
+      button={{ text: "Únete Ahora", href: "#contacto" }}
     />
   </div>
 
@@ -305,25 +306,35 @@ export default function LandingPage() {
   </div>
 
   <div id="contacto" data-section="contacto">
-      <ContactSplit
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
-      tag="Contáctanos"
       title="Empieza Tu Viaje Fitness"
       description="Déjanos tus datos y te ayudaremos a encontrar el plan perfecto para ti."
       imageSrc="http://img.b2bpic.net/free-photo/people-pilates-reformer-class-exercising-their-bodies_23-2150858031.jpg"
       imageAlt="Personas ejercitándose en un gimnasio"
       mediaAnimation="slide-up"
       mediaPosition="right"
-      inputPlaceholder="Tu email"
       buttonText="Enviar Consulta"
-      termsText="Al enviar, confirmas que estás de acuerdo con nuestros Términos y Condiciones."
+      inputs={[
+        {
+          name: "name",          type: "text",          placeholder: "Tu nombre",          required: true
+        },
+        {
+          name: "email",          type: "email",          placeholder: "Tu email",          required: true
+        }
+      ]}
+      multiSelect={{
+        name: "areasOfInterest",        label: "Áreas de Interés",        options: ["Clases Grupales", "Entrenamiento Personalizado", "Pérdida de Peso", "Ganancia Muscular", "Nutrición", "Rehabilitación", "CrossFit"]
+      }}
+      textarea={{
+        name: "message",        placeholder: "Tu mensaje",        rows: 4,
+        required: false
+      }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBaseReveal
       logoText="Fuerza Viva"
       columns={[
         {

src/app/styles/base.css

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

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
+  --background: #ffffff;
-  --card: #ffffff;
+  --card: #f9f9f9;
-  --foreground: #25190c;
+  --foreground: #120a00e6;
-  --primary-cta: #ff6207;
+  --primary-cta: #FF7B05;
-  --primary-cta-text: #f7f6f7;
+  --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #25190c;
+  --secondary-cta-text: #120a00e6;
-  --accent: #ffce93;
+  --accent: #e2e2e2;
-  --background-accent: #e8cfa8;
+  --background-accent: #FF7B05;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);