Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e5e173ede | |||
| 1d58e7ec05 | |||
| 2230a63247 | |||
| 79f2481066 | |||
| fb9fd091ba | |||
| e30dea3926 | |||
| 0c78a0ddcb | |||
| 5254ae6b53 |
128
src/app/page.tsx
128
src/app/page.tsx
@@ -30,14 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Servicios", id: "services"},
|
||||
{
|
||||
name: "Paquetes", id: "pricing"},
|
||||
{
|
||||
name: "Cómo funciona", id: "narrative"},
|
||||
{
|
||||
name: "Testimonios", id: "testimonials"},
|
||||
{ name: "Servicios", id: "services" },
|
||||
{ name: "Paquetes", id: "pricing" },
|
||||
{ name: "Cómo funciona", id: "features" },
|
||||
{ name: "Testimonios", id: "testimonials" },
|
||||
]}
|
||||
brandName="STANEWEBS"
|
||||
button={{
|
||||
@@ -48,27 +44,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="STANEWEBS"
|
||||
description="Diseñamos presencia online que hace crecer tu negocio. Soluciones premium para barberías, restaurantes y clínicas."
|
||||
description="Impulsa tu negocio con más clientes locales y reservas automatizadas mediante sitios web profesionales de alto rendimiento diseñados para crecer."
|
||||
buttons={[
|
||||
{
|
||||
text: "Quiero mi demo →", href: "https://wa.me/17869411605"},
|
||||
{
|
||||
text: "Ver paquetes", href: "#pricing"},
|
||||
{ text: "Quiero mi demo →", href: "https://wa.me/17869411605" },
|
||||
{ text: "Ver paquetes", href: "#pricing" },
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=1", imageAlt: "Hero 1"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=2", imageAlt: "Hero 2"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=3", imageAlt: "Hero 3"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=4", imageAlt: "Hero 4"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=5", imageAlt: "Hero 5"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=6", imageAlt: "Hero 6"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=1", imageAlt: "Hero 1" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=2", imageAlt: "Hero 2" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=3", imageAlt: "Hero 3" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=4", imageAlt: "Hero 4" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=5", imageAlt: "Hero 5" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/futuristic-3d-globe-visualization-in-dar-1774758939436-b4d10fa8.png?_wi=6", imageAlt: "Hero 6" },
|
||||
]}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,18 +67,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1", label: "Paso 1", title: "Tu web profesional", items: [
|
||||
"Diseño exclusivo personalizado", "Mobile-first", "Carga <2s"],
|
||||
},
|
||||
{
|
||||
id: "f2", label: "Paso 2", title: "Clientes te encuentran", items: [
|
||||
"Optimización Google", "SEO técnico", "Google My Business"],
|
||||
},
|
||||
{
|
||||
id: "f3", label: "Paso 3", title: "Tu negocio crece", items: [
|
||||
"Más visibilidad", "Más llamadas", "Más reservas"],
|
||||
},
|
||||
{ id: "f1", label: "PASO 1", title: "Construimos tu presencia online", items: ["Diseñamos un sitio web profesional y moderno que representa tu negocio y genera confianza con los visitantes."] },
|
||||
{ id: "f2", label: "PASO 2", title: "Ayudamos a que te encuentren", items: ["Optimizamos tu sitio web para que las personas descubran tu negocio fácilmente cuando buscan tus servicios."] },
|
||||
{ id: "f3", label: "PASO 3", title: "Convertimos visitas en clientes", items: ["Diseñamos tu sitio para convertir visitantes en clientes reales con mensajes claros y un diseño inteligente."] },
|
||||
]}
|
||||
title="El camino al éxito"
|
||||
description="3 pasos claros para transformar tu presencia digital."
|
||||
@@ -103,12 +83,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1", name: "Diseño Web Premium", price: "Desde $350", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/minimalist-premium-globe-icon-golden-met-1774758937930-9b875c0e.png"},
|
||||
{
|
||||
id: "s2", name: "SEO & Google", price: "Optimización Pro", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/minimalist-premium-magnifying-glass-sear-1774758937607-84828e55.png"},
|
||||
{
|
||||
id: "s3", name: "Contenido con IA", price: "Impacto Máximo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/minimalist-premium-sparkling-star-icon-g-1774758938029-3ef60aa8.png"},
|
||||
{ id: "s1", name: "Diseño Web Premium", price: "Desde $350", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/minimalist-premium-globe-icon-golden-met-1774758937930-9b875c0e.png" },
|
||||
{ id: "s2", name: "SEO & Google", price: "Optimización Pro", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/minimalist-premium-magnifying-glass-sear-1774758937607-84828e55.png" },
|
||||
{ id: "s3", name: "Contenido con IA", price: "Impacto Máximo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/minimalist-premium-sparkling-star-icon-g-1774758938029-3ef60aa8.png" },
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Potenciamos tu marca con diseño de alto nivel."
|
||||
@@ -121,30 +98,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", price: "$350", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Solicitar demo", href: "https://wa.me/17869411605"},
|
||||
],
|
||||
features: [
|
||||
"Web 5 páginas", "Mobile-first", "SEO básico"],
|
||||
},
|
||||
{
|
||||
id: "p2", price: "$650", name: "Pro", badge: "Más popular", buttons: [
|
||||
{
|
||||
text: "Solicitar demo", href: "https://wa.me/17869411605"},
|
||||
],
|
||||
features: [
|
||||
"Web 10 páginas", "SEO avanzado", "Google Business"],
|
||||
},
|
||||
{
|
||||
id: "p3", price: "$1200", name: "VIP", buttons: [
|
||||
{
|
||||
text: "Solicitar demo", href: "https://wa.me/17869411605"},
|
||||
],
|
||||
features: [
|
||||
"Páginas ilimitadas", "Animación 3D", "Mantenimiento 6 meses"],
|
||||
},
|
||||
{ id: "p1", price: "$350", name: "Starter", buttons: [{ text: "Solicitar demo", href: "https://wa.me/17869411605" }], features: ["Web 5 páginas", "Mobile-first", "SEO básico"] },
|
||||
{ id: "p2", price: "$650", name: "Pro", badge: "Más popular", buttons: [{ text: "Solicitar demo", href: "https://wa.me/17869411605" }], features: ["Web 10 páginas", "SEO avanzado", "Google Business"] },
|
||||
{ id: "p3", price: "$1200", name: "VIP", buttons: [{ text: "Solicitar demo", href: "https://wa.me/17869411605" }], features: ["Páginas ilimitadas", "Animación 3D", "Mantenimiento 6 meses"] },
|
||||
]}
|
||||
title="Paquetes de Crecimiento"
|
||||
description="Precios competitivos para resultados de élite."
|
||||
@@ -157,16 +113,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "María González", handle: "Clínica Sonría", testimonial: "Las reservas aumentaron un 40% después del rediseño.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-dentist-smili-1774758940531-11c779d0.jpg?_wi=1"},
|
||||
{
|
||||
id: "t2", name: "Carlos Ramírez", handle: "Barbería El Corte", testimonial: "Ahora mi negocio parece una marca corporativa grande.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-barber-confid-1774758938493-7f0345b7.png"},
|
||||
{
|
||||
id: "t3", name: "Ana Martín", handle: "Restaurante La Piazza", testimonial: "Primera página de Google en menos de dos meses.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-restaurant-ma-1774758939044-1b52abec.png"},
|
||||
{
|
||||
id: "t4", name: "Roberto Silva", handle: "FitLife Gym", testimonial: "Web rápida y profesional que atrae clientes reales.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-gym-owner-fit-1774758939464-423207df.png"},
|
||||
{
|
||||
id: "t5", name: "Elena Torres", handle: "Spa Wellness", testimonial: "El equipo de StaneWebs entendió perfectamente mi visión.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-dentist-smili-1774758940531-11c779d0.jpg?_wi=2"},
|
||||
{ id: "t1", name: "María González", handle: "Clínica Sonría", testimonial: "Las reservas aumentaron un 40% después del rediseño.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-dentist-smili-1774758940531-11c779d0.jpg?_wi=1" },
|
||||
{ id: "t2", name: "Carlos Ramírez", handle: "Barbería El Corte", testimonial: "Ahora mi negocio parece una marca corporativa grande.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-barber-confid-1774758938493-7f0345b7.png" },
|
||||
{ id: "t3", name: "Ana Martín", handle: "Restaurante La Piazza", testimonial: "Primera página de Google en menos de dos meses.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-restaurant-ma-1774758939044-1b52abec.png" },
|
||||
{ id: "t4", name: "Roberto Silva", handle: "FitLife Gym", testimonial: "Web rápida y profesional que atrae clientes reales.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-gym-owner-fit-1774758939464-423207df.png" },
|
||||
{ id: "t5", name: "Elena Torres", handle: "Spa Wellness", testimonial: "El equipo de StaneWebs entendió perfectamente mi visión.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BYhtdKdIQReG0TSqCSm5Jg5Xxe/professional-portrait-of-a-dentist-smili-1774758940531-11c779d0.jpg?_wi=2" },
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Negocios locales transformados por StaneWebs."
|
||||
@@ -177,14 +128,10 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "¿Qué incluye la demo gratis?", content: "Una consultoría de 15 minutos para analizar tu negocio y propuesta de valor."},
|
||||
{
|
||||
id: "q2", title: "¿Cuánto tiempo tarda?", content: "Entregas express en 7 a 14 días laborables."},
|
||||
{
|
||||
id: "q3", title: "¿Necesito saber de tecnología?", content: "Para nada, nosotros gestionamos todo el proceso técnico."},
|
||||
{
|
||||
id: "q4", title: "¿Cuánto cuesta?", content: "Desde $350 para soluciones escalables."},
|
||||
{ id: "q1", title: "¿Qué incluye la demo gratis?", content: "Una consultoría de 15 minutos para analizar tu negocio y propuesta de valor." },
|
||||
{ id: "q2", title: "¿Cuánto tiempo tarda?", content: "Entregas express en 7 a 14 días laborables." },
|
||||
{ id: "q3", title: "¿Necesito saber de tecnología?", content: "Para nada, nosotros gestionamos todo el proceso técnico." },
|
||||
{ id: "q4", title: "¿Cuánto cuesta?", content: "Desde $350 para soluciones escalables." },
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
sideDescription="Respondemos tus dudas sobre el proceso."
|
||||
@@ -195,8 +142,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Contacto"
|
||||
title="Transforma tu negocio hoy"
|
||||
description="Escríbenos por WhatsApp para una asesoría personalizada."
|
||||
@@ -208,13 +154,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="STANEWEBS"
|
||||
leftLink={{
|
||||
text: "Privacidad", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Términos", href: "#"}}
|
||||
leftLink={{ text: "Privacidad", href: "#" }}
|
||||
rightLink={{ text: "Términos", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user