Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -47,10 +47,10 @@ export default function LandingPage() {
       background={{
         variant: "gradient-bars"}}
       title="GastroBar Pasión"
-      description="El sabor del norte en el corazón de la ciudad. Pinchos que no olvidarás. Chipirones que te harán volver."
+      description="El sabor del norte en el corazón de la ciudad. Pinchos que no olvidarás. Chipirones que te harán volver. Reserva llamando al +34 900 123 456."
       buttons={[
         {
-          text: "Reservar mesa",          href: "#contact"},
+          text: "Llamar para reservar",          href: "tel:+34900123456"},
         {
           text: "Ver carta",          href: "#menu"},
       ]}
@@ -111,7 +111,7 @@ export default function LandingPage() {
       textboxLayout="split-actions"
       buttons={[
         { text: "Ver Carta Completa", href: "#menu" },
-        { text: "Reservar Mesa", href: "#contact" }
+        { text: "Llamar para reservar", href: "tel:+34900123456" }
       ]}
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
@@ -192,7 +192,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",          title: "¿Necesito reservar?",          content: "Recomendamos encarecidamente reservar mesa debido a nuestro aforo limitado."},
+          id: "1",          title: "¿Necesito reservar?",          content: "Recomendamos llamar al +34 900 123 456 para asegurar tu mesa."},
         {
           id: "2",          title: "¿Tienen opciones para celíacos?",          content: "Sí, tenemos varias opciones sin gluten en nuestra carta."},
         {
@@ -212,9 +212,10 @@ export default function LandingPage() {
       background={{
         variant: "gradient-bars"}}
       tag="Contacto"
-      title="Reservar mesa"
-      description="No prometemos que sea fácil encontrar mesa. Pero sí que merecerá la pena."
-      buttonText="Reservar ahora"
+      title="Reserva telefónica"
+      description="La forma más rápida y segura de garantizar tu mesa es llamándonos directamente."
+      buttonText="+34 900 123 456"
+      onSubmit={() => window.location.href = "tel:+34900123456"}
     />
   </div>
 
@@ -226,7 +227,7 @@ export default function LandingPage() {
             {
               label: "Ubicación: Plaza Mayor",              href: "#"},
             {
-              label: "Reservas: +34 900 123 456",              href: "https://wa.me/34900123456"},
+              label: "Reservas: +34 900 123 456",              href: "tel:+34900123456"},
           ],
         },
         {
@@ -234,7 +235,7 @@ export default function LandingPage() {
             {
               label: "Ver Carta",              href: "#menu"},
             {
-              label: "Reservar",              href: "#contact"},
+              label: "Reservar: +34 900 123 456",              href: "tel:+34900123456"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #991b1b;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #e63946;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #0a0a0a;
-  --accent: #d4af37;
-  --background-accent: #1a1a1a;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120006e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);