Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -12,7 +12,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Flame, Leaf, ShieldCheck, ShoppingCart, Utensils } from "lucide-react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 
 export default function LandingPage() {
   return (
@@ -33,17 +33,17 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",          id: "#hero"},
+          name: "Inicio",          id: "#hero"},
         {
-          name: "Menu",          id: "#menu"},
+          name: "Menú",          id: "#menu"},
         {
-          name: "About Us",          id: "#about"},
+          name: "Sobre Nosotros",          id: "#about"},
         {
-          name: "Testimonials",          id: "#testimonials"},
+          name: "Testimonios",          id: "#testimonials"},
         {
-          name: "FAQ",          id: "#faq"},
+          name: "Preguntas Frecuentes",          id: "#faq"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contacto",          id: "#contact"},
       ]}
       brandName="Pasillo Oriental"
     />
@@ -208,14 +208,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "1",          title: "Is Pasillo Oriental certified Halal?",          content: "Yes, Pasillo Oriental is proud to be a fully certified halal restaurant. All our ingredients are sourced from trusted halal suppliers, and our kitchen adheres to strict Islamic dietary laws to ensure every dish meets halal standards."},
+          id: "1",          title: "¿Pasillo Oriental está certificado como Halal?",          content: "Sí, Pasillo Oriental se enorgullece de ser un restaurante totalmente certificado como halal. Todos nuestros ingredientes provienen de proveedores halal de confianza, y nuestra cocina cumple con estrictas leyes dietéticas islámicas para asegurar que cada plato cumpla con los estándares halal."},
         {
-          id: "2",          title: "Do you offer vegetarian and vegan options?",          content: "Absolutely! Our menu features a wide array of delicious vegetarian and vegan dishes, including our famous Kushari, crispy Falafel, and a variety of fresh salads and mezze platters. Please check our menu for full details."},
+          id: "2",          title: "¿Ofrecen opciones vegetarianas y veganas?",          content: "¡Por supuesto! Nuestro menú ofrece una amplia variedad de deliciosos platos vegetarianos y veganos, incluyendo nuestro famoso Kushari, crujiente Falafel, y una variedad de ensaladas frescas y platos de mezze. Por favor, consulte nuestro menú para más detalles."},
         {
-          id: "3",          title: "How can I place an online order for delivery or takeout?",          content: "You can easily place your order directly through our website by navigating to the 'Menu' section and selecting your desired items. Choose between delivery to your location or convenient pickup at our restaurant. Online ordering is available during our regular business hours."},
+          id: "3",          title: "¿Cómo puedo hacer un pedido online para entrega o para llevar?",          content: "Puede realizar su pedido fácilmente directamente a través de nuestra página web navegando a la sección 'Menú' y seleccionando los artículos deseados. Elija entre la entrega a su ubicación o la recogida conveniente en nuestro restaurante. Los pedidos online están disponibles durante nuestro horario comercial habitual."},
       ]}
-      title="Frequently Asked Questions"
-      description="Find quick answers to common questions about our halal certification, menu, ordering process, and more."
+      title="Preguntas Frecuentes"
+      description="Encuentre respuestas rápidas a preguntas comunes sobre nuestra certificación halal, menú, proceso de pedido y más."
       faqsAnimation="slide-up"
     />
   </div>
@@ -225,29 +225,46 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Córdoba Food Guide",        "Halal Dining Spain",        "TripAdvisor Excellence",        "Google's Best Eateries",        "Local's Choice Awards",        "Andalusian Culinary Stars",        "Yelp Top Rated"]}
-      title="Trusted by Our Community & Visitors"
-      description="Our commitment to quality and authenticity resonates with thousands. Recognized for exceptional dining and service, we are a proud fixture in Córdoba's vibrant culinary scene."
+        "Guía Gastronómica de Córdoba",        "Comida Halal España",        "Excelencia TripAdvisor",        "Mejores Restaurantes de Google",        "Premios Elección Local",        "Estrellas Culinarias Andaluzas",        "Yelp Mejor Valorado"]}
+      title="Confiado por Nuestra Comunidad y Visitantes"
+      description="Nuestro compromiso con la calidad y autenticidad resuena con miles. Reconocidos por una cocina y un servicio excepcionales, somos un pilar orgulloso en la vibrante escena culinaria de Córdoba."
       speed={30}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplitForm
       useInvertedBackground={true}
-      background={{
-        variant: "plain"}}
-      tag="Contact Us"
-      title="Visit Us or Order Online"
-      description="Ready to savor authentic halal cuisine? Reach out for reservations, inquiries, or place your order for pickup or delivery. You can also find our location and business details on Google Maps!"
-      buttons={[
+      title="Reserve Su Mesa en Pasillo Oriental"
+      description="Reserve su lugar para una auténtica experiencia culinaria de Oriente Medio. Rellene el siguiente formulario y confirmaremos su reserva en breve. Para grupos grandes o solicitudes especiales, incluya los detalles en su mensaje."
+      inputs={[
         {
-          text: "Send Inquiry",          href: "#", 
+          name: "name",          type: "text",          placeholder: "Su Nombre",          required: true
         },
         {
-          text: "View on Google Maps",          href: "https://www.google.com/maps/search/?api=1&query=Pasillo Oriental Córdoba", 
+          name: "email",          type: "email",          placeholder: "Su Correo Electrónico",          required: true
+        },
+        {
+          name: "phone",          type: "tel",          placeholder: "Número de Teléfono (Opcional)"
+        },
+        {
+          name: "date",          type: "date",          placeholder: "Seleccionar Fecha",          required: true
+        },
+        {
+          name: "time",          type: "time",          placeholder: "Seleccionar Hora",          required: true
+        },
+        {
+          name: "guests",          type: "number",          placeholder: "Número de Invitados",          required: true
         },
       ]}
+      textarea={{
+        name: "message",          placeholder: "Solicitudes especiales o detalles adicionales (ej. alergias, silla alta)",          rows: 4
+      }}
+      imageSrc="http://img.b2bpic.net/free-photo/table-set-restaurant-for-lunch_23-2149595604.jpg"
+      imageAlt="Restaurant table setting ready for guests"
+      mediaPosition="right"
+      buttonText="Confirmar Reserva"
+      onSubmit={(data) => console.log("Reservation Submitted:", data)}
     />
   </div>
 
@@ -259,29 +276,29 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Home",              href: "#hero"},
+              label: "Inicio",              href: "#hero"},
             {
-              label: "Menu",              href: "#menu"},
+              label: "Menú",              href: "#menu"},
             {
-              label: "About Us",              href: "#about"},
+              label: "Sobre Nosotros",              href: "#about"},
           ],
         },
         {
           items: [
             {
-              label: "Testimonials",              href: "#testimonials"},
+              label: "Testimonios",              href: "#testimonials"},
             {
-              label: "FAQ",              href: "#faq"},
+              label: "Preguntas Frecuentes",              href: "#faq"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contacto",              href: "#contact"},
           ],
         },
         {
           items: [
             {
-              label: "Privacy Policy",              href: "#"},
+              label: "Política de Privacidad",              href: "#"},
             {
-              label: "Terms of Service",              href: "#"},
+              label: "Términos del Servicio",              href: "#"},
           ],
         },
       ]}
@@ -291,4 +308,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}