Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
@@ -32,74 +32,35 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Inicio",
+          name: "Inicio",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Menú",
+          name: "Nuestra Historia",          id: "historia"},
-          id: "menu",
-        },
         {
-          name: "Nuestra Historia",
+          name: "Preguntas Frecuentes",          id: "faq"},
-          id: "historia",
-        },
         {
-          name: "Preguntas Frecuentes",
+          name: "Contáctanos",          id: "contact"},
-          id: "faq",
-        },
-        {
-          name: "Contáctanos",
-          id: "contact",
-        },
       ]}
       brandName="El Conde Casa de Humo"
       button={{
-        text: "Reserva por WhatsApp",
+        text: "Reserva por WhatsApp",        href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo"}}
-        href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCarouselLogo
+      <HeroBillboardGallery
-      logoText="El Conde Casa de Humo"
+      title="El Conde Casa de Humo"
       description="Auténticas Carnes Ahumadas al Estilo Texas. Sabor intenso, cocción lenta y ambiente familiar."
       buttons={[
         {
-          text: "Ver Nuestra Carta",
+          text: "Reserva Ahora",          href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo"},
-          href: "#menu",
-        },
-        {
-          text: "Reserva Ahora",
-          href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo",
-        },
       ]}
-      slides={[
+      mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-pieces-bowl-wooden-table_23-2148029530.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/delicious-grilled-chicken-pieces-bowl-wooden-table_23-2148029530.jpg",          imageAlt: "Plato de Brisket ahumado"}
-          imageAlt: "Plato de Brisket ahumado",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-table_23-2148681863.jpg",
-          imageAlt: "Variedad de carnes ahumadas",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-japanese-meal-composition_23-2148809884.jpg",
-          imageAlt: "Costillas y pollo ahumado",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-women-relaxing-drinking-beverage_23-2147850496.jpg",
-          imageAlt: "Ambiente del restaurante",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-barbeque-cooking_23-2149271962.jpg",
-          imageAlt: "Proceso de ahumado",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-chilli-powder_53876-16663.jpg",
-          imageAlt: "Primer plano de carne ahumada",
-        },
       ]}
+      background={{
+        variant: "plain"}}
+      mediaAnimation="slide-up"
     />
   </div>
 
@@ -112,17 +73,11 @@ export default function LandingPage() {
       tag="Nuestra Esencia"
       bulletPoints={[
         {
-          title: "Cocción Lenta con Maderas Aromáticas",
+          title: "Cocción Lenta con Maderas Aromáticas",          description: "Nuestras carnes se cocinan durante horas con maderas selectas para un sabor y ternura inigualables."},
-          description: "Nuestras carnes se cocinan durante horas con maderas selectas para un sabor y ternura inigualables.",
-        },
         {
-          title: "Sabores Auténticos y Profundos",
+          title: "Sabores Auténticos y Profundos",          description: "Cada plato es una explosión de sabor, fiel a la tradición del ahumado texano."},
-          description: "Cada plato es una explosión de sabor, fiel a la tradición del ahumado texano.",
-        },
         {
-          title: "Ambiente Familiar y Acogedor",
+          title: "Ambiente Familiar y Acogedor",          description: "Disfruta de una experiencia gastronómica relajada, perfecta para compartir con tus seres queridos."},
-          description: "Disfruta de una experiencia gastronómica relajada, perfecta para compartir con tus seres queridos.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/waiter-holding-lamb-offal-garnished-with-sumac-onion-served-wooden-board_140725-5245.jpg"
       imageAlt="Chef preparando carne ahumada"
@@ -139,23 +94,11 @@ export default function LandingPage() {
       carouselMode="buttons"
       features={[
         {
-          title: "Técnica Artesanal",
+          title: "Técnica Artesanal",          description: "Dominamos la ciencia y el arte del ahumado, garantizando la perfección en cada pieza de carne.",          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-food-cooking-counter-decor-pot_53876-127676.jpg",          imageAlt: "Técnica artesanal de ahumado"},
-          description: "Dominamos la ciencia y el arte del ahumado, garantizando la perfección en cada pieza de carne.",
-          imageSrc: "http://img.b2bpic.net/free-photo/kitchen-food-cooking-counter-decor-pot_53876-127676.jpg",
-          imageAlt: "Técnica artesanal de ahumado",
-        },
         {
-          title: "Ingredientes Premium",
+          title: "Ingredientes Premium",          description: "Seleccionamos solo las mejores carnes y maderas aromáticas para ofrecerte calidad insuperable.",          imageSrc: "http://img.b2bpic.net/free-photo/pickles-white-wooden-table-with-green-red-chili-peppers-fennel-salt-black-peppercorns-garlic-pea-close-up-healthy-concept-top-view-flat-lay_114579-1184.jpg",          imageAlt: "Ingredientes premium"},
-          description: "Seleccionamos solo las mejores carnes y maderas aromáticas para ofrecerte calidad insuperable.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pickles-white-wooden-table-with-green-red-chili-peppers-fennel-salt-black-peppercorns-garlic-pea-close-up-healthy-concept-top-view-flat-lay_114579-1184.jpg",
-          imageAlt: "Ingredientes premium",
-        },
         {
-          title: "Recetas Exclusivas",
+          title: "Recetas Exclusivas",          description: "Nuestras recetas son fruto de años de experimentación, creando sabores que solo encontrarás aquí.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-turmeric-red-pepper-black-peper-sea-salt-smal-bowls-four-spoons-round-board-dark-table-with-copy-space_140725-59599.jpg",          imageAlt: "Recetas exclusivas"},
-          description: "Nuestras recetas son fruto de años de experimentación, creando sabores que solo encontrarás aquí.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-turmeric-red-pepper-black-peper-sea-salt-smal-bowls-four-spoons-round-board-dark-table-with-copy-space_140725-59599.jpg",
-          imageAlt: "Recetas exclusivas",
-        },
       ]}
       title="La Experiencia del Ahumado Perfecto"
       description="Descubre lo que hace a El Conde Casa de Humo tu destino favorito para las mejores carnes ahumadas."
@@ -172,47 +115,17 @@ export default function LandingPage() {
       carouselMode="buttons"
       products={[
         {
-          id: "pollo-ahumado",
+          id: "pollo-ahumado",          name: "Pollo Ahumado",          price: "Desde S/ 10.00",          imageSrc: "http://img.b2bpic.net/free-photo/grilles-chicken-steak-with-teriyaki-sauce_1339-6778.jpg",          imageAlt: "Plato de pollo ahumado con acompañamientos"},
-          name: "Pollo Ahumado",
-          price: "Desde S/ 10.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilles-chicken-steak-with-teriyaki-sauce_1339-6778.jpg",
-          imageAlt: "Plato de pollo ahumado con acompañamientos",
-        },
         {
-          id: "costillas-ahumadas",
+          id: "costillas-ahumadas",          name: "Costillas de Cerdo Ahumadas",          price: "Desde S/ 50.00",          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-isolated-white-background-ai-generative_123827-23868.jpg",          imageAlt: "Porción de costillas de cerdo ahumadas"},
-          name: "Costillas de Cerdo Ahumadas",
-          price: "Desde S/ 50.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/hot-grilled-spare-ribs-with-barbecue-sauce-isolated-white-background-ai-generative_123827-23868.jpg",
-          imageAlt: "Porción de costillas de cerdo ahumadas",
-        },
         {
-          id: "brisket-ahumado",
+          id: "brisket-ahumado",          name: "Brisket (Pecho de Res) Ahumado",          price: "Desde S/ 55.00",          imageSrc: "http://img.b2bpic.net/free-photo/steak-brazillian-style_1339-8288.jpg",          imageAlt: "Brisket ahumado cortado en láminas"},
-          name: "Brisket (Pecho de Res) Ahumado",
-          price: "Desde S/ 55.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/steak-brazillian-style_1339-8288.jpg",
-          imageAlt: "Brisket ahumado cortado en láminas",
-        },
         {
-          id: "cerdo-desmenuzado",
+          id: "cerdo-desmenuzado",          name: "Cerdo Desmenuzado",          price: "S/ 32.00",          imageSrc: "http://img.b2bpic.net/free-photo/steamed-chicken-breast-white-plate-with-spring-onions-chopped-carrots_1150-20966.jpg",          imageAlt: "Plato de cerdo desmenuzado servido"},
-          name: "Cerdo Desmenuzado",
-          price: "S/ 32.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/steamed-chicken-breast-white-plate-with-spring-onions-chopped-carrots_1150-20966.jpg",
-          imageAlt: "Plato de cerdo desmenuzado servido",
-        },
         {
-          id: "hamburguesa-ahumada",
+          id: "hamburguesa-ahumada",          name: "Hamburguesa de Carne Ahumada",          price: "Desde S/ 18.00",          imageSrc: "http://img.b2bpic.net/free-photo/rib-barbecue_74190-495.jpg",          imageAlt: "Hamburguesa de carne ahumada lista para comer"},
-          name: "Hamburguesa de Carne Ahumada",
-          price: "Desde S/ 18.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/rib-barbecue_74190-495.jpg",
-          imageAlt: "Hamburguesa de carne ahumada lista para comer",
-        },
         {
-          id: "chorizos-artesanales",
+          id: "chorizos-artesanales",          name: "Chorizos Artesanales Ahumados",          price: "S/ 15.00",          imageSrc: "http://img.b2bpic.net/free-photo/bavarian-fried-sausages-sauerkraut_2829-14336.jpg",          imageAlt: "Chorizos ahumados con guarnición"},
-          name: "Chorizos Artesanales Ahumados",
-          price: "S/ 15.00",
-          imageSrc: "http://img.b2bpic.net/free-photo/bavarian-fried-sausages-sauerkraut_2829-14336.jpg",
-          imageAlt: "Chorizos ahumados con guarnición",
-        },
       ]}
       title="Saborea la Auténtica Tradición Texana"
       description="Desde el jugoso pollo hasta las tiernas costillas, cada plato es una obra maestra del ahumado lento."
@@ -228,25 +141,15 @@ export default function LandingPage() {
       author="Carlos P."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/young-latin-man-smiling-confident-looking-side-street_839833-16493.jpg",
+          src: "http://img.b2bpic.net/free-photo/young-latin-man-smiling-confident-looking-side-street_839833-16493.jpg",          alt: "Avatar de Carlos P."},
-          alt: "Avatar de Carlos P.",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",
+          src: "http://img.b2bpic.net/free-photo/woman-posing-with-cup-coffee_23-2149330971.jpg",          alt: "Avatar de Ana M."},
-          alt: "Avatar de Ana M.",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/excited-happy-old-man-with-tattoos-laughing-pointing-left-showing-something-cool-amazed-by-advertisement-promo-deal-standing-stylish-hoodie-against-white-background_176420-45016.jpg",
+          src: "http://img.b2bpic.net/free-photo/excited-happy-old-man-with-tattoos-laughing-pointing-left-showing-something-cool-amazed-by-advertisement-promo-deal-standing-stylish-hoodie-against-white-background_176420-45016.jpg",          alt: "Avatar de Jorge R."},
-          alt: "Avatar de Jorge R.",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167341.jpg",
+          src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167341.jpg",          alt: "Avatar de Sofía L."},
-          alt: "Avatar de Sofía L.",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915898.jpg",
+          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-outdoors_23-2149915898.jpg",          alt: "Avatar de Miguel G."},
-          alt: "Avatar de Miguel G.",
-        },
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
@@ -261,59 +164,29 @@ export default function LandingPage() {
       carouselMode="buttons"
       plans={[
         {
-          id: "combo-clasico",
+          id: "combo-clasico",          name: "Combo Clásico",          price: "S/ 75.00",          buttons: [
-          name: "Combo Clásico",
-          price: "S/ 75.00",
-          buttons: [
             {
-              text: "Ordenar Ahora",
+              text: "Ordenar Ahora",              href: "https://wa.me/51965316290?text=Hola,%20deseo%20ordenar%20el%20Combo%20Clásico%20en%20El%20Conde%20Casa%20de%20Humo"},
-              href: "https://wa.me/51965316290?text=Hola,%20deseo%20ordenar%20el%20Combo%20Clásico%20en%20El%20Conde%20Casa%20de%20Humo",
-            },
           ],
           features: [
-            "1/2 Pollo Ahumado",
+            "1/2 Pollo Ahumado",            "Porción de Costillas (300gr)",            "Acompañamientos premium",            "Bebida a elección"],
-            "Porción de Costillas (300gr)",
+          badge: "Popular"},
-            "Acompañamientos premium",
-            "Bebida a elección",
-          ],
-          badge: "Popular",
-        },
         {
-          id: "combo-parrillero",
+          id: "combo-parrillero",          name: "Combo Parrillero",          price: "S/ 100.00",          buttons: [
-          name: "Combo Parrillero",
-          price: "S/ 100.00",
-          buttons: [
             {
-              text: "Ordenar Ahora",
+              text: "Ordenar Ahora",              href: "https://wa.me/51965316290?text=Hola,%20deseo%20ordenar%20el%20Combo%20Parrillero%20en%20El%20Conde%20Casa%20de%20Humo"},
-              href: "https://wa.me/51965316290?text=Hola,%20deseo%20ordenar%20el%20Combo%20Parrillero%20en%20El%20Conde%20Casa%20de%20Humo",
-            },
           ],
           features: [
-            "Brisket (200gr)",
+            "Brisket (200gr)",            "Cerdo Desmenuzado (200gr)",            "Chorizos Artesanales (2und)",            "Acompañamientos familiares"],
-            "Cerdo Desmenuzado (200gr)",
+          badge: "Especial"},
-            "Chorizos Artesanales (2und)",
-            "Acompañamientos familiares",
-          ],
-          badge: "Especial",
-        },
         {
-          id: "combo-familiar",
+          id: "combo-familiar",          name: "Combo Familiar",          price: "S/ 150.00",          buttons: [
-          name: "Combo Familiar",
-          price: "S/ 150.00",
-          buttons: [
             {
-              text: "Ordenar Ahora",
+              text: "Ordenar Ahora",              href: "https://wa.me/51965316290?text=Hola,%20deseo%20ordenar%20el%20Combo%20Familiar%20en%20El%20Conde%20Casa%20de%20Humo"},
-              href: "https://wa.me/51965316290?text=Hola,%20deseo%20ordenar%20el%20Combo%20Familiar%20en%20El%20Conde%20Casa%20de%20Humo",
-            },
           ],
           features: [
-            "Pollo Entero Ahumado",
+            "Pollo Entero Ahumado",            "Porción Grande de Costillas",            "Brisket (300gr)",            "Acompañamientos y postre"],
-            "Porción Grande de Costillas",
+          badge: "Para Compartir"},
-            "Brisket (300gr)",
-            "Acompañamientos y postre",
-          ],
-          badge: "Para Compartir",
-        },
       ]}
       title="Combos Exclusivos"
       description="Disfruta de nuestras combinaciones perfectas para compartir o para darte un gusto especial."
@@ -327,20 +200,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "faq-1",
+          id: "faq-1",          title: "¿Cómo hago una reserva?",          content: "Puedes hacer tu reserva directamente a través de nuestro botón de WhatsApp en la sección de Contacto o en la barra de navegación."},
-          title: "¿Cómo hago una reserva?",
-          content: "Puedes hacer tu reserva directamente a través de nuestro botón de WhatsApp en la sección de Contacto o en la barra de navegación.",
-        },
         {
-          id: "faq-2",
+          id: "faq-2",          title: "¿Cuál es el horario de atención?",          content: "Abrimos todos los días de 18:00 a 24:00 horas, listos para servirte la mejor carne ahumada."},
-          title: "¿Cuál es el horario de atención?",
-          content: "Abrimos todos los días de 18:00 a 24:00 horas, listos para servirte la mejor carne ahumada.",
-        },
         {
-          id: "faq-3",
+          id: "faq-3",          title: "¿Ofrecen opciones vegetarianas o veganas?",          content: "Nuestra especialidad son las carnes ahumadas. Sin embargo, tenemos una selección de guarniciones que pueden ser adecuadas para dietas vegetarianas."},
-          title: "¿Ofrecen opciones vegetarianas o veganas?",
-          content: "Nuestra especialidad son las carnes ahumadas. Sin embargo, tenemos una selección de guarniciones que pueden ser adecuadas para dietas vegetarianas.",
-        },
       ]}
       title="¿Tienes Preguntas?"
       description="Encuentra respuestas rápidas sobre reservas, horarios y nuestros platos."
@@ -353,18 +217,13 @@ export default function LandingPage() {
       <ContactText
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
+      text="Visítanos en Food Park Buenos Aires o contáctanos para tu reserva. ¡Te esperamos para una experiencia ahumada inolvidable! \\n\\nHorario: Todos los días: 18:00 – 24:00 horas \\nUbicación: Av. Pacífico I-14, Urbanización Buenos Aires, Nuevo Chimbote, Áncash, Perú (Dentro del Food Park Buenos Aires)"
-      text="Visítanos en Food Park Buenos Aires o contáctanos para tu reserva. ¡Te esperamos para una experiencia ahumada inolvidable! \\\n\\\nHorario: Todos los días: 18:00 – 24:00 horas \\\nUbicación: Av. Pacífico I-14, Urbanización Buenos Aires, Nuevo Chimbote, Áncash, Perú (Dentro del Food Park Buenos Aires)"
       buttons={[
         {
-          text: "Ver en Google Maps",
+          text: "Ver en Google Maps",          href: "https://maps.app.goo.gl/v6qNE5eUWQmG77227"},
-          href: "https://maps.app.goo.gl/v6qNE5eUWQmG77227",
-        },
         {
-          text: "Reservar por WhatsApp",
+          text: "Reservar por WhatsApp",          href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo"},
-          href: "https://wa.me/51965316290?text=Hola,%20deseo%20realizar%20una%20reserva%20en%20El%20Conde%20Casa%20de%20Humo",
-        },
       ]}
     />
   </div>
@@ -373,13 +232,9 @@ export default function LandingPage() {
       <FooterLogoReveal
       logoText="El Conde Casa de Humo"
       leftLink={{
-        text: "Facebook",
+        text: "Facebook",        href: "https://facebook.com/ElCondeCasaDeHumo"}}
-        href: "https://facebook.com/ElCondeCasaDeHumo",
-      }}
       rightLink={{
-        text: "Instagram",
+        text: "Instagram",        href: "https://instagram.com/elcondecasadehumo"}}
-        href: "https://instagram.com/elcondecasadehumo",
-      }}
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffefe;
+  --background: #000000;
-  --card: #f6f7f4;
+  --card: #0c0c0c;
-  --foreground: #080908;
+  --foreground: #ffffff;
-  --primary-cta: #0e3a29;
+  --primary-cta: #106EFB;
   --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #000000;
   --secondary-cta-text: #080908;
-  --accent: #35c18b;
+  --accent: #535353;
-  --background-accent: #ecebe4;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);