Update src/app/page.tsx
This commit is contained in:
152
src/app/page.tsx
152
src/app/page.tsx
@@ -29,80 +29,44 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Problemas", id: "problemas"},
|
||||
{
|
||||
name: "Cómo funciona", id: "funciona"},
|
||||
{
|
||||
name: "Beneficios", id: "beneficios"},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Problemas", id: "problemas" },
|
||||
{ name: "Cómo funciona", id: "funciona" },
|
||||
{ name: "Beneficios", id: "beneficios" },
|
||||
]}
|
||||
brandName="BarberBot"
|
||||
button={{
|
||||
text: "Solicitar demo", href: "#contacto"}}
|
||||
button={{ text: "Solicitar demo", href: "#contacto" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Automatizá tu barbería con BarberBot"
|
||||
description="Tu asistente de IA en WhatsApp que gestiona reservas 24/7 sin que muevas un dedo. Recuperá tiempo y llená tu agenda automáticamente."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-taking-break-with-smartphone_23-2150522263.jpg", imageAlt: "BarberBot WhatsApp Interface"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671564.jpg", imageAlt: "Scheduling UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/mobile-app-concept_52683-5723.jpg", imageAlt: "Chat History"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-chatting-her-smartphone_53876-94700.jpg", imageAlt: "Automated Response"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-notebook-arrangement_23-2149854989.jpg", imageAlt: "Appointment Confirmed"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-taking-break-with-smartphone_23-2150522263.jpg", imageAlt: "BarberBot WhatsApp Interface" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671564.jpg", imageAlt: "Scheduling UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/mobile-app-concept_52683-5723.jpg", imageAlt: "Chat History" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-chatting-her-smartphone_53876-94700.jpg", imageAlt: "Automated Response" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-smartphone-notebook-arrangement_23-2149854989.jpg", imageAlt: "Appointment Confirmed" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg", imageAlt: "BarberBot Chat"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-call-center-agent-helping-customers-regain-access-accounts_482257-126661.jpg", imageAlt: "Scheduling UI"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459515.jpg", imageAlt: "Calendar View"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-banking-app-interface-with-statistics_23-2148591100.jpg", imageAlt: "Notifications"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-using-green-screen-tablet-present-car-addons-options-clients_482257-118380.jpg", imageAlt: "Booking Flow"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Probar ahora", href: "#contacto"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/world-mental-health-day-awareness-illustration_23-2151859110.jpg", imageAlt: "BarberBot Chat" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-call-center-agent-helping-customers-regain-access-accounts_482257-126661.jpg", imageAlt: "Scheduling UI" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/realistic-phone-studio-social-media-concept_23-2151459515.jpg", imageAlt: "Calendar View" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-banking-app-interface-with-statistics_23-2148591100.jpg", imageAlt: "Notifications" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/salesman-using-green-screen-tablet-present-car-addons-options-clients_482257-118380.jpg", imageAlt: "Booking Flow" },
|
||||
]}
|
||||
buttons={[{ text: "Probar ahora", href: "#contacto" }]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/filing-taxes-smartphone_23-2151953952.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/travel-booking-app-concept_23-2148588805.jpg", alt: "Client 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/filing-taxes-smartphone_23-2151953952.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-child-hands-holding-phone-with-dads-incoming-call-display_169016-43119.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/travel-booking-app-concept_23-2148588805.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Más de 500 barberías ya usan BarberBot"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "DISPONIBILIDAD 24/7"},
|
||||
{
|
||||
type: "text", text: "SIN ERRORES"},
|
||||
{
|
||||
type: "text", text: "AUTOMATIZACIÓN TOTAL"},
|
||||
{
|
||||
type: "text", text: "CRECIMIENTO REAL"},
|
||||
{
|
||||
type: "text", text: "CLIENTES FELICES"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -112,17 +76,11 @@ export default function LandingPage() {
|
||||
title="Cansado de perder turnos?"
|
||||
description="Gestionar reservas por WhatsApp manualmente es el mayor freno para el crecimiento de tu barbería. Perdés tiempo y clientes que no reciben respuesta inmediata."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%", title: "Disponibilidad 24/7"},
|
||||
{
|
||||
value: "0", title: "Turnos perdidos"},
|
||||
{
|
||||
value: "0", title: "Carga administrativa"},
|
||||
{ value: "100%", title: "Disponibilidad 24/7" },
|
||||
{ value: "0", title: "Turnos perdidos" },
|
||||
{ value: "0", title: "Carga administrativa" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cropped-image-business-man-resting-armchair-luxury-room-man-smoking-cigar-his-house_496169-1454.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Agenda en papel desorganizada"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,12 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "IA Inteligente", title: "Respuesta inmediata", subtitle: "La IA atiende al instante", description: "BarberBot entiende el lenguaje natural y responde a tus clientes en segundos.", imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-abstract-background-with-cyber-particles_1048-17876.jpg"},
|
||||
{
|
||||
tag: "Agenda Real", title: "Sin solapamientos", subtitle: "Sincronizado con tu agenda", description: "Consulta disponibilidad en tiempo real y asigna turnos automáticamente.", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg"},
|
||||
{
|
||||
tag: "Autonomía", title: "Autogestión total", subtitle: "Los clientes eligen", description: "Tus clientes pueden reservar, reprogramar o cancelar turnos por su cuenta.", imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg"},
|
||||
{ tag: "IA Inteligente", title: "Respuesta inmediata", subtitle: "La IA atiende al instante", description: "BarberBot entiende el lenguaje natural y responde a tus clientes en segundos.", imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-abstract-background-with-cyber-particles_1048-17876.jpg" },
|
||||
{ tag: "Agenda Real", title: "Sin solapamientos", subtitle: "Sincronizado con tu agenda", description: "Consulta disponibilidad en tiempo real y asigna turnos automáticamente.", imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-technician-monitors-system-performance-tablet-closeup_482257-118082.jpg" },
|
||||
{ tag: "Autonomía", title: "Autogestión total", subtitle: "Los clientes eligen", description: "Tus clientes pueden reservar, reprogramar o cancelar turnos por su cuenta.", imageSrc: "http://img.b2bpic.net/free-photo/finger-pressing-button-air_1134-102.jpg" },
|
||||
]}
|
||||
title="BarberBot trabaja para vos"
|
||||
description="Tu asistente virtual que nunca descansa, nunca se equivoca y siempre responde al instante."
|
||||
@@ -149,14 +104,10 @@ export default function LandingPage() {
|
||||
title="Resultados concretos"
|
||||
tag="Impacto"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "+30%", description: "Aumento en la ocupación de agenda"},
|
||||
{
|
||||
id: "m2", value: "-10h", description: "Horas semanales ahorradas en chat"},
|
||||
{
|
||||
id: "m3", value: "24/7", description: "Atención ininterrumpida"},
|
||||
{ id: "m1", value: "+30%", description: "Aumento en la ocupación de agenda" },
|
||||
{ id: "m2", value: "-10h", description: "Horas semanales ahorradas en chat" },
|
||||
{ id: "m3", value: "24/7", description: "Atención ininterrumpida" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -167,16 +118,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Carlos M., Dueño de Barber Shop"
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://avatar-1", alt: "Client 1"},
|
||||
{
|
||||
src: "asset://avatar-2", alt: "Client 2"},
|
||||
{
|
||||
src: "asset://avatar-3", alt: "Client 3"},
|
||||
{
|
||||
src: "asset://avatar-4", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912396.jpg", alt: "Client 5"},
|
||||
{ src: "asset://avatar-1", alt: "Client 1" },
|
||||
{ src: "asset://avatar-2", alt: "Client 2" },
|
||||
{ src: "asset://avatar-3", alt: "Client 3" },
|
||||
{ src: "asset://avatar-4", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-content-creator_23-2151912396.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -186,13 +132,9 @@ export default function LandingPage() {
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Automatizá tu barbería hoy. ¡Llevá tu gestión al próximo nivel!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Comenzar automatización por WhatsApp", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
buttons={[{ text: "Comenzar automatización por WhatsApp", href: "https://wa.me/yournumber" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -200,22 +142,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="BarberBot"
|
||||
columns={[
|
||||
{
|
||||
title: "Producto", items: [
|
||||
{
|
||||
label: "Cómo funciona", href: "#funciona"},
|
||||
{
|
||||
label: "Beneficios", href: "#beneficios"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "WhatsApp", href: "#contacto"},
|
||||
{
|
||||
label: "Soporte", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Producto", items: [{ label: "Cómo funciona", href: "#funciona" }, { label: "Beneficios", href: "#beneficios" }] },
|
||||
{ title: "Contacto", items: [{ label: "WhatsApp", href: "#contacto" }, { label: "Soporte", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user