Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState } from "react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -15,6 +16,15 @@ import TextAbout from '@/components/sections/about/TextAbout';
 import { Flame, ChefHat } from "lucide-react";
 
 export default function LandingPage() {
+  const [isSpanish, setIsSpanish] = useState(false);
+
+  const t = {
+    nav: isSpanish 
+      ? [{ name: "Inicio", id: "hero" }, { name: "Nuestra Historia", id: "about" }, { name: "Menú", id: "products" }, { name: "Reservas", id: "contact" }]
+      : [{ name: "Home", id: "hero" }, { name: "Our Story", id: "about" }, { name: "Menu", id: "products" }, { name: "Reservations", id: "contact" }],
+    book: isSpanish ? "Reservar" : "Book Now",    heroTitle: isSpanish ? "La Auténtica Parrilla Argentina" : "The Authentic Argentine Parrilla Experience",    heroDesc: isSpanish ? "Descubre la pasión por la tradición, el fuego y los mejores cortes de carne en El Negro." : "Discover the passion of tradition, fire, and the finest cuts of meat at El Negro.",    aboutTitle: isSpanish ? "Un Legado de Sabor y Tradición" : "A Legacy of Flavor and Tradition",    aboutBtn: isSpanish ? "Más Información" : "Learn More",    featuresTitle: isSpanish ? "Por qué El Negro es Diferente" : "Why El Negro Stands Out",    featuresDesc: isSpanish ? "Experimenta la diferencia de las técnicas consagradas por el tiempo." : "Experience the difference of time-honored techniques.",    productsTitle: isSpanish ? "Nuestros Cortes de Autor" : "Our Signature Cuts",    productsDesc: isSpanish ? "Seleccionados diariamente por nuestros maestros carniceros." : "Selected daily by our master butchers.",    pricingTitle: isSpanish ? "Menús de Precio Fijo" : "Fixed Prix Menus",    pricingDesc: isSpanish ? "Diseñado para la mejor experiencia gastronómica compartida." : "Designed for the ultimate shared dining experience.",    metricsTitle: isSpanish ? "Nuestro Restaurante en un Vistazo" : "Our Restaurant at a Glance",    metricsDesc: isSpanish ? "Calidad respaldada por números." : "Quality backed by numbers.",    testimonialsTitle: isSpanish ? "Voces de Nuestros Comensales" : "Voices of Our Patrons",    testimonialsDesc: isSpanish ? "Por qué aman a El Negro." : "Why they love El Negro.",    contactTitle: isSpanish ? "Reserva tu Mesa" : "Reserve Your Table",    contactDesc: isSpanish ? "Suscríbete a nuestro boletín para obtener alertas de reserva prioritaria y ofertas especiales." : "Sign up for our newsletter to get priority booking alerts and special offers.",    footerLeft: isSpanish ? "Política de Privacidad" : "Privacy Policy",    footerRight: isSpanish ? "Contáctanos" : "Contact Us"
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -31,22 +41,22 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Our Story", id: "about" },
-        { name: "Menu", id: "products" },
-        { name: "Reservations", id: "contact" },
-      ]}
+      navItems={t.nav}
       brandName="El Negro"
-      button={{ text: "Book Now", href: "#contact" }}
+      button={{ text: t.book, href: "#contact" }}
     />
+    <div className="flex gap-2 fixed top-4 right-4 z-[9999]">
+      <button className="px-3 py-1 bg-white/10 backdrop-blur rounded text-sm hover:bg-white/20 transition" onClick={() => setIsSpanish(true)}>ES</button>
+      <button className="px-3 py-1 bg-white/10 backdrop-blur rounded text-sm hover:bg-white/20 transition" onClick={() => setIsSpanish(false)}>EN</button>
+    </div>
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       background={{ variant: "radial-gradient" }}
-      title="The Authentic Argentine Parrilla Experience"
-      description="Discover the passion of tradition, fire, and the finest cuts of meat at El Negro."
+      title={t.heroTitle}
+      description={t.heroDesc}
+      buttons={[{ text: "Reserve a Table", href: "#contact" }]}
       testimonials={[
         { name: "Juan Perez", handle: "@juanp", testimonial: "The best asado I have ever tasted outside of Buenos Aires.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg" },
         { name: "Elena Rodriguez", handle: "@elenar", testimonial: "El Negro is a sanctuary for meat lovers. Simply perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006729.jpg" },
@@ -69,8 +79,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      title="A Legacy of Flavor and Tradition"
-      buttons={[{ text: "Learn More", href: "#" }]}
+      title={t.aboutTitle}
+      buttons={[{ text: t.aboutBtn, href: "#" }]}
     />
   </div>
 
@@ -80,19 +90,10 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Fire-Grilled Mastery",          description: "We utilize wood and coal fire to ensure every cut is perfectly charred.",          media: {
-            imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-125574.jpg"
-          },
-          items: [
-            { icon: Flame, text: "Traditional Fire Grilling" },
-            { icon: ChefHat, text: "Master Parrilleros" }
-          ],
-          reverse: false
-        }
+        { title: "Fire-Grilled Mastery", description: "We utilize wood and coal fire to ensure every cut is perfectly charred.", media: { imageSrc: "http://img.b2bpic.net/free-photo/blank-logo-stamp-tag-template_53876-125574.jpg" }, items: [{ icon: Flame, text: "Traditional Fire Grilling" }, { icon: ChefHat, text: "Master Parrilleros" }], reverse: false }
       ]}
-      title="Why El Negro Stands Out"
-      description="Experience the difference of time-honored techniques."
+      title={t.featuresTitle}
+      description={t.featuresDesc}
     />
   </div>
 
@@ -110,8 +111,8 @@ export default function LandingPage() {
         { id: "p5", name: "Grilled Seasonal Veg", price: "$10.00", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-vegetables-wooden-background_23-2148491121.jpg" },
         { id: "p6", name: "Classic Flan", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-alfajores-cookies-concept_23-2148751768.jpg" }
       ]}
-      title="Our Signature Cuts"
-      description="Selected daily by our master butchers."
+      title={t.productsTitle}
+      description={t.productsDesc}
     />
   </div>
 
@@ -121,12 +122,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        { id: "standard", price: "$65", name: "The Parrillada", buttons: [{ text: "Book Now" }], features: ["Assorted Cuts", "Side Dishes", "Wine Glass"] },
-        { id: "premium", price: "$95", name: "El Negro Grand", buttons: [{ text: "Book Now" }], features: ["Premium Ribeye", "Full Wine Bottle", "Signature Dessert"] },
-        { id: "deluxe", price: "$150", name: "Tasting Experience", buttons: [{ text: "Book Now" }], features: ["Chef Selection", "Wine Pairing", "Exclusive Table"] }
+        { id: "standard", price: "$65", name: "The Parrillada", buttons: [{ text: t.book }], features: ["Assorted Cuts", "Side Dishes", "Wine Glass"] },
+        { id: "premium", price: "$95", name: "El Negro Grand", buttons: [{ text: t.book }], features: ["Premium Ribeye", "Full Wine Bottle", "Signature Dessert"] },
+        { id: "deluxe", price: "$150", name: "Tasting Experience", buttons: [{ text: t.book }], features: ["Chef Selection", "Wine Pairing", "Exclusive Table"] }
       ]}
-      title="Fixed Prix Menus"
-      description="Designed for the ultimate shared dining experience."
+      title={t.pricingTitle}
+      description={t.pricingDesc}
     />
   </div>
 
@@ -140,8 +141,8 @@ export default function LandingPage() {
         { id: "m2", value: "12k", title: "Steaks Grilled Yearly", items: ["Prime Quality", "Argentine Beef"] },
         { id: "m3", value: "4.9", title: "Star Rating Average", items: ["Diner Reviews", "Quality Promise"] }
       ]}
-      title="Our Restaurant at a Glance"
-      description="Quality backed by numbers."
+      title={t.metricsTitle}
+      description={t.metricsDesc}
     />
   </div>
 
@@ -156,8 +157,8 @@ export default function LandingPage() {
         { id: "t4", title: "Great Vibe", quote: "Perfect for family dinner night.", name: "Luis F.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-people-hostel_23-2150601158.jpg" },
         { id: "t5", title: "Five Stars", quote: "I am a regular for a reason.", name: "Elena P.", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-family-retro-style_23-2150595535.jpg" }
       ]}
-      title="Voices of Our Patrons"
-      description="Why they love El Negro."
+      title={t.testimonialsTitle}
+      description={t.testimonialsDesc}
     />
   </div>
 
@@ -166,19 +167,19 @@ export default function LandingPage() {
       useInvertedBackground={false}
       background={{ variant: "plain" }}
       tag="Contact"
-      title="Reserve Your Table"
-      description="Sign up for our newsletter to get priority booking alerts and special offers."
+      title={t.contactTitle}
+      description={t.contactDesc}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="El Negro Parrilla"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Contact Us", href: "#" }}
+      leftLink={{ text: t.footerLeft, href: "#" }}
+      rightLink={{ text: t.footerRight, href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}