src/app/contact/page.tsx

@@ -0,0 +1,86 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="largeSmallSizeLargeTitles"
+      background="fluid"
+      cardStyle="gradient-radial"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="glass"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Bovia del Viso"
+          navItems={[
+            { name: "Inicio", id: "hero" },
+            { name: "Sobre Nosotros", id: "about" },
+            { name: "Platos", id: "features" },
+            { name: "Reseñas", id: "testimonial" },
+            { name: "Contacto", id: "contact" }
+          ]}
+          button={{ text: "📞 Llamar Ahora", href: "tel:+34912345678" }}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Reserva Tu Mesa"
+          title="¿Listo para disfrutar?"
+          description="Llama directamente o déjanos tus datos para una reserva. Atendemos grupos, cenas de empresa y ocasiones especiales."
+          background={{ variant: "plain" }}
+          useInvertedBackground={false}
+          inputPlaceholder="Tu email"
+          buttonText="Enviar Consulta"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          imageSrc="http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148006583.jpg"
+          imageAlt="Interior acogedor del restaurante"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Bovia del Viso"
+          copyrightText="© 2025 Bovia del Viso. Todos los derechos reservados."
+          columns={[
+            {
+              title: "Menú",              items: [
+                { label: "Inicio", href: "/" },
+                { label: "Platos", href: "/#features" },
+                { label: "Reservar", href: "/contact" },
+                { label: "Contacto", href: "tel:+34912345678" }
+              ]
+            },
+            {
+              title: "Contacto",              items: [
+                { label: "📞 +34 91 234 5678", href: "tel:+34912345678" },
+                { label: "📧 reservas@boviadelsviso.es", href: "mailto:reservas@boviadelsviso.es" },
+                { label: "📍 Calle Principal 123, Latina, Madrid", href: "#" },
+                { label: "⏰ Lun-Dom: 13h-23h", href: "#" }
+              ]
+            },
+            {
+              title: "Síguenos",              items: [
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Facebook", href: "https://facebook.com" },
+                { label: "Google Maps", href: "https://maps.google.com" },
+                { label: "Reserva Online", href: "/contact" }
+              ]
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -46,7 +46,7 @@ export default function LandingPage() {
           imageAlt="Interior moderno del restaurante Bovia del Viso"
           buttons={[
             { text: "📞 Llamar Ahora", href: "tel:+34912345678" },
-            { text: "📅 Reservar Mesa", href: "#contact" }
+            { text: "📅 Reservar Mesa", href: "/contact" }
           ]}
           buttonAnimation="slide-up"
           showDimOverlay={true}
@@ -145,9 +145,9 @@ export default function LandingPage() {
           columns={[
             {
               title: "Menú",              items: [
-                { label: "Inicio", href: "#hero" },
-                { label: "Platos", href: "#features" },
-                { label: "Reservar", href: "#contact" },
+                { label: "Inicio", href: "/" },
+                { label: "Platos", href: "/#features" },
+                { label: "Reservar", href: "/contact" },
                 { label: "Contacto", href: "tel:+34912345678" }
               ]
             },
@@ -164,7 +164,7 @@ export default function LandingPage() {
                 { label: "Instagram", href: "https://instagram.com" },
                 { label: "Facebook", href: "https://facebook.com" },
                 { label: "Google Maps", href: "https://maps.google.com" },
-                { label: "Reserva Online", href: "#contact" }
+                { label: "Reserva Online", href: "/contact" }
               ]
             }
           ]}