Merge version_1 into main #2
211
src/app/page.tsx
211
src/app/page.tsx
@@ -31,27 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "services",
|
||||
},
|
||||
name: "Servicios", id: "services"},
|
||||
{
|
||||
name: "Paquetes",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Paquetes", id: "pricing"},
|
||||
{
|
||||
name: "Cómo funciona",
|
||||
id: "narrative",
|
||||
},
|
||||
name: "Cómo funciona", id: "narrative"},
|
||||
{
|
||||
name: "Testimonios",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonios", id: "testimonials"},
|
||||
]}
|
||||
brandName="STANEWEBS"
|
||||
button={{
|
||||
text: "Demo gratis",
|
||||
href: "https://wa.me/17869411605",
|
||||
}}
|
||||
text: "Demo gratis", href: "https://wa.me/17869411605"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,39 +51,23 @@ export default function LandingPage() {
|
||||
description="Diseñamos presencia online que hace crecer tu negocio. Soluciones premium para barberías, restaurantes y clínicas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Quiero mi demo →",
|
||||
href: "https://wa.me/17869411605",
|
||||
},
|
||||
text: "Quiero mi demo →", href: "https://wa.me/17869411605"},
|
||||
{
|
||||
text: "Ver paquetes",
|
||||
href: "#pricing",
|
||||
},
|
||||
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", 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", 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", 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", 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", 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", imageAlt: "Hero 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,34 +79,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Paso 1",
|
||||
title: "Tu web profesional",
|
||||
items: [
|
||||
"Diseño exclusivo personalizado",
|
||||
"Mobile-first",
|
||||
"Carga <2s",
|
||||
],
|
||||
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: "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: "f3", label: "Paso 3", title: "Tu negocio crece", items: [
|
||||
"Más visibilidad", "Más llamadas", "Más reservas"],
|
||||
},
|
||||
]}
|
||||
title="El camino al éxito"
|
||||
@@ -142,28 +98,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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: "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: "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: "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."
|
||||
@@ -177,53 +122,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$350",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "p1", price: "$350", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Solicitar demo",
|
||||
href: "https://wa.me/17869411605",
|
||||
},
|
||||
text: "Solicitar demo", href: "https://wa.me/17869411605"},
|
||||
],
|
||||
features: [
|
||||
"Web 5 páginas",
|
||||
"Mobile-first",
|
||||
"SEO básico",
|
||||
],
|
||||
"Web 5 páginas", "Mobile-first", "SEO básico"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$650",
|
||||
name: "Pro",
|
||||
badge: "Más popular",
|
||||
buttons: [
|
||||
id: "p2", price: "$650", name: "Pro", badge: "Más popular", buttons: [
|
||||
{
|
||||
text: "Solicitar demo",
|
||||
href: "https://wa.me/17869411605",
|
||||
},
|
||||
text: "Solicitar demo", href: "https://wa.me/17869411605"},
|
||||
],
|
||||
features: [
|
||||
"Web 10 páginas",
|
||||
"SEO avanzado",
|
||||
"Google Business",
|
||||
],
|
||||
"Web 10 páginas", "SEO avanzado", "Google Business"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$1200",
|
||||
name: "VIP",
|
||||
buttons: [
|
||||
id: "p3", price: "$1200", name: "VIP", buttons: [
|
||||
{
|
||||
text: "Solicitar demo",
|
||||
href: "https://wa.me/17869411605",
|
||||
},
|
||||
text: "Solicitar demo", href: "https://wa.me/17869411605"},
|
||||
],
|
||||
features: [
|
||||
"Páginas ilimitadas",
|
||||
"Animación 3D",
|
||||
"Mantenimiento 6 meses",
|
||||
],
|
||||
"Páginas ilimitadas", "Animación 3D", "Mantenimiento 6 meses"],
|
||||
},
|
||||
]}
|
||||
title="Paquetes de Crecimiento"
|
||||
@@ -233,44 +153,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
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: "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"},
|
||||
{
|
||||
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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Lo que dicen nuestros clientes"
|
||||
description="Negocios locales transformados por StaneWebs."
|
||||
@@ -282,25 +178,13 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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: "q4", title: "¿Cuánto cuesta?", content: "Desde $350 para soluciones escalables."},
|
||||
]}
|
||||
sideTitle="Preguntas Frecuentes"
|
||||
sideDescription="Respondemos tus dudas sobre el proceso."
|
||||
@@ -312,8 +196,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contacto"
|
||||
title="Transforma tu negocio hoy"
|
||||
description="Escríbenos por WhatsApp para una asesoría personalizada."
|
||||
@@ -326,13 +209,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="STANEWEBS"
|
||||
leftLink={{
|
||||
text: "Privacidad",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacidad", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Términos",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Términos", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user