Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -4,8 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FaqBase from '@/components/sections/faq/FaqBase';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -32,106 +35,25 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Inicio",
-          id: "#inicio",
-        },
-        {
-          name: "Experiencia",
-          id: "#experiencia",
-        },
-        {
-          name: "Carta",
-          id: "#carta",
-        },
-        {
-          name: "Reseñas",
-          id: "#resenas",
-        },
-        {
-          name: "Ubicación",
-          id: "#ubicacion",
-        },
-        {
-          name: "Contacto",
-          id: "#contacto",
-        },
+        { name: "Inicio", id: "#inicio" },
+        { name: "Experiencia", id: "#experiencia" },
+        { name: "Carta", id: "#carta" },
+        { name: "Reseñas", id: "#resenas" },
+        { name: "Contacto", id: "#contacto" },
       ]}
-      button={{
-        text: "Llamar ahora",
-        href: "tel:78675784",
-      }}
+      button={{ text: "Llamar ahora", href: "tel:78675784" }}
       brandName="Restaurante Doña Goya"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Sabor casero en el corazón de Flores"
       description="Disfruta desayunos completos, almuerzos caseros y una atención cálida en Restaurante Doña Goya. ⭐ 4.4 / 5 · 1,045 reseñas. Rango: Q50 - Q100 por persona."
-      buttons={[
-        {
-          text: "Llamar al restaurante",
-          href: "tel:78675784",
-        },
-        {
-          text: "Cómo llegar",
-          href: "#ubicacion",
-        },
-      ]}
+      buttons={[{ text: "Llamar al restaurante", href: "tel:78675784" }, { text: "Ver ubicación", href: "#ubicacion" }]}
       imageSrc="http://img.b2bpic.net/free-photo/thanksgiving-dinner-assortment-table_23-2149055456.jpg?_wi=1"
-      imageAlt="Desayuno tradicional en Doña Goya"
       mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/baked-chicken-with-vegetables-table_23-2147954360.jpg",
-          alt: "Cliente satisfecho",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/tasty-food-table-assortment-flat-lay_23-2149139466.jpg",
-          alt: "Comensal feliz",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-food_23-2148941560.jpg",
-          alt: "Turista disfrutando",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/people-sitting-table-with-different-food_23-2147947955.jpg",
-          alt: "Familia local",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/wedding-hall-with-white-wooden-furniture-interior_114579-2232.jpg",
-          alt: "Visitante del restaurante",
-        },
-      ]}
-      avatarText="Más de 1,000 clientes nos recomiendan"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Ingredientes Frescos",
-        },
-        {
-          type: "text-icon",
-          text: "Tradición Local",
-          icon: Utensils,
-        },
-        {
-          type: "text",
-          text: "Ambiente Familiar",
-        },
-        {
-          type: "text-icon",
-          text: "Calidad Garantizada",
-          icon: Award,
-        },
-        {
-          type: "text",
-          text: "Sabor Casero",
-        },
-      ]}
     />
   </div>
 
@@ -140,36 +62,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Desayunos Completos",
-          subtitle: "Porciones generosas y llenas de sabor.",
-          category: "Calidad",
-          value: "Garantizada",
-        },
-        {
-          id: "f2",
-          title: "Ambiente Familiar",
-          subtitle: "Ideal para compartir con los tuyos.",
-          category: "Entorno",
-          value: "Acogedor",
-        },
-        {
-          id: "f3",
-          title: "Atención Amable",
-          subtitle: "Sabor local y calidez en cada detalle.",
-          category: "Servicio",
-          value: "Excepcional",
-        },
-        {
-          id: "f4",
-          title: "Para Llevar",
-          subtitle: "Disfruta donde prefieras.",
-          category: "Opción",
-          value: "Práctica",
-        },
-      ]}
+      features={[]}
       title="Por qué visitarnos"
       description="Una experiencia auténtica y familiar en la Isla de Flores."
     />
@@ -179,9 +72,7 @@ export default function LandingPage() {
       <TextSplitAbout
       useInvertedBackground={false}
       title="Una experiencia auténtica en Flores"
-      description={[
-        "Restaurante Doña Goya es una opción familiar y auténtica en Flores, ideal para disfrutar un desayuno completo, un almuerzo casero o una comida tranquila con buena atención y precios justos.",
-      ]}
+      description={["Restaurante Doña Goya es una opción familiar y auténtica en Flores, ideal para disfrutar un desayuno completo, un almuerzo casero o una comida tranquila."]}
     />
   </div>
 
@@ -191,166 +82,37 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Desayunos completos",
-          price: "Consulta en sitio",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blank-clipboard-mexican-dishes_23-2147740803.jpg",
-        },
-        {
-          id: "p2",
-          name: "Avena",
-          price: "Consulta en sitio",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-healthy-desserts-with-mixture-fruits_23-2148650293.jpg",
-        },
-        {
-          id: "p3",
-          name: "Café de la casa",
-          price: "Consulta en sitio",
-          imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-latte-with-frothy-foam-with-cookie-wooden-table_23-2147898245.jpg",
-        },
-        {
-          id: "p4",
-          name: "Jugos naturales",
-          price: "Consulta en sitio",
-          imageSrc: "http://img.b2bpic.net/free-photo/breakfast_23-2148079551.jpg",
-        },
-        {
-          id: "p5",
-          name: "Almuerzos caseros",
-          price: "Consulta en sitio",
-          imageSrc: "http://img.b2bpic.net/free-photo/us-labor-day-celebration-with-delicious-food_23-2150347477.jpg",
-        },
-        {
-          id: "p6",
-          name: "Menú del día",
-          price: "Consulta en sitio",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetable-salad-with-greens-sliced-cabbage-bell-peppers-dark-table_140725-143020.jpg",
-        },
-      ]}
+      products={[]}
       title="Sabores favoritos"
       description="Consulta disponibilidad directamente en el restaurante."
     />
   </div>
 
-  <div id="servicios" data-section="servicios">
-      <MetricCardThree
-      animationType="scale-rotate"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          title: "En el lugar",
-          value: "Comedor",
-          icon: Coffee,
-        },
-        {
-          id: "m2",
-          title: "Para llevar",
-          value: "Rápido",
-          icon: ShoppingBag,
-        },
-        {
-          id: "m3",
-          title: "Entrega",
-          value: "Sin contacto",
-          icon: Truck,
-        },
-      ]}
-      title="Nuestros Servicios"
-      description="Adaptados a tus necesidades."
-    />
+  <div id="faq-split" data-section="faq-split">
+      <FaqDouble
+        title="Preguntas frecuentes"
+        description="Todo lo que necesitas saber antes de visitarnos."
+        faqs={[]}
+        faqsAnimation="slide-up"
+        textboxLayout="split"
+        useInvertedBackground={true}
+      />
   </div>
 
-  <div id="resenas" data-section="resenas">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Visitante Local",
-          handle: "@doñagoya",
-          testimonial: "Desayunos completos, porciones generosas y atención amable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153758.jpg",
-        },
-        {
-          id: "t2",
-          name: "Turista Feliz",
-          handle: "@doñagoya",
-          testimonial: "Un lugar limpio, agradable, con buenos precios y ricos jugos naturales.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153699.jpg",
-        },
-        {
-          id: "t3",
-          name: "Cliente Frecuente",
-          handle: "@doñagoya",
-          testimonial: "Comida casera, ambiente familiar y una ubicación ideal en Flores.",
-          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-having-good-time_23-2148395331.jpg",
-        },
-        {
-          id: "t4",
-          name: "Viajero",
-          handle: "@doñagoya",
-          testimonial: "Excelente opción para desayunar en la isla, muy recomendable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-celebrating-st-patrick-s-day_23-2151930769.jpg",
-        },
-        {
-          id: "t5",
-          name: "Local",
-          handle: "@doñagoya",
-          testimonial: "Sabor auténtico y trato siempre muy amable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/thanksgiving-dinner-assortment-table_23-2149055456.jpg?_wi=2",
-        },
-      ]}
-      title="Lo que opinan nuestros visitantes"
-      description="⭐ 4.4 de calificación · Más de 1,000 reseñas"
-    />
-  </div>
-
-  <div id="contacto" data-section="contacto">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "¿Tienen servicio a domicilio?",
-          content: "Consulta directamente llamando al 7867 5784 para conocer nuestras opciones actuales.",
-        },
-        {
-          id: "q2",
-          title: "¿Hasta qué hora están abiertos?",
-          content: "Estamos abiertos todos los días, cerrando a las 10:00 p. m.",
-        },
-        {
-          id: "q3",
-          title: "¿Tienen opciones para niños?",
-          content: "Nuestro menú casero es apto para toda la familia.",
-        },
-      ]}
-      title="Ven a conocernos"
-      description="Estamos listos para atenderte con sabor y cariño local."
-      faqsAnimation="blur-reveal"
-    />
+  <div id="contacto-faq" data-section="contacto-faq">
+      <ContactSplitForm
+        title="¿Tienes dudas específicas?"
+        description="Envíanos un mensaje y responderemos a la brevedad."
+        inputs={[{name: 'name', type: 'text', placeholder: 'Nombre'}, {name: 'email', type: 'email', placeholder: 'Correo'}]}
+        useInvertedBackground={false}
+      />
   </div>
 
   <div id="ubicacion" data-section="ubicacion">
       <ContactText
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Calle 15 de Septiembre, Flores, Petén, Guatemala. Referencia: W4H5+CJ Flores."
-      buttons={[
-        {
-          text: "Llamar: 7867 5784",
-          href: "tel:78675784",
-        },
-      ]}
+      background={{ variant: "gradient-bars" }}
+      text="Calle 15 de Septiembre, Flores, Petén, Guatemala."
     />
   </div>
 
@@ -358,39 +120,11 @@ export default function LandingPage() {
       <FooterMedia
       imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
       logoText="Restaurante Doña Goya"
-      columns={[
-        {
-          title: "Contacto",
-          items: [
-            {
-              label: "Calle 15 de Septiembre, Flores, Petén",
-              href: "#",
-            },
-            {
-              label: "Tel: 7867 5784",
-              href: "tel:78675784",
-            },
-          ],
-        },
-        {
-          title: "Servicios",
-          items: [
-            {
-              label: "Consumo en el lugar",
-              href: "#",
-            },
-            {
-              label: "Para llevar",
-              href: "#",
-            },
-            {
-              label: "Entrega sin contacto",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Restaurante Doña Goya. Sabor casero en Flores, Petén."
+      columns={[]}
+    />
+    <FooterBase
+      logoText="Doña Goya"
+      columns={[]}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
-  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --background: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000f06e6;
+  --primary-cta: #0a7039;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000f06e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);