Update src/app/contacto/page.tsx

src/app/contacto/page.tsx

@@ -2,11 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import Link from "next/link";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
-import ContactCTA from "@/components/sections/contact/ContactCTA";
-import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
-import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
-import FooterCard from "@/components/sections/footer/FooterCard";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import { MapPin, Clock, Phone, Mail, Instagram, Facebook, MessageCircle } from "lucide-react";
 
 export default function ContactPage() {
@@ -36,7 +36,7 @@ export default function ContactPage() {
       borderRadius="soft"
       contentWidth="mediumSmall"
       sizing="mediumLarge"
-      background="blurBottom"
+      background="circleGradient"
       cardStyle="inset"
       primaryButtonStyle="radial-glow"
       secondaryButtonStyle="radial-glow"
@@ -47,10 +47,7 @@ export default function ContactPage() {
           navItems={navItems}
           brandName="Sabor"
           button={{
-            text: "Reservar Mesa",
-            onClick: () => window.location.href = "/contacto",
-            href: "/contacto",
-          }}
+            text: "Reservar Mesa",            onClick: () => window.location.href = "/contacto",            href: "/contacto"}}
         />
       </div>
 
@@ -61,7 +58,7 @@ export default function ContactPage() {
           tagAnimation="slide-up"
           title="¿Listo para Vivir la Experiencia Sabor?"
           description="Reserva tu mesa hoy o ponte en contacto con nosotros para cualquier consulta. Estamos aquí para recibirte y hacer de tu visita un momento inolvidable."
-          background={{ variant: "blurBottom" }}
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Reservar Mesa Ahora", href: "#reservation-form" },
             { text: "Llamar al Restaurante", href: "tel:+34555123456" },
@@ -93,10 +90,7 @@ export default function ContactPage() {
         <TextSplitAbout
           title="Manténgase en Contacto"
           description={[
-            "¿Preguntas sobre nuestro menú, opciones especiales o reservas para eventos? Nos encanta escuchar de nuestros clientes.",
-            "Puedes contactarnos por teléfono, email o visitarnos directamente. Nuestro equipo está listo para ayudarte a organizar la experiencia perfecta.",
-            "Para reservas en línea, utiliza nuestro formulario de contacto. Recomendamos reservar con anticipación, especialmente para fines de semana y grupos grandes.",
-          ]}
+            "¿Preguntas sobre nuestro menú, opciones especiales o reservas para eventos? Nos encanta escuchar de nuestros clientes.",            "Puedes contactarnos por teléfono, email o visitarnos directamente. Nuestro equipo está listo para ayudarte a organizar la experiencia perfecta.",            "Para reservas en línea, utiliza nuestro formulario de contacto. Recomendamos reservar con anticipación, especialmente para fines de semana y grupos grandes."]}
           useInvertedBackground={false}
           buttons={[{ text: "Volver al Inicio", href: "/" }]}
           buttonAnimation="slide-up"
@@ -112,19 +106,13 @@ export default function ContactPage() {
           socialLinks={[
             {
               icon: Instagram,
-              href: "https://instagram.com/sabor.restaurante",
-              ariaLabel: "Instagram de Sabor",
-            },
+              href: "https://instagram.com/sabor.restaurante",              ariaLabel: "Instagram de Sabor"},
             {
               icon: Facebook,
-              href: "https://facebook.com/sabor.restaurante",
-              ariaLabel: "Facebook de Sabor",
-            },
+              href: "https://facebook.com/sabor.restaurante",              ariaLabel: "Facebook de Sabor"},
             {
               icon: Mail,
-              href: "mailto:info@sabor.local",
-              ariaLabel: "Email de Sabor",
-            },
+              href: "mailto:info@sabor.local",              ariaLabel: "Email de Sabor"},
           ]}
           ariaLabel="Site footer"
         />