Update src/app/page.tsx

Merge version_3 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';
@@ -12,9 +13,18 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Flame } from "lucide-react";
+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,94 +41,36 @@ export default function LandingPage() {
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
-      navItems={[
+      navItems={t.nav}
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Our Story",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "products",
-        },
-        {
-          name: "Reservations",
-          id: "contact",
-        },
-      ]}
       brandName="El Negro"
+      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={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient",
+      title={t.heroTitle}
-      }}
+      description={t.heroDesc}
-      title="The Authentic Argentine Parrilla Experience"
+      buttons={[{ text: "Reserve a Table", href: "#contact" }]}
-      description="Discover the passion of tradition, fire, and the finest cuts of meat at El Negro."
       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: "Juan Perez",
+        { 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" },
-          handle: "@juanp",
+        { name: "Mark Smith", handle: "@msmith", testimonial: "Incredible ambiance and impeccable service. A must-visit.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-dark-skinned-man-happy-about-good-news-from-internet-has-lunch-drinks-water_273609-8926.jpg" },
-          testimonial: "The best asado I have ever tasted outside of Buenos Aires.",
+        { name: "Lucia Fernandez", handle: "@luciaf", testimonial: "Authentic flavors that transport you directly to Argentina.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-adorable-healthy-chef-recording-video-social-media-holding-red-pepper_140725-166628.jpg" },
-          rating: 5,
+        { name: "Carlos Gomez", handle: "@carlosg", testimonial: "The quality of the beef is unmatched. Truly a culinary gem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-happy-people-having-fun-toasting-with-beer-while-eating-lunch-dining-room-home_637285-5546.jpg" }
-          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",
-        },
-        {
-          name: "Mark Smith",
-          handle: "@msmith",
-          testimonial: "Incredible ambiance and impeccable service. A must-visit.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-good-looking-dark-skinned-man-happy-about-good-news-from-internet-has-lunch-drinks-water_273609-8926.jpg",
-        },
-        {
-          name: "Lucia Fernandez",
-          handle: "@luciaf",
-          testimonial: "Authentic flavors that transport you directly to Argentina.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/food-blogger-adorable-healthy-chef-recording-video-social-media-holding-red-pepper_140725-166628.jpg",
-        },
-        {
-          name: "Carlos Gomez",
-          handle: "@carlosg",
-          testimonial: "The quality of the beef is unmatched. Truly a culinary gem.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-happy-people-having-fun-toasting-with-beer-while-eating-lunch-dining-room-home_637285-5546.jpg",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/bonfire-chimney_1220-650.jpg"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Satisfied customer 1" },
-          src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
+        { src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg", alt: "Satisfied customer 2" },
-          alt: "Satisfied customer 1",
+        { src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg", alt: "Satisfied customer 3" },
-        },
+        { src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg", alt: "Satisfied customer 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006703.jpg", alt: "Satisfied customer 5" }
-          src: "http://img.b2bpic.net/free-photo/cheerful-couple-talking-while-eating-lunch-restaurant_637285-9017.jpg",
-          alt: "Satisfied customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/guy-with-long-hair-dressed-fashionable-denim-jacket-cafe_273609-3904.jpg",
-          alt: "Satisfied customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg",
-          alt: "Satisfied customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-restaurant_23-2148006703.jpg",
-          alt: "Satisfied customer 5",
-        },
       ]}
       avatarText="Loved by over 5,000 satisfied diners"
     />
@@ -127,13 +79,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={false}
-      title="A Legacy of Flavor and Tradition"
+      title={t.aboutTitle}
-      buttons={[
+      buttons={[{ text: t.aboutBtn, href: "#" }]}
-        {
-          text: "Learn More",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
@@ -143,29 +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,
-          imageSrc: "http://img.b2bpic.net/free-photo/bonfire-chimney_1220-650.jpg",
-          imageAlt: "high quality cuts of beef",
-        },
       ]}
-      title="Why El Negro Stands Out"
+      title={t.featuresTitle}
-      description="Experience the difference of time-honored techniques."
+      description={t.featuresDesc}
     />
   </div>
 
@@ -176,45 +104,15 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Bife de Chorizo", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-avocado-puree_23-2151942388.jpg" },
-          id: "p1",
+        { id: "p2", name: "Asado de Tira", price: "$42.00", imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-barbecue-with-rice-vegetable-salad_114579-4423.jpg" },
-          name: "Bife de Chorizo",
+        { id: "p3", name: "Malbec Selection", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-garnished-with-kosher-salt-wood-serving-board_140725-1490.jpg" },
-          price: "$38.00",
+        { id: "p4", name: "Empanadas", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-arrangement_23-2148510861.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/seared-scallops-with-avocado-puree_23-2151942388.jpg",
+        { 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" }
-        {
-          id: "p2",
-          name: "Asado de Tira",
-          price: "$42.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/chicken-meat-barbecue-with-rice-vegetable-salad_114579-4423.jpg",
-        },
-        {
-          id: "p3",
-          name: "Malbec Selection",
-          price: "$12.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-garnished-with-kosher-salt-wood-serving-board_140725-1490.jpg",
-        },
-        {
-          id: "p4",
-          name: "Empanadas",
-          price: "$8.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-arrangement_23-2148510861.jpg",
-        },
-        {
-          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"
+      title={t.productsTitle}
-      description="Selected daily by our master butchers."
+      description={t.productsDesc}
     />
   </div>
 
@@ -224,54 +122,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
+        { id: "standard", price: "$65", name: "The Parrillada", buttons: [{ text: t.book }], features: ["Assorted Cuts", "Side Dishes", "Wine Glass"] },
-          id: "standard",
+        { id: "premium", price: "$95", name: "El Negro Grand", buttons: [{ text: t.book }], features: ["Premium Ribeye", "Full Wine Bottle", "Signature Dessert"] },
-          price: "$65",
+        { id: "deluxe", price: "$150", name: "Tasting Experience", buttons: [{ text: t.book }], features: ["Chef Selection", "Wine Pairing", "Exclusive Table"] }
-          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",
-          ],
-        },
       ]}
-      title="Fixed Prix Menus"
+      title={t.pricingTitle}
-      description="Designed for the ultimate shared dining experience."
+      description={t.pricingDesc}
     />
   </div>
 
@@ -281,36 +137,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", value: "20", title: "Years of Tradition", items: ["Established 2004", "Trusted Service"] },
-          id: "m1",
+        { id: "m2", value: "12k", title: "Steaks Grilled Yearly", items: ["Prime Quality", "Argentine Beef"] },
-          value: "20",
+        { id: "m3", value: "4.9", title: "Star Rating Average", items: ["Diner Reviews", "Quality Promise"] }
-          title: "Years of Tradition",
-          items: [
-            "Established 2004",
-            "Trusted Service",
-          ],
-        },
-        {
-          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"
+      title={t.metricsTitle}
-      description="Quality backed by numbers."
+      description={t.metricsDesc}
     />
   </div>
 
@@ -319,78 +151,35 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", title: "Excellent!", quote: "The meat melts in your mouth.", name: "Ana S.", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg" },
-          id: "t1",
+        { id: "t2", title: "Superb", quote: "Perfectly cooked steak every single time.", name: "Pedro M.", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg" },
-          title: "Excellent!",
+        { id: "t3", title: "Top Tier", quote: "Best service in the city.", name: "Sarah W.", role: "Customer", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156202.jpg" },
-          quote: "The meat melts in your mouth.",
+        { 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" },
-          name: "Ana S.",
+        { 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" }
-          role: "Food Blogger",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-talking-by-lunch_1098-14622.jpg",
-        },
-        {
-          id: "t2",
-          title: "Superb",
-          quote: "Perfectly cooked steak every single time.",
-          name: "Pedro M.",
-          role: "Chef",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-luxurious-restaurant_23-2150517443.jpg",
-        },
-        {
-          id: "t3",
-          title: "Top Tier",
-          quote: "Best service in the city.",
-          name: "Sarah W.",
-          role: "Customer",
-          imageSrc: "http://img.b2bpic.net/free-photo/brazilian-family-enjoying-meal-together_23-2151156202.jpg",
-        },
-        {
-          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"
+      title={t.testimonialsTitle}
-      description="Why they love El Negro."
+      description={t.testimonialsDesc}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Contact"
-      title="Reserve Your Table"
+      title={t.contactTitle}
-      description="Sign up for our newsletter to get priority booking alerts and special offers."
+      description={t.contactDesc}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="El Negro Parrilla"
-      leftLink={{
+      leftLink={{ text: t.footerLeft, href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: t.footerRight, href: "#" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Us",
-        href: "#",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}