Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -7,38 +7,34 @@ import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import { CalendarDays, Users, Wine } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="rounded"
-        contentWidth="mediumLarge"
-        sizing="largeSmallSizeLargeTitles"
-        background="noise"
-        cardStyle="gradient-mesh"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="solid"
-        headingFontWeight="semibold"
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="medium"
+        sizing="mediumLargeSizeMediumTitles"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Inicio",          id: "hero"},
-        {
-          name: "Sobre Nosotros",          id: "about"},
-        {
-          name: "Nuestra Carta",          id: "products"},
-        {
-          name: "Contacto",          id: "contact"},
+        { name: "Inicio", id: "hero" },
+        { name: "Sobre Nosotros", id: "about" },
+        { name: "Nuestra Carta", id: "products" },
+        { name: "Contacto", id: "contact" },
       ]}
       brandName="El Desembarco"
     />
@@ -47,14 +43,13 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroLogo
       logoText="El Desembarco Castelar"
-      description="Una experiencia culinaria única, donde los sabores de siempre se encuentran con la vanguardia en el corazón de Castelar."
+      description="Tu cervecería artesanal de referencia. Sabores auténticos, hamburguesas XL y el mejor ambiente en Castelar."
       buttons={[
-        {
-          text: "Ver nuestra carta",          href: "#products"},
+        { text: "Ver nuestra carta", href: "#products" },
       ]}
       buttonAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg?_wi=1"
-      imageAlt="Plato gourmet principal en El Desembarco"
+      imageSrc="https://img.b2bpic.net/free-photo/glass-beer-with-foam-table_144627-21623.jpg?w=800"
+      imageAlt="Cerveza artesanal servida en mesa"
     />
   </div>
 
@@ -62,18 +57,15 @@ export default function LandingPage() {
       <SplitAbout
       textboxLayout="split"
       useInvertedBackground={true}
-      title="Nuestra Historia"
-      description="Nacido de la pasión por la buena mesa, El Desembarco es el refugio ideal para quienes buscan momentos inolvidables en Castelar. Seleccionamos los mejores ingredientes locales para ofrecerte una propuesta gastronómica que respeta la tradición e innova en cada detalle."
+      title="Nuestra Pasión"
+      description="En El Desembarco Castelar, nos dedicamos a la cultura de la cerveza artesanal. Desde nuestra apertura, buscamos el equilibrio perfecto entre una cocina de autor intensa y las mejores variedades locales de cerveza. Un refugio para quienes aman comer bien y compartir buenos momentos."
       bulletPoints={[
-        {
-          title: "Cocina de Autor",          description: "Platos únicos creados con técnica y corazón."},
-        {
-          title: "Ambiente Distinguido",          description: "Un espacio diseñado para disfrutar en compañía."},
-        {
-          title: "Ingredientes Locales",          description: "Apoyamos a productores de la zona garantizando frescura."},
+        { title: "Cerveza Artesanal", description: "Selección rotativa de los mejores productores.", icon: Wine },
+        { title: "Hamburguesas XL", description: "Carnes seleccionadas y combinaciones audaces.", icon: Users },
+        { title: "Ambiente Cervecero", description: "Ideal para after-office o salidas con amigos.", icon: CalendarDays },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=1"
-      imageAlt="Interior acogedor del restaurante"
+      imageSrc="https://img.b2bpic.net/free-photo/delicious-burger-with-fries-table_144627-21950.jpg?w=800"
+      imageAlt="Hamburguesa XL y papas fritas"
       mediaAnimation="slide-up"
     />
   </div>
@@ -84,18 +76,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Carta Estacional",          description: "Platos que cambian con las estaciones.",          bentoComponent: "reveal-icon",          icon: CalendarDays,
-        },
-        {
-          title: "Bodega Selecta",          description: "Los mejores vinos para maridar tu elección.",          bentoComponent: "reveal-icon",          icon: Wine,
-        },
-        {
-          title: "Eventos Privados",          description: "Tu celebración especial en el mejor lugar.",          bentoComponent: "reveal-icon",          icon: Users,
-        },
+        { title: "Variedad de Estilos", description: "Desde IPA a Stout, tenemos lo que buscas.", bentoComponent: "reveal-icon", icon: Wine },
+        { title: "Papas Cheddar", description: "Nuestra especialidad: papas fritas con cheddar fundido y toppings.", bentoComponent: "reveal-icon", icon: CalendarDays },
+        { title: "Eventos Cervecero", description: "Catas guiadas y noches especiales.", bentoComponent: "reveal-icon", icon: Users },
       ]}
-      title="Por qué elegirnos"
-      description="Más que un restaurante, un punto de encuentro con lo mejor de nuestra ciudad."
+      title="La Experiencia"
+      description="Mucho más que una cervecería. Vení a descubrir por qué todos eligen nuestro desembarco."
     />
   </div>
 
@@ -106,21 +92,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
-          id: "1",          name: "Ojo de Bife",          price: "$18,000",          imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg?_wi=1",          imageAlt: "Ojo de Bife"},
-        {
-          id: "2",          name: "Risotto de Hongos",          price: "$14,500",          imageSrc: "http://img.b2bpic.net/free-photo/risotto-rice-with-mushrooms-white-ceramic-plate_23-2147925971.jpg?_wi=1",          imageAlt: "Risotto"},
-        {
-          id: "3",          name: "Pesca del Día",          price: "$16,200",          imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-fried-salmon-mussels-shrimps-calamari-lemon_140725-1613.jpg?_wi=1",          imageAlt: "Pesca"},
-        {
-          id: "4",          name: "Pasta Artesanal",          price: "$13,800",          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-delicious-pasta-meal-blue-plate-dinner-ice-background_140725-142333.jpg",          imageAlt: "Pasta"},
-        {
-          id: "5",          name: "Ensalada Gourmet",          price: "$11,500",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-greek-salad-with-christmas-toys-round-white-plate-table_176474-3370.jpg",          imageAlt: "Ensalada"},
-        {
-          id: "6",          name: "Postre del Chef",          price: "$9,500",          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-torching-dessert_23-2149720781.jpg",          imageAlt: "Postre"},
+        { id: "1", name: "Hamburguesa XL Clásica", price: "$12,500", imageSrc: "https://img.b2bpic.net/free-photo/close-up-burger-with-bacon-wooden-table_23-2148731776.jpg?w=500", imageAlt: "Hamburguesa XL" },
+        { id: "2", name: "Papas Cheddar & Bacon", price: "$7,800", imageSrc: "https://img.b2bpic.net/free-photo/french-fries-with-cheese-bacon-top-view_140725-6364.jpg?w=500", imageAlt: "Papas con cheddar" },
+        { id: "3", name: "Pinta Artesanal IPA", price: "$4,200", imageSrc: "https://img.b2bpic.net/free-photo/beer-glass-table_144627-21645.jpg?w=500", imageAlt: "Cerveza Artesanal" },
       ]}
-      title="Nuestra Selección"
-      description="Platos destacados de nuestra cocina."
+      title="Nuestros Preferidos"
+      description="Lo mejor de la casa que no podés dejar de probar."
     />
   </div>
 
@@ -131,47 +108,38 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",          value: "10+",          description: "Años de experiencia"},
-        {
-          id: "2",          value: "1000+",          description: "Clientes felices mensuales"},
-        {
-          id: "3",          value: "50+",          description: "Platos en nuestra historia"},
+        { id: "1", value: "20+", description: "Estilos de cerveza rotativos" },
+        { id: "2", value: "500+", description: "Hamburguesas XL servidas semanalmente" },
+        { id: "3", value: "15+", description: "Variedades de papas gourmet" },
       ]}
-      title="Nuestra trayectoria"
-      description="Números que reflejan la confianza de nuestros clientes."
+      title="Nuestra dedicación"
+      description="Calidad artesanal medida por nuestros clientes."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
+      <TestimonialCardOne
       textboxLayout="default"
       useInvertedBackground={true}
+      animationType="blur-reveal"
+      gridVariant="three-columns-all-equal-width"
       testimonials={[
-        {
-          id: "1",          name: "Juan Perez",          date: "10/2023",          title: "Excelente",          quote: "La comida es deliciosa y el ambiente inmejorable.",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-headphones-smiling-beige-wall_176420-2695.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg?_wi=2",          imageAlt: "smiling person portrait"},
-        {
-          id: "2",          name: "Ana G.",          date: "11/2023",          title: "Maravilloso",          quote: "Una cena perfecta. Volveré sin duda.",          tag: "Frecuente",          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing_23-2149518275.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/wedding-hall-interior-design-photo-shooting_114579-2234.jpg?_wi=2",          imageAlt: "smiling person portrait"},
-        {
-          id: "3",          name: "Carlos L.",          date: "12/2023",          title: "Impresionante",          quote: "El servicio es de otro nivel en Castelar.",          tag: "Nueva Visita",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-posing_23-2149271087.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-slices-garnished-with-herbs-sauce-served-with-grilled-vegetables_140725-226.jpg?_wi=2",          imageAlt: "smiling person portrait"},
-        {
-          id: "4",          name: "Sofia V.",          date: "01/2024",          title: "Gran calidad",          quote: "La pasta es casera y se nota el cariño.",          tag: "Cliente",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cute-middleaged-brunette-woman-glasses_169016-26125.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/risotto-rice-with-mushrooms-white-ceramic-plate_23-2147925971.jpg?_wi=2",          imageAlt: "smiling person portrait"},
-        {
-          id: "5",          name: "Roberto M.",          date: "02/2024",          title: "Muy recomendado",          quote: "El lugar ideal para una cita especial.",          tag: "Regular",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/seafood-plate-with-fried-salmon-mussels-shrimps-calamari-lemon_140725-1613.jpg?_wi=2",          imageAlt: "smiling person portrait"},
+        { id: "1", name: "Martín R.", role: "Cervecero", company: "Cliente", rating: 5 },
+        { id: "2", name: "Valeria S.", role: "Foodie", company: "Cliente", rating: 5 },
+        { id: "3", name: "Diego P.", role: "Local", company: "Cliente", rating: 5 },
       ]}
-      title="Lo que dicen de nosotros"
-      description="Historias de quienes ya nos visitaron."
+      title="Lo que dicen nuestros clientes"
+      description="La opinión de quienes comparten nuestra pasión por la buena cerveza y las hamburguesas XL."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient"}}
+      background={{ variant: "radial-gradient" }}
       tag="Contacto"
-      title="Reserva tu Mesa"
-      description="Estamos en Castelar, listos para recibirte. Déjanos tu email para recibir novedades y reservas."
+      title="Reservá tu Pinta"
+      description="Estamos en Castelar, listos para servirte. Dejanos tu email para enterarte de nuestros eventos y promociones."
       buttonText="Enviar reserva"
     />
   </div>
@@ -179,13 +147,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="El Desembarco"
-      leftLink={{
-        text: "Privacidad",        href: "#"}}
-      rightLink={{
-        text: "Términos",        href: "#"}}
+      leftLink={{ text: "Privacidad", href: "#" }}
+      rightLink={{ text: "Términos", href: "#" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #fbfbfb;
+  --card: #ffffff;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f1eee9;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #cfc5b8;
+  --background-accent: #efe8df;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);