Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
@@ -41,6 +42,8 @@ export default function LandingPage() {
           name: "Carta",          id: "#menu"},
         {
           name: "Horarios",          id: "#hours"},
+        {
+          name: "Reserva",          id: "#reservation"},
         {
           name: "Reseñas",          id: "#testimonials"},
         {
@@ -69,7 +72,7 @@ export default function LandingPage() {
       tagIcon={Sparkles}
       buttons={[
         {
-          text: "Reserva una mesa",          href: "#contact"},
+          text: "Reserva una mesa",          href: "#reservation"},
         {
           text: "Ver nuestra Carta",          href: "#menu"},
       ]}
@@ -189,6 +192,23 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="reservation" data-section="reservation">
+      <ContactSplit
+      tag="¡Tu mesa te espera!"
+      title="Reserva Tu Experiencia"
+      description="Para asegurar tu mesa, por favor, envíanos un mensaje con la fecha, hora, número de personas y cualquier petición especial. Nos pondremos en contacto contigo para confirmar."
+      inputPlaceholder="Tu email o número de teléfono"
+      buttonText="Enviar Solicitud"
+      termsText="Al enviar, aceptas que nos pongamos en contacto contigo para gestionar tu reserva."
+      imageSrc="http://img.b2bpic.net/free-photo/side-view-restaurant-interior_23-2148184857.jpg"
+      imageAlt="Interior de restaurante con mesas listas para comensales"
+      mediaPosition="left"
+      background={{
+        variant: "plain"}}
+      useInvertedBackground={false}
+      />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardTen
       textboxLayout="default"
@@ -250,7 +270,7 @@ export default function LandingPage() {
             {
               label: "Teléfono",              href: "tel:+34985512094"},
             {
-              label: "Reservas",              href: "#contact"},
+              label: "Reservas",              href: "#reservation"},
           ],
         },
         {