Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Inicio",
-          id: "hero",
-        },
+          name: "Inicio",          id: "hero"},
         {
-          name: "Sobre",
-          id: "about",
-        },
+          name: "Sobre",          id: "about"},
         {
-          name: "Shows",
-          id: "shows",
-        },
+          name: "Shows",          id: "shows"},
         {
-          name: "Contacto",
-          id: "contact",
-        },
+          name: "Contacto",          id: "contact"},
       ]}
       brandName="Shows Alerta"
     />
@@ -57,69 +49,37 @@ export default function LandingPage() {
       description="El regreso que Colombia esperaba. Sin disculpas, sin censura. Solo risas garantizadas."
       testimonials={[
         {
-          name: "Carlos M.",
-          handle: "@carlos",
-          testimonial: "El mejor show de comedia que he visto en años.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3322.jpg?_wi=1",
-        },
+          name: "Carlos M.",          handle: "@carlos",          testimonial: "El mejor show de comedia que he visto en años.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3322.jpg?_wi=1"},
         {
-          name: "Ana G.",
-          handle: "@anag",
-          testimonial: "Me reí de principio a fin, totalmente recomendado.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunet-man-wearing-red-bandana_273609-10076.jpg?_wi=1",
-        },
+          name: "Ana G.",          handle: "@anag",          testimonial: "Me reí de principio a fin, totalmente recomendado.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunet-man-wearing-red-bandana_273609-10076.jpg?_wi=1"},
         {
-          name: "Juan P.",
-          handle: "@juanp",
-          testimonial: "Por fin alguien que dice las cosas como son.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/emotional-hipster-girl-exclaims-loudly-reacts-something-expresses-emotions-keeps-palms-raised-mouth-widely-opened-wears-leather-jacket-isolated-red-wall_273609-53758.jpg?_wi=1",
-        },
+          name: "Juan P.",          handle: "@juanp",          testimonial: "Por fin alguien que dice las cosas como son.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/emotional-hipster-girl-exclaims-loudly-reacts-something-expresses-emotions-keeps-palms-raised-mouth-widely-opened-wears-leather-jacket-isolated-red-wall_273609-53758.jpg?_wi=1"},
         {
-          name: "Lucía R.",
-          handle: "@luciar",
-          testimonial: "Una experiencia liberadora, humor del bueno.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/thumb-up-collaboration-teamwork-concept_1357-339.jpg?_wi=1",
-        },
+          name: "Lucía R.",          handle: "@luciar",          testimonial: "Una experiencia liberadora, humor del bueno.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/thumb-up-collaboration-teamwork-concept_1357-339.jpg?_wi=1"},
         {
-          name: "Diego F.",
-          handle: "@diegof",
-          testimonial: "No podía parar de reír, calidad pura.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-cheerful-expression-closeup-portrait_53876-143271.jpg?_wi=1",
-        },
+          name: "Diego F.",          handle: "@diegof",          testimonial: "No podía parar de reír, calidad pura.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-cheerful-expression-closeup-portrait_53876-143271.jpg?_wi=1"},
       ]}
       buttons={[
         {
-          text: "Ver Shows",
-          href: "#shows",
-        },
+          text: "Ver Shows",          href: "#shows"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/abstract-colourful-green-show-light_661209-453.jpg"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3322.jpg",
-          alt: "Fan 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3322.jpg",          alt: "Fan 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-brunet-man-wearing-red-bandana_273609-10076.jpg",
-          alt: "Fan 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/stylish-brunet-man-wearing-red-bandana_273609-10076.jpg",          alt: "Fan 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/emotional-hipster-girl-exclaims-loudly-reacts-something-expresses-emotions-keeps-palms-raised-mouth-widely-opened-wears-leather-jacket-isolated-red-wall_273609-53758.jpg",
-          alt: "Fan 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/emotional-hipster-girl-exclaims-loudly-reacts-something-expresses-emotions-keeps-palms-raised-mouth-widely-opened-wears-leather-jacket-isolated-red-wall_273609-53758.jpg",          alt: "Fan 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/thumb-up-collaboration-teamwork-concept_1357-339.jpg",
-          alt: "Fan 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/thumb-up-collaboration-teamwork-concept_1357-339.jpg",          alt: "Fan 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-cheerful-expression-closeup-portrait_53876-143271.jpg",
-          alt: "Fan 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-cheerful-expression-closeup-portrait_53876-143271.jpg",          alt: "Fan 5"},
       ]}
       avatarText="Más de 5,000 personas han vivido la experiencia."
     />
@@ -146,41 +106,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "s1",
-          name: "Bogotá - Show 1",
-          price: "$50.000",
-          imageSrc: "http://img.b2bpic.net/free-vector/stand-up-comedy-banner-with-red-curtains-background_1308-79470.jpg",
-        },
+          id: "s1",          name: "Bogotá - Show 1",          price: "$50.000",          imageSrc: "http://img.b2bpic.net/free-vector/stand-up-comedy-banner-with-red-curtains-background_1308-79470.jpg"},
         {
-          id: "s2",
-          name: "Medellín - Show 2",
-          price: "$50.000",
-          imageSrc: "http://img.b2bpic.net/free-vector/stand-up-comedy-banner-with-vintage-microphone_1308-77782.jpg",
-        },
+          id: "s2",          name: "Medellín - Show 2",          price: "$50.000",          imageSrc: "http://img.b2bpic.net/free-vector/stand-up-comedy-banner-with-vintage-microphone_1308-77782.jpg"},
         {
-          id: "s3",
-          name: "Cali - Show 3",
-          price: "$45.000",
-          imageSrc: "http://img.b2bpic.net/free-vector/stand-up-comedy-banner-with-red-curtain-background_1308-77625.jpg",
-        },
+          id: "s3",          name: "Cali - Show 3",          price: "$45.000",          imageSrc: "http://img.b2bpic.net/free-vector/stand-up-comedy-banner-with-red-curtain-background_1308-77625.jpg"},
         {
-          id: "s4",
-          name: "Barranquilla - Show 4",
-          price: "$45.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169248.jpg?_wi=1",
-        },
+          id: "s4",          name: "Barranquilla - Show 4",          price: "$45.000",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169248.jpg?_wi=1"},
         {
-          id: "s5",
-          name: "Bucaramanga - Show 5",
-          price: "$40.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/girls-music-band-with-microphone_1163-2521.jpg",
-        },
+          id: "s5",          name: "Bucaramanga - Show 5",          price: "$40.000",          imageSrc: "http://img.b2bpic.net/free-photo/girls-music-band-with-microphone_1163-2521.jpg"},
         {
-          id: "s6",
-          name: "Pereira - Show 6",
-          price: "$40.000",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169248.jpg?_wi=2",
-        },
+          id: "s6",          name: "Pereira - Show 6",          price: "$40.000",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169248.jpg?_wi=2"},
       ]}
       title="Próximas Fechas"
       description="No te quedes sin tu boleta. Reserva tu lugar hoy mismo."
@@ -195,45 +131,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Laura",
-          role: "Fan",
-          company: "Fans",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3322.jpg?_wi=2",
-        },
+          id: "t1",          name: "Laura",          role: "Fan",          company: "Fans",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3322.jpg?_wi=2"},
         {
-          id: "t2",
-          name: "Pedro",
-          role: "Fan",
-          company: "Fans",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunet-man-wearing-red-bandana_273609-10076.jpg?_wi=2",
-        },
+          id: "t2",          name: "Pedro",          role: "Fan",          company: "Fans",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/stylish-brunet-man-wearing-red-bandana_273609-10076.jpg?_wi=2"},
         {
-          id: "t3",
-          name: "Maria",
-          role: "Fan",
-          company: "Fans",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/emotional-hipster-girl-exclaims-loudly-reacts-something-expresses-emotions-keeps-palms-raised-mouth-widely-opened-wears-leather-jacket-isolated-red-wall_273609-53758.jpg?_wi=2",
-        },
+          id: "t3",          name: "Maria",          role: "Fan",          company: "Fans",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/emotional-hipster-girl-exclaims-loudly-reacts-something-expresses-emotions-keeps-palms-raised-mouth-widely-opened-wears-leather-jacket-isolated-red-wall_273609-53758.jpg?_wi=2"},
         {
-          id: "t4",
-          name: "Luis",
-          role: "Fan",
-          company: "Fans",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/thumb-up-collaboration-teamwork-concept_1357-339.jpg?_wi=2",
-        },
+          id: "t4",          name: "Luis",          role: "Fan",          company: "Fans",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/thumb-up-collaboration-teamwork-concept_1357-339.jpg?_wi=2"},
         {
-          id: "t5",
-          name: "Sofia",
-          role: "Fan",
-          company: "Fans",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-cheerful-expression-closeup-portrait_53876-143271.jpg?_wi=2",
-        },
+          id: "t5",          name: "Sofia",          role: "Fan",          company: "Fans",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-smiling-cheerful-expression-closeup-portrait_53876-143271.jpg?_wi=2"},
       ]}
       title="Lo que dicen de Shows Alerta"
       description="Nuestra audiencia lo confirma: el humor vuelve a tener sentido."
@@ -246,46 +157,32 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "¿Son eventos aptos para todo público?",
-          content: "No, nuestros shows son de humor negro sin filtros, recomendados para mayores de 18 años.",
-        },
+          id: "f1",          title: "¿Son eventos aptos para todo público?",          content: "Nuestros eventos están diseñados para una audiencia adulta. Por razones de contenido y lenguaje, se recomienda el ingreso únicamente a mayores de 18 años."},
         {
-          id: "f2",
-          title: "¿Puedo comprar entradas en puerta?",
-          content: "Sujeto a disponibilidad, pero recomendamos comprar con antelación online para asegurar tu cupo.",
-        },
+          id: "f2",          title: "¿Dónde puedo comprar mis entradas?",          content: "Las entradas se encuentran disponibles exclusivamente a través de nuestra plataforma oficial o puntos de venta autorizados. ¡Asegura tu lugar con tiempo!"},
         {
-          id: "f3",
-          title: "¿Tienen políticas de devolución?",
-          content: "Las devoluciones aplican solo en caso de cancelación total del evento por nuestra parte.",
-        },
+          id: "f3",          title: "¿Tienen descuentos para grupos?",          content: "Sí, contamos con paquetes especiales para grupos de más de 10 personas. Escríbenos en la sección de contacto para obtener más información."},
       ]}
       title="Preguntas Frecuentes"
-      description="Todo lo que necesitas saber antes de entrar al show."
+      description="Todo lo que necesitas saber para disfrutar de la experiencia al máximo."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
-      useInvertedBackground={false}
-      title="Contáctanos"
-      description="¿Tienes alguna duda o quieres llevar el show a tu ciudad? Escríbenos."
+      useInvertedBackground={true}
+      title="Mantente informado"
+      description="Suscríbete a nuestra lista de correo para recibir notificaciones sobre nuevas fechas, preventas exclusivas y contenido detrás de cámaras."
       inputs={[
         {
-          name: "name",
-          type: "text",
-          placeholder: "Tu nombre",
-          required: true,
+          name: "name",          type: "text",          placeholder: "Nombre completo",          required: true,
         },
         {
-          name: "email",
-          type: "email",
-          placeholder: "Tu correo",
-          required: true,
+          name: "email",          type: "email",          placeholder: "Correo electrónico",          required: true,
         },
       ]}
+      buttonText="Suscribirse"
       imageSrc="http://img.b2bpic.net/free-photo/happy-young-man-yellow-turtleneck-glasses-with-funny-red-tie-holding-microphone-pointing-with-index-figner-side-standing-green-wall_141793-43301.jpg?_wi=2"
     />
   </div>
@@ -296,25 +193,21 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "Inicio",
-              href: "#hero",
-            },
+              label: "Inicio",              href: "#hero"},
             {
-              label: "Shows",
-              href: "#shows",
-            },
+              label: "Nuestra Historia",              href: "#about"},
+            {
+              label: "Ver Shows",              href: "#shows"},
           ],
         },
         {
           items: [
             {
-              label: "Contacto",
-              href: "#contact",
-            },
+              label: "Preguntas Frecuentes",              href: "#faq"},
             {
-              label: "Privacidad",
-              href: "#",
-            },
+              label: "Contacto",              href: "#contact"},
+            {
+              label: "Privacidad",              href: "#"},
           ],
         },
       ]}
@@ -324,4 +217,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #FF7B05;
+  --background: #0A0A0A;
+  --card: #1a1a1a;
+  --foreground: #ffffff;
+  --primary-cta: #D4A843;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #FF7B05;
+  --accent: #D4A843;
+  --background-accent: #D4A843;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);