Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,14 +3,14 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import { Utensils } from "lucide-react";
 
 export default function LandingPage() {
@@ -41,6 +41,8 @@ export default function LandingPage() {
           name: "Opiniones",          id: "testimonials"},
         {
           name: "Contacto",          id: "contact"},
+        {
+          name: "WhatsApp",          id: "whatsapp-contact"}
       ]}
       brandName="D'Elina Pizzeria"
     />
@@ -58,7 +60,7 @@ export default function LandingPage() {
         {
           text: "Explorar Menú",          href: "#products"},
         {
-          text: "Reservar Mesa",          href: "#contact"},
+          text: "Reservar Mesa",          href: "#contact"}
       ]}
       buttonAnimation="slide-up"
       mediaItems={[
@@ -105,7 +107,7 @@ export default function LandingPage() {
         {
           id: "mallorquina",          title: "Mallorquina Especial",          tags: [
             "Local",            "Única"],
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-640.jpg",          imageAlt: "Pizza Mallorquina con sobrasada"},
+          imageSrc: "http://img.b2bpic.net/free-photo/vegetarian-pizza_1388-640.jpg",          imageAlt: "Pizza Mallorquina con sobrasada"}
       ]}
       title="Nuestras Pizzas Estrella"
       description="Descubre las creaciones que nos hacen únicos, desde los sabores clásicos hasta innovadoras combinaciones con un toque mallorquín."
@@ -132,7 +134,7 @@ export default function LandingPage() {
         {
           id: "prod-5",          name: "Pizza Frutti di Mare",          price: "16,90€",          imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-pizza_74190-4688.jpg",          imageAlt: "Pizza Frutti di Mare"},
         {
-          id: "prod-6",          name: "Pizza BBQ Pollo",          price: "14,50€",          imageSrc: "http://img.b2bpic.net/free-photo/assorted-meat-pizza-with-jamon-olives_501050-925.jpg",          imageAlt: "Pizza BBQ Pollo"},
+          id: "prod-6",          name: "Pizza BBQ Pollo",          price: "14,50€",          imageSrc: "http://img.b2bpic.net/free-photo/assorted-meat-pizza-with-jamon-olives_501050-925.jpg",          imageAlt: "Pizza BBQ Pollo"}
       ]}
       title="Explora Nuestro Menú"
       description="Desde los clásicos atemporales hasta nuestras innovadoras especialidades, cada pizza es una experiencia culinaria."
@@ -141,27 +143,19 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+      <TestimonialCardTen
-      animationType="slide-up"
       textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",          name: "Laura G.",          role: "Visitante Frecuente",          company: "Local de Andratx",          rating: 5,
+          id: "1",          title: "Sabor Inigualable",          quote: "Las pizzas de D'Elina son simplemente las mejores que he probado en Mallorca. ¡Cada visita es un deleite!",          name: "Laura G.",          role: "Visitante Frecuente"
-          imageSrc: "http://img.b2bpic.net/free-photo/asian-friends-couple-eating-pizza-party-pizzeria-happy-indian-people-having-fun-together-eating-italian-food-sitting-couch_627829-1247.jpg",          imageAlt: "Laura G."},
+        },
         {
-          id: "2",          name: "Carlos M.",          role: "Amante de la Pizza",          company: "Mallorca",          rating: 5,
+          id: "2",          title: "Ambiente Acogedor",          quote: "El nuevo local en Andratx es precioso y el servicio es siempre excelente. ¡Un lugar perfecto para disfrutar en familia o con amigos!",          name: "Carlos M.",          role: "Amante de la Pizza"
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-people-eating-pizza_23-2149152921.jpg",          imageAlt: "Carlos M."},
+        },
         {
-          id: "3",          name: "Sofía P.",          role: "Crítica Gastronómica",          company: "El Sabor Balear",          rating: 5,
+          id: "3",          title: "Autenticidad Italiana",          quote: "Me transporta directamente a Italia con cada bocado. Los ingredientes frescos y la masa perfecta son insuperables. ¡Muy recomendable!",          name: "Sofía P.",          role: "Crítica Gastronómica"
-          imageSrc: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-healthy_23-2149243072.jpg",          imageAlt: "Sofía P."},
+        }
-        {
-          id: "4",          name: "David R.",          role: "Turista Encantado",          company: "Barcelona",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-happy-smiling-woman-enjoying-snow-winter-wearing-warm-scarf_343596-4410.jpg",          imageAlt: "David R."},
-        {
-          id: "5",          name: "Elena C.",          role: "Fan Incondicional",          company: "Andratx",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-pizza-while-being-home-alone_23-2149527958.jpg",          imageAlt: "Elena C."},
       ]}
       title="Lo Que Dicen Nuestros Clientes"
       description="La satisfacción de quienes nos visitan es el ingrediente secreto que nos impulsa a seguir mejorando cada día."
@@ -169,27 +163,18 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="faq" data-section="faq">
+  <div id="whatsapp-contact" data-section="whatsapp-contact">
-      <FaqDouble
+      <ContactSplit
-      textboxLayout="default"
       useInvertedBackground={true}
-      faqs={[
+      title="Contáctanos por WhatsApp"
-        {
+      description="Envíanos un mensaje rápido para reservas, pedidos o cualquier consulta. Estamos disponibles para ayudarte al instante."
-          id: "faq-1",          title: "¿Cuál es la dirección de D'Elina Pizzeria en Andratx?",          content: "Nos encontramos en Plaça España, 19, 07150 Andratx, Illes Balears. ¡Te esperamos!"},
+      buttonText="Enviar WhatsApp"
-        {
+      imageSrc="http://img.b2bpic.net/free-photo/social-media-icons-2023-illustration-facebook-whatsapp-instagram-tiktok-threads_1268-23023.jpg"
-          id: "faq-2",          title: "¿Cuáles son los horarios de apertura?",          content: "Abrimos de martes a domingo en horario partido: de 12:00 a 16:30 y de 18:30 a 23:00. Los lunes permanecemos cerrados."},
+      imageAlt="WhatsApp icon for contact"
-        {
+      mediaAnimation="opacity"
-          id: "faq-3",          title: "¿Se pueden hacer reservas?",          content: "Sí, recomendamos hacer reserva, especialmente los fines de semana. Puedes hacerlo a través de nuestro formulario de contacto en esta misma página o llamando al 639 38 37 65."},
+      mediaPosition="left"
-        {
+      tag="Contacto Directo"
-          id: "faq-4",          title: "¿Ofrecen opciones para vegetarianos o sin gluten?",          content: "Sí, tenemos una variedad de pizzas vegetarianas y estamos explorando opciones sin gluten. Por favor, consulta a nuestro personal al realizar tu pedido para más detalles."},
+      background={{ variant: "plain" }}
-        {
-          id: "faq-5",          title: "¿Es posible pedir para llevar?",          content: "Absolutamente, todas nuestras pizzas y la mayoría de nuestros platos están disponibles para llevar. Puedes llamar con antelación o hacer tu pedido directamente en el local."},
-      ]}
-      title="¿Tienes Preguntas? Te Respondemos"
-      description="Encuentra respuestas a las consultas más comunes sobre D'Elina Pizzeria, horarios, reservas y más."
-      tag="Información Útil"
-      tagAnimation="slide-up"
-      faqsAnimation="slide-up"
     />
   </div>
 
@@ -200,10 +185,10 @@ export default function LandingPage() {
       description="Estamos encantados de atenderte. Rellena el formulario para cualquier consulta o para asegurar tu lugar en D'Elina Pizzeria. También puedes llamarnos al 639 38 37 65."
       inputs={[
         {
-          name: "name",          type: "text",          placeholder: "Tu Nombre Completo",          required: true,
+          name: "name",          type: "text",          placeholder: "Tu Nombre Completo",          required: true
         },
         {
-          name: "email",          type: "email",          placeholder: "Tu Correo Electrónico",          required: true,
+          name: "email",          type: "email",          placeholder: "Tu Correo Electrónico",          required: true
         },
         {
           name: "phone",          type: "tel",          placeholder: "Tu Teléfono (opcional)"},
@@ -212,10 +197,10 @@ export default function LandingPage() {
         {
           name: "time",          type: "time",          placeholder: "Hora Preferida (opcional)"},
         {
-          name: "guests",          type: "number",          placeholder: "Número de Comensales (opcional)"},
+          name: "guests",          type: "number",          placeholder: "Número de Comensales (opcional)"}
       ]}
       textarea={{
-        name: "message",        placeholder: "Mensaje o Peticiones Especiales (opcional)",        rows: 4,
+        name: "message",        placeholder: "Mensaje o Peticiones Especiales (opcional)",        rows: 4
       }}
       imageSrc="http://img.b2bpic.net/free-photo/wooden-heart-with-couple-background_23-2147738651.jpg"
       imageAlt="Elegant restaurant interior ready for guests"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
+  --background: #fcf6ec;
-  --card: #ffffff;
+  --card: #f3ede2;
-  --foreground: #1c1c1c;
+  --foreground: #2e2521;
-  --primary-cta: #1c1c1c;
+  --primary-cta: #2e2521;
-  --primary-cta-text: #f5f5f5;
+  --primary-cta-text: #fcf6ec;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #2e2521;
-  --accent: #6139e6;
+  --accent: #b2a28b;
-  --background-accent: #b3a8e8;
+  --background-accent: #b2a28b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);