Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -29,21 +29,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Inicio",
+          name: "Inicio",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Sobre Nosotros",
+          name: "Sobre Nosotros",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Menú",
+          name: "Menú",          id: "menu"},
-          id: "menu",
-        },
         {
-          name: "Ubicación",
+          name: "Ubicación",          id: "location"},
-          id: "location",
-        },
       ]}
       brandName="Dogzilla"
     />
@@ -55,13 +47,9 @@ export default function LandingPage() {
       description="Los perros calientes más brutales de Tunja 🌭🔥"
       buttons={[
         {
-          text: "Pedir por WhatsApp",
+          text: "Pedir por WhatsApp",          href: "https://wa.me/573103553703"},
-          href: "https://wa.me/573103553703",
-        },
         {
-          text: "Ver menú",
+          text: "Ver menú",          href: "#menu"},
-          href: "#menu",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/sonoran-hot-dog-traditional-mexican-hot-dog-wooden-table_123827-35769.jpg?_wi=1"
     />
@@ -84,23 +72,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          brand: "Dogzilla",          name: "Perro Clásico",          price: "$7.000",          rating: 5,
-          brand: "Dogzilla",
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hot-dogs-with-mustard-pickles_23-2148768196.jpg?_wi=1"},
-          name: "Perro Clásico",
-          price: "$7.000",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hot-dogs-with-mustard-pickles_23-2148768196.jpg?_wi=1",
-        },
         {
-          id: "p2",
+          id: "p2",          brand: "Dogzilla",          name: "Perro Dogzilla",          price: "$10.500",          rating: 5,
-          brand: "Dogzilla",
+          reviewCount: "250",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-dog-staying-car-trunk_23-2148699890.jpg?_wi=1"},
-          name: "Perro Dogzilla",
-          price: "$10.500",
-          rating: 5,
-          reviewCount: "250",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-dog-staying-car-trunk_23-2148699890.jpg?_wi=1",
-        },
       ]}
       title="Nuestro Menú"
       description="Elige tu combinación favorita."
@@ -109,196 +85,76 @@ export default function LandingPage() {
 
   <div id="additions" data-section="additions">
       <FeatureCardTwentyThree
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          id: "a1",
+          id: "a1",          title: "Pollo / Tocineta",          tags: ["$1.500"],
-          title: "Pollo / Tocineta",
+          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-grilled-all-beef-hot-dog-with-sides-chips-delicious-simple-hot-dogs-with-mustard-pepper-onion-nachos-hot-dogs-fully-loaded-with-assorted-toppings-paddle-board_1150-44651.jpg"},
-          tags: [
-            "$1.500",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/gourmet-grilled-all-beef-hot-dog-with-sides-chips-delicious-simple-hot-dogs-with-mustard-pepper-onion-nachos-hot-dogs-fully-loaded-with-assorted-toppings-paddle-board_1150-44651.jpg",
-          imageAlt: "Gourmet grilled all beef hot dog with sides and chips. Delicious and simple hot dogs with mustard, pepper, onion and nachos. Hot dogs fully loaded with assorted toppings on a paddle board.",
-        },
         {
-          id: "a2",
+          id: "a2",          title: "Quesos",          tags: ["$1.200"],
-          title: "Quesos (Fundido/Cheddar/Chile)",
+          imageSrc: "http://img.b2bpic.net/free-photo/sonoran-hot-dog-traditional-mexican-hot-dog-wooden-table_123827-35769.jpg?_wi=2"},
-          tags: [
-            "$1.200",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/sonoran-hot-dog-traditional-mexican-hot-dog-wooden-table_123827-35769.jpg?_wi=2",
-          imageAlt: "Gourmet grilled all beef hot dog with sides and chips. Delicious and simple hot dogs with mustard, pepper, onion and nachos. Hot dogs fully loaded with assorted toppings on a paddle board.",
-        },
         {
-          id: "a3",
+          id: "a3",          title: "Maíz / Piña / Huevo",          tags: ["$500"],
-          title: "Maíz / Piña / Huevo",
+          imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164783.jpg?_wi=2"},
-          tags: [
-            "$500",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164783.jpg?_wi=2",
-          imageAlt: "Gourmet grilled all beef hot dog with sides and chips. Delicious and simple hot dogs with mustard, pepper, onion and nachos. Hot dogs fully loaded with assorted toppings on a paddle board.",
-        },
-        {
-          id: "a4",
-          title: "Papas Fritas Extra",
-          tags: [
-            "$2.000",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hot-dogs-with-mustard-pickles_23-2148768196.jpg?_wi=2",
-          imageAlt: "Gourmet grilled all beef hot dog with sides and chips. Delicious and simple hot dogs with mustard, pepper, onion and nachos. Hot dogs fully loaded with assorted toppings on a paddle board.",
-        },
-        {
-          id: "a5",
-          title: "Salsas de la Casa",
-          tags: [
-            "$500",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-dog-staying-car-trunk_23-2148699890.jpg?_wi=2",
-          imageAlt: "Gourmet grilled all beef hot dog with sides and chips. Delicious and simple hot dogs with mustard, pepper, onion and nachos. Hot dogs fully loaded with assorted toppings on a paddle board.",
-        },
       ]}
       title="Adiciones Extra"
-      description="Personaliza tu pedido."
+      description="Personaliza tu pedido con un toque extra."
     />
   </div>
 
   <div id="drinks" data-section="drinks">
       <FeatureCardTwentyThree
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
         {
-          id: "d1",
+          id: "d1",          title: "Gaseosas",          tags: ["$2.000"],
-          title: "Gaseosas (Coca, Quatro, Sprite)",
+          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-hot-dogs-arrangement_23-2148768202.jpg"},
-          tags: [
-            "$2.000",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-hot-dogs-arrangement_23-2148768202.jpg",
-          imageAlt: "Flat lay tasty hot dogs arrangement",
-        },
         {
-          id: "d2",
+          id: "d2",          title: "Agua / Gas",          tags: ["$2.000"],
-          title: "Agua / Agua con gas",
+          imageSrc: "http://img.b2bpic.net/free-photo/sonoran-hot-dog-traditional-mexican-hot-dog-wooden-table_123827-35769.jpg?_wi=3"},
-          tags: [
-            "$2.000",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/sonoran-hot-dog-traditional-mexican-hot-dog-wooden-table_123827-35769.jpg?_wi=3",
-          imageAlt: "Flat lay tasty hot dogs arrangement",
-        },
         {
-          id: "d3",
+          id: "d3",          title: "Jugos",          tags: ["$3.000"],
-          title: "Jugos Hit",
+          imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164783.jpg?_wi=3"},
-          tags: [
-            "$3.000",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164783.jpg?_wi=3",
-          imageAlt: "Flat lay tasty hot dogs arrangement",
-        },
-        {
-          id: "d4",
-          title: "Té Frío",
-          tags: [
-            "$2.500",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hot-dogs-with-mustard-pickles_23-2148768196.jpg?_wi=3",
-          imageAlt: "Flat lay tasty hot dogs arrangement",
-        },
-        {
-          id: "d5",
-          title: "Cerveza Nacional",
-          tags: [
-            "$4.500",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-dog-staying-car-trunk_23-2148699890.jpg?_wi=3",
-          imageAlt: "Flat lay tasty hot dogs arrangement",
-        },
       ]}
       title="Bebidas"
-      description="Acompaña tu comida."
+      description="Acompaña tu comida con algo refrescante."
     />
   </div>
 
   <div id="gallery" data-section="gallery">
       <FeatureCardTwentyThree
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
         {
-          id: "g1",
+          id: "g1",          title: "Nuestro Especial",          tags: ["Foto"],
-          title: "Nuestro Perro Especial",
+          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-tamales-plate_23-2148942285.jpg"},
-          tags: [
-            "Foto",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-tamales-plate_23-2148942285.jpg",
-        },
         {
-          id: "g2",
+          id: "g2",          title: "Preparación",          tags: ["Foto"],
-          title: "Preparación al Momento",
+          imageSrc: "http://img.b2bpic.net/free-photo/cook-camp-evening_1150-14755.jpg"},
-          tags: [
-            "Foto",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cook-camp-evening_1150-14755.jpg",
-        },
         {
-          id: "g3",
+          id: "g3",          title: "Toppings",          tags: ["Foto"],
-          title: "Toppings Frescos",
+          imageSrc: "http://img.b2bpic.net/free-photo/carrot-beans-white-plate_114579-18557.jpg"},
-          tags: [
-            "Foto",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/carrot-beans-white-plate_114579-18557.jpg",
-        },
-        {
-          id: "g4",
-          title: "Clientes Felices",
-          tags: [
-            "Foto",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571486.jpg",
-        },
-        {
-          id: "g5",
-          title: "Nuestra Fachada",
-          tags: [
-            "Foto",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098540.jpg",
-        },
-        {
-          id: "g6",
-          title: "Pedidos listos",
-          tags: [
-            "Foto",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-hot-dogs-arrangement_23-2148768157.jpg",
-        },
       ]}
       title="Galería Dogzilla"
-      description="Mira lo que tenemos para ti."
+      description="Vive la experiencia desde adentro."
     />
   </div>
 
   <div id="location" data-section="location">
       <ContactSplitForm
+      mediaAnimation="slide-up"
       useInvertedBackground={false}
       title="Ubicación"
       description="Av Universitaria #51-21, Tunja, Boyacá. ¡Visítanos!"
       inputs={[
-        {
+        { name: "nombre", type: "text", placeholder: "Tu nombre" },
-          name: "nombre",
+        { name: "mensaje", type: "text", placeholder: "Tu pedido" },
-          type: "text",
-          placeholder: "Tu nombre",
-          required: true,
-        },
-        {
-          name: "mensaje",
-          type: "text",
-          placeholder: "Tu pedido",
-          required: true,
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/lit-diner-place-city-night_23-2149001294.jpg"
     />
@@ -307,14 +163,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Dogzilla Hot Dogs"
-      leftLink={{
+      leftLink={{ text: "Instagram", href: "#" }}
-        text: "Instagram",
+      rightLink={{ text: "WhatsApp", href: "https://wa.me/573103553703" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "WhatsApp",
-        href: "https://wa.me/573103553703",
-      }}
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-roboto), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-roboto), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #fbfaff;
-  --card: #f9f9f9;
+  --card: #f7f5ff;
-  --foreground: #120006e6;
+  --foreground: #0f0022;
-  --primary-cta: #e63946;
+  --primary-cta: #8b5cf6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #120006e6;
-  --accent: #e2e2e2;
+  --accent: #d8cef5;
-  --background-accent: #fde047;
+  --background-accent: #c4a8f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);