Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-29 11:45:09 +00:00

View File

@@ -28,353 +28,138 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Resultados",
id: "results",
},
{
name: "Paquetes",
id: "pricing",
},
{
name: "Testimonios",
id: "testimonials",
},
{
name: "Proceso",
id: "process",
},
{
name: "Contacto",
id: "contact",
},
]}
brandName="StaneWebs"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Resultados", id: "results" },
{ name: "Paquetes", id: "pricing" },
{ name: "Testimonios", id: "testimonials" },
{ name: "Proceso", id: "process" },
{ name: "Contacto", id: "contact" },
]}
brandName="StaneWebs"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{
variant: "glowing-orb",
}}
title="Creemos presencia online que hace crecer tu negocio"
description="Webs profesionales • Visibilidad en Google • Contenido IA incluido"
testimonials={[
{
name: "Carlos M.",
handle: "Restaurante Miami",
testimonial: "En 2 días tenía mi web lista y empecé a recibir reservas desde Google.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=1",
},
{
name: "Ana R.",
handle: "Clínica Estética",
testimonial: "La web transmite la confianza que buscaba y se nota en las ventas.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg?_wi=1",
},
{
name: "Luis P.",
handle: "Barbería Pro",
testimonial: "El contenido IA que me generaron fue un game changer.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg?_wi=1",
},
{
name: "Sofia G.",
handle: "Real Estate Miami",
testimonial: "Ahora aparezco en Maps con fotos y botón de reserva. Impresionante.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg?_wi=1",
},
{
name: "Javier D.",
handle: "Consultoría Legal",
testimonial: "La automatización del contenido ha liberado horas de trabajo. Recomendado.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=2",
},
]}
buttons={[
{
text: "Agendar llamada de estrategia",
href: "#contact",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png?_wi=1"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={true}
background={{ variant: "glowing-orb" }}
title="Creemos presencia online que hace crecer tu negocio"
description="Webs profesionales • Visibilidad en Google • Contenido IA incluido"
testimonials={[
{ name: "Carlos M.", handle: "Restaurante Miami", testimonial: "En 2 días tenía mi web lista y empecé a recibir reservas desde Google.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
{ name: "Ana R.", handle: "Clínica Estética", testimonial: "La web transmite la confianza que buscaba y se nota en las ventas.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg" },
{ name: "Luis P.", handle: "Barbería Pro", testimonial: "El contenido IA que me generaron fue un game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg" },
{ name: "Sofia G.", handle: "Real Estate Miami", testimonial: "Ahora aparezco en Maps con fotos y botón de reserva. Impresionante.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg" },
{ name: "Javier D.", handle: "Consultoría Legal", testimonial: "La automatización del contenido ha liberado horas de trabajo. Recomendado.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
]}
buttons={[{ text: "Agendar llamada de estrategia", href: "#contact" }]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png"
/>
</div>
<div id="results" data-section="results">
<MetricCardEleven
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "+35%",
title: "Más leads generados",
description: "Incremento promedio de prospectos calificados.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png?_wi=1",
},
{
id: "m2",
value: "+40%",
title: "Más pedidos WhatsApp",
description: "Optimización de botones de contacto directo.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png?_wi=2",
},
{
id: "m3",
value: "24h",
title: "Tiempo de entrega",
description: "Eficiencia garantizada con contenido IA.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png?_wi=3",
},
]}
title="Resultados Medibles"
description="Datos reales que impulsan la rentabilidad de tu negocio desde el día uno."
/>
</div>
<div id="results" data-section="results">
<MetricCardEleven
animationType="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "m1", value: "+35%", title: "Más leads generados", description: "Incremento promedio de prospectos calificados.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png" },
{ id: "m2", value: "+40%", title: "Más pedidos WhatsApp", description: "Optimización de botones de contacto directo.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png" },
{ id: "m3", value: "24h", title: "Tiempo de entrega", description: "Eficiencia garantizada con contenido IA.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png" },
]}
title="Resultados Medibles"
description="Datos reales que impulsan la rentabilidad de tu negocio desde el día uno."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{
id: "starter",
badge: "Básico",
price: "Personalizado",
subtitle: "Presencia profesional inmediata",
features: [
"Diseño web responsive",
"SEO básico",
"Integración WhatsApp",
],
},
{
id: "pro",
badge: "Más Elegido",
price: "Personalizado",
subtitle: "Visibilidad y conversiones",
features: [
"Todo lo anterior",
"Google Maps optimizado",
"Contenido IA avanzado",
],
},
{
id: "vip",
badge: "Liderazgo",
price: "Personalizado",
subtitle: "Dominio de tu sector",
features: [
"Presencia Premium 360",
"SEO de alta competencia",
"Soporte priority",
],
},
]}
title="Elige el sistema de crecimiento"
description="Seleccionamos la solución exacta para escalar tu presencia en el mercado."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardOne
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={true}
plans={[
{ id: "starter", badge: "Básico", price: "Personalizado", subtitle: "Presencia profesional inmediata", features: ["Diseño web responsive", "SEO básico", "Integración WhatsApp"] },
{ id: "pro", badge: "Más Elegido", price: "Personalizado", subtitle: "Visibilidad y conversiones", features: ["Todo lo anterior", "Google Maps optimizado", "Contenido IA avanzado"] },
{ id: "vip", badge: "Liderazgo", price: "Personalizado", subtitle: "Dominio de tu sector", features: ["Presencia Premium 360", "SEO de alta competencia", "Soporte priority"] },
]}
title="Elige el sistema de crecimiento"
description="Seleccionamos la solución exacta para escalar tu presencia en el mercado."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Carlos M.",
role: "Restaurante Miami",
company: "Miami Eats",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=3",
},
{
id: "t2",
name: "Ana R.",
role: "Clínica",
company: "Beauty Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg?_wi=2",
},
{
id: "t3",
name: "Luis P.",
role: "Propietario",
company: "Barberia Pro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg?_wi=2",
},
{
id: "t4",
name: "Sofia G.",
role: "Manager",
company: "Real Estate",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg?_wi=2",
},
{
id: "t5",
name: "Marco V.",
role: "Director",
company: "Tech Solutions",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg?_wi=3",
},
]}
kpiItems={[
{
value: "100%",
label: "Satisfacción",
},
{
value: "500+",
label: "Webs lanzadas",
},
{
value: "24h",
label: "Respuesta",
},
]}
title="Lo que dicen nuestros clientes"
description="Casos de éxito que respaldan nuestra metodología de crecimiento premium."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="scale-rotate"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Carlos M.", role: "Restaurante Miami", company: "Miami Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
{ id: "t2", name: "Ana R.", role: "Clínica", company: "Beauty Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg" },
{ id: "t3", name: "Luis P.", role: "Propietario", company: "Barberia Pro", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg" },
{ id: "t4", name: "Sofia G.", role: "Manager", company: "Real Estate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-pressing-buzzer-button_23-2149586558.jpg" },
{ id: "t5", name: "Marco V.", role: "Director", company: "Tech Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-vector/modern-business-flyer-with-photo-mosaic_23-2148004440.jpg" },
]}
kpiItems={[
{ value: "100%", label: "Satisfacción" },
{ value: "500+", label: "Webs lanzadas" },
{ value: "24h", label: "Respuesta" },
]}
title="Lo que dicen nuestros clientes"
description="Casos de éxito que respaldan nuestra metodología de crecimiento premium."
/>
</div>
<div id="process" data-section="process">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Presencia Online",
description: "Construimos tu plataforma con diseño premium y conversión asegurada.",
bentoComponent: "reveal-icon",
icon: Globe,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png?_wi=2",
imageAlt: "A hyper-realistic, cinematic 3D digital globe representing a global business network. The planet fea",
},
{
title: "Visibilidad Google",
description: "Optimizamos tu perfil y sitio para que te encuentren hoy mismo.",
bentoComponent: "reveal-icon",
icon: Search,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-floating-composition-of-a-modern-macbo-1774784659524-5beb3417.png?_wi=4",
imageAlt: "A floating composition of a modern MacBook Pro and iPhone 16 Pro in a luxury studio setting. Sleek m",
},
{
title: "Conversión IA",
description: "Automatizamos el contenido que atrae y cierra nuevos clientes.",
bentoComponent: "reveal-icon",
icon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg?_wi=4",
imageAlt: "professional headshot portrait",
},
]}
title="Cómo ayudamos a crecer tu negocio"
description="Una metodología estructurada para resultados predecibles y escalables."
/>
</div>
<div id="process" data-section="process">
<FeatureBento
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ title: "Presencia Online", description: "Construimos tu plataforma con diseño premium y conversión asegurada.", bentoComponent: "reveal-icon", icon: Globe },
{ title: "Visibilidad Google", description: "Optimizamos tu perfil y sitio para que te encuentren hoy mismo.", bentoComponent: "reveal-icon", icon: Search },
{ title: "Conversión IA", description: "Automatizamos el contenido que atrae y cierra nuevos clientes.", bentoComponent: "reveal-icon", icon: Zap },
]}
title="Cómo ayudamos a crecer tu negocio"
description="Una metodología estructurada para resultados predecibles y escalables."
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "¿Cuánto tardan en entregar mi web?",
content: "En promedio 48 horas tras recopilar la información.",
},
{
id: "f2",
title: "¿Qué necesito para empezar?",
content: "Solo tus fotos, logo y los objetivos de tu negocio.",
},
{
id: "f3",
title: "¿Tienen garantía?",
content: "Sí, satisfacción garantizada o ajustamos el diseño hasta que estés feliz.",
},
{
id: "f4",
title: "¿Mi negocio aparecerá en Google?",
content: "Nos enfocamos en optimizar tu presencia para que aparezcas en buscadores.",
},
]}
title="¿Tienes preguntas?"
description="Aquí resolvemos tus dudas sobre nuestro sistema de crecimiento."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "¿Cuánto tardan en entregar mi web?", content: "En promedio 48 horas tras recopilar la información." },
{ id: "f2", title: "¿Qué necesito para empezar?", content: "Solo tus fotos, logo y los objetivos de tu negocio." },
{ id: "f3", title: "¿Tienen garantía?", content: "Sí, satisfacción garantizada o ajustamos el diseño hasta que estés feliz." },
{ id: "f4", title: "¿Mi negocio aparecerá en Google?", content: "Nos enfocamos en optimizar tu presencia para que aparezcas en buscadores." },
]}
title="¿Tienes preguntas?"
description="Aquí resolvemos tus dudas sobre nuestro sistema de crecimiento."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
text="Hablemos. En 24h te enviamos una demo personalizada de cómo se verá tu negocio."
buttons={[
{
text: "Solicitar tu llamada",
href: "tel:+1234567890",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
text="Hablemos. En 24h te enviamos una demo personalizada de cómo se verá tu negocio."
buttons={[{ text: "Solicitar tu llamada", href: "tel:+1234567890" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png?_wi=3"
columns={[
{
title: "Navegación",
items: [
{
label: "Resultados",
href: "#results",
},
{
label: "Paquetes",
href: "#pricing",
},
{
label: "Contacto",
href: "#contact",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacidad",
href: "#",
},
{
label: "Términos",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/a-hyper-realistic-cinematic-3d-digital-g-1774784659805-de78d86b.png"
columns={[
{ title: "Navegación", items: [{ label: "Resultados", href: "#results" }, { label: "Paquetes", href: "#pricing" }, { label: "Contacto", href: "#contact" }] },
{ title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);