Merge version_1 into main #1
337
src/app/page.tsx
337
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user