From e908184cb476149a84448ec9f4744d5dc2a1a2d9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 16:47:54 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 337 +++++++++++++++++------------------------------
 1 file changed, 119 insertions(+), 218 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c5a3d15..f5d5ab2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,234 +17,135 @@ export default function LandingPage() {
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="reveal-blur"
         borderRadius="soft"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Cómo funciona",
-          id: "modelo",
-        },
-        {
-          name: "Beneficios",
-          id: "beneficios",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
-      ]}
-      brandName="Unas Visitas"
-      button={{
-        text: "Registrarse",
-        href: "#cta",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Cómo funciona", id: "modelo" },
+              { name: "Beneficios", id: "beneficios" },
+              { name: "FAQ", id: "faq" },
+            ]}
+            brandName="Unas Visitas"
+            button={{ text: "Registrarse", href: "#cta" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardGallery
-      background={{
-        variant: "plain",
-      }}
-      title="Solo pagas si tu negocio se vuelve viral."
-      description="Conectamos empresas con los mejores creadores de contenido. Resultados garantizados, cero riesgo: solo pagas por visitas reales. Tu próximo gran hit empieza hoy."
-      buttons={[
-        {
-          text: "Soy Empresa",
-          href: "#cta",
-        },
-        {
-          text: "Soy Creador",
-          href: "#cta",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-working-smart-phone-laptop_1150-7561.jpg",
-          imageAlt: "Dashboard Analíticas",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-with-phones-indoors_23-2149418082.jpg",
-          imageAlt: "Colaboración",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-technology-graph-presentation-with-businessman-hand-overlay_53876-101946.jpg",
-          imageAlt: "Crecimiento",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg",
-          imageAlt: "Dashboard Analíticas",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-16157.jpg",
-          imageAlt: "Colaboración",
-        },
-      ]}
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardGallery
+            background={{ variant: "plain" }}
+            title="Solo pagas si tu negocio se vuelve viral."
+            description="Conectamos empresas con los mejores creadores de contenido. Resultados garantizados, cero riesgo: solo pagas por visitas reales. Tu próximo gran hit empieza hoy."
+            buttons={[{ text: "Soy Empresa", href: "#cta" }, { text: "Soy Creador", href: "#cta" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-man-working-smart-phone-laptop_1150-7561.jpg", imageAlt: "Dashboard Analíticas" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-with-phones-indoors_23-2149418082.jpg", imageAlt: "Colaboración" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/high-technology-graph-presentation-with-businessman-hand-overlay_53876-101946.jpg", imageAlt: "Crecimiento" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/business-work-area_1388-82.jpg", imageAlt: "Dashboard Analíticas" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/young-team-coworkers-working-project_273609-16157.jpg", imageAlt: "Colaboración" }
+            ]}
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="modelo" data-section="modelo">
-      <FeatureCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Cero riesgo",
-          description: "Si la campaña no cumple las visitas pactadas, no pagas nada.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904326.jpg",
-          imageAlt: "Cero riesgo",
-        },
-        {
-          title: "ROI transparente",
-          description: "Tus KPIs claros antes de empezar. Sin métricas de vanidad, solo resultados.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-pointing-his-finger-growth-graph_53876-96227.jpg",
-          imageAlt: "ROI transparente",
-        },
-        {
-          title: "Verificación real",
-          description: "Tecnología anti-bots para garantizar que cada visita sea un humano real.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149151157.jpg",
-          imageAlt: "Verificación real",
-        },
-      ]}
-      title="Un modelo de éxito total."
-      description="El 60% para el creador que logra el objetivo y el 40% para la plataforma que garantiza resultados. Tan simple como eso."
-    />
-  </div>
+        <div id="modelo" data-section="modelo">
+          <FeatureCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={true}
+            features={[
+              { title: "Cero riesgo", description: "Si la campaña no cumple las visitas pactadas, no pagas nada.", imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904326.jpg", imageAlt: "Cero riesgo" },
+              { title: "ROI transparente", description: "Tus KPIs claros antes de empezar. Sin métricas de vanidad, solo resultados.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-pointing-his-finger-growth-graph_53876-96227.jpg", imageAlt: "ROI transparente" },
+              { title: "Verificación real", description: "Tecnología anti-bots para garantizar que cada visita sea un humano real.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-smartphone_23-2149151157.jpg", imageAlt: "Verificación real" }
+            ]}
+            title="Un modelo de éxito total."
+            description="El 60% para el creador que logra el objetivo y el 40% para la plataforma que garantiza resultados. Tan simple como eso."
+          />
+        </div>
 
-  <div id="beneficios" data-section="beneficios">
-      <MediaAbout
-      useInvertedBackground={false}
-      title="Empresas: Escala con resultados medibles."
-      description="Define tu presupuesto, establece el objetivo de visitas y lanza tu campaña. Deja que los mejores creadores de contenido hagan su magia y escala tu visibilidad sin malgastar tu presupuesto publicitario."
-      imageSrc="http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063150.jpg"
-      imageAlt="Analíticas avanzadas de marketing"
-    />
-  </div>
+        <div id="beneficios" data-section="beneficios">
+          <MediaAbout
+            useInvertedBackground={false}
+            title="Empresas: Escala con resultados medibles."
+            description="Define tu presupuesto, establece el objetivo de visitas y lanza tu campaña. Deja que los mejores creadores de contenido hagan su magia y escala tu visibilidad sin malgastar tu presupuesto publicitario."
+            imageSrc="http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063150.jpg"
+            imageAlt="Analíticas avanzadas de marketing"
+          />
+        </div>
 
-  <div id="creadores" data-section="creadores">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Creadores: Monetiza tu alcance creativo."
-      description="Tienes el talento, tienes la audiencia. Ahora, tienes las marcas. Elige las campañas que se ajusten a tu estilo, publica y empieza a ganar dinero real basado en el éxito de tu contenido."
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-beauty-content-creator-sitting-room-front-digital-camera_1258-255089.jpg"
-      imageAlt="Creador colaborando con marcas"
-    />
-  </div>
+        <div id="creadores" data-section="creadores">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="Creadores: Monetiza tu alcance creativo."
+            description="Tienes el talento, tienes la audiencia. Ahora, tienes las marcas. Elige las campañas que se ajusten a tu estilo, publica y empieza a ganar dinero real basado en el éxito de tu contenido."
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-young-woman-beauty-content-creator-sitting-room-front-digital-camera_1258-255089.jpg"
+            imageAlt="Creador colaborando con marcas"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ana García",
-          role: "CMO",
-          testimonial: "Unas Visitas cambió nuestra forma de ver el marketing. 1M de visitas en 48 horas sin pagar por impresiones inútiles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-listening-music-using_107420-64815.jpg",
-        },
-        {
-          id: "2",
-          name: "Luis M.",
-          role: "Creador",
-          testimonial: "Por fin una plataforma que valora mi alcance real. Cobrar basado en resultados me motiva a hacer mejor contenido.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg",
-        },
-        {
-          id: "3",
-          name: "Sofía R.",
-          role: "Brand Manager",
-          testimonial: "El modelo 60/40 es justo y transparente. Es la solución definitiva para marcas que buscan ROI real.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg",
-        },
-        {
-          id: "4",
-          name: "Javi P.",
-          role: "Creador",
-          testimonial: "Ganar dinero por visitas reales cambió mi carrera. Ya no dependo de algoritmos inciertos.",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
-        },
-        {
-          id: "5",
-          name: "Elena V.",
-          role: "Emprendedora",
-          testimonial: "Lanzamos nuestro producto y logramos hit viral inmediato. Calidad garantizada.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg",
-        },
-      ]}
-      title="Historias de éxito viral"
-      description="Marcas que escalaron y creadores que multiplicaron sus ingresos."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Ana García", role: "CMO", testimonial: "Unas Visitas cambió nuestra forma de ver el marketing. 1M de visitas en 48 horas sin pagar por impresiones inútiles.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-listening-music-using_107420-64815.jpg" },
+              { id: "2", name: "Luis M.", role: "Creador", testimonial: "Por fin una plataforma que valora mi alcance real. Cobrar basado en resultados me motiva a hacer mejor contenido.", imageSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908447.jpg" },
+              { id: "3", name: "Sofía R.", role: "Brand Manager", testimonial: "El modelo 60/40 es justo y transparente. Es la solución definitiva para marcas que buscan ROI real.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-14028.jpg" },
+              { id: "4", name: "Javi P.", role: "Creador", testimonial: "Ganar dinero por visitas reales cambió mi carrera. Ya no dependo de algoritmos inciertos.", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg" },
+              { id: "5", name: "Elena V.", role: "Emprendedora", testimonial: "Lanzamos nuestro producto y logramos hit viral inmediato. Calidad garantizada.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg" }
+            ]}
+            title="Historias de éxito viral"
+            description="Marcas que escalaron y creadores que multiplicaron sus ingresos."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "1",
-          title: "¿Cómo se verifican las visitas?",
-          content: "Usamos tecnología de tracking avanzada y auditoría externa para asegurar que cada visita cumpla con los estándares reales y anti-bots.",
-        },
-        {
-          id: "2",
-          title: "¿Qué pasa si no se llega al objetivo?",
-          content: "Si no se alcanzan las visitas pactadas, la campaña no se cobra. Tu presupuesto está siempre protegido.",
-        },
-        {
-          id: "3",
-          title: "¿Puedo elegir qué creadores usan mi marca?",
-          content: "Absolutamente. Tú decides qué campañas apruebas y qué creadores encajan mejor con el tono de tu marca.",
-        },
-      ]}
-      title="Preguntas frecuentes"
-      description="Todo lo que necesitas saber sobre el funcionamiento de la plataforma."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "1", title: "¿Cómo se verifican las visitas?", content: "Usamos tecnología de tracking avanzada y auditoría externa para asegurar que cada visita cumpla con los estándares reales y anti-bots." },
+              { id: "2", title: "¿Qué pasa si no se llega al objetivo?", content: "Si no se alcanzan las visitas pactadas, la campaña no se cobra. Tu presupuesto está siempre protegido." },
+              { id: "3", title: "¿Puedo elegir qué creadores usan mi marca?", content: "Absolutamente. Tú decides qué campañas apruebas y qué creadores encajan mejor con el tono de tu marca." }
+            ]}
+            title="Preguntas frecuentes"
+            description="Todo lo que necesitas saber sobre el funcionamiento de la plataforma."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="cta" data-section="cta">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Tu negocio a un paso de la viralidad."
-      description="Regístrate hoy como empresa o creador y empieza a generar valor real desde el primer segundo."
-      imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003754.jpg"
-      buttonText="Empezar ahora"
-      tag="Unirse ahora"
-      imageAlt="Crecimiento viral"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="cta" data-section="cta">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            title="Tu negocio a un paso de la viralidad."
+            description="Regístrate hoy como empresa o creador y empieza a generar valor real desde el primer segundo."
+            imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003754.jpg"
+            buttonText="Empezar ahora"
+            tag="Unirse ahora"
+            imageAlt="Crecimiento viral"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Unas Visitas"
-      leftLink={{
-        text: "Privacidad",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contacto",
-        href: "mailto:hello@unasvisitas.com",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Unas Visitas"
+            leftLink={{ text: "Privacidad", href: "#" }}
+            rightLink={{ text: "Contacto", href: "mailto:hello@unasvisitas.com" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1