Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -29,133 +29,44 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Inicio", id: "hero" },
-          name: "Inicio",
+        { name: "Problemas", id: "problemas" },
-          id: "hero",
+        { name: "Cómo funciona", id: "funciona" },
-        },
+        { name: "Beneficios", id: "beneficios" },
-        {
-          name: "Problemas",
-          id: "problemas",
-        },
-        {
-          name: "Cómo funciona",
-          id: "funciona",
-        },
-        {
-          name: "Beneficios",
-          id: "beneficios",
-        },
       ]}
       brandName="BarberBot"
-      button={{
+      button={{ text: "Solicitar demo", href: "#contacto" }}
-        text: "Solicitar demo",
-        href: "#contacto",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "plain" }}
-        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-woman-taking-break-with-smartphone_23-2150522263.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671564.jpg", imageAlt: "Scheduling UI" },
-          imageAlt: "BarberBot WhatsApp Interface",
+        { 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-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/world-mental-health-day-awareness-illustration_23-2151859110.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-call-center-agent-helping-customers-regain-access-accounts_482257-126661.jpg", imageAlt: "Scheduling UI" },
-          imageAlt: "BarberBot Chat",
+        { 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" },
-          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",
-        },
       ]}
+      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/filing-taxes-smartphone_23-2151953952.jpg",
+        { src: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671595.jpg", alt: "Client 2" },
-          alt: "Client 1",
+        { 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/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>
 
@@ -165,23 +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: "100%",
+        { value: "0", title: "Turnos perdidos" },
-          title: "Disponibilidad 24/7",
+        { value: "0", title: "Carga administrativa" },
-        },
-        {
-          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>
 
@@ -190,27 +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: "IA Inteligente",
+        { 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" },
-          title: "Respuesta inmediata",
+        { 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" },
-          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."
@@ -223,23 +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: "m1",
+        { id: "m2", value: "-10h", description: "Horas semanales ahorradas en chat" },
-          value: "+30%",
+        { id: "m3", value: "24/7", description: "Atención ininterrumpida" },
-          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>
 
@@ -250,26 +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-1",
+        { src: "asset://avatar-2", alt: "Client 2" },
-          alt: "Client 1",
+        { 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-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"
@@ -279,16 +132,9 @@ export default function LandingPage() {
   <div id="contacto" data-section="contacto">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       text="Automatizá tu barbería hoy. ¡Llevá tu gestión al próximo nivel!"
-      buttons={[
+      buttons={[{ text: "Comenzar automatización por WhatsApp", href: "https://wa.me/yournumber" }]}
-        {
-          text: "Contactar por WhatsApp",
-          href: "https://wa.me/yournumber",
-        },
-      ]}
     />
   </div>
 
@@ -296,36 +142,12 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="BarberBot"
       columns={[
-        {
+        { title: "Producto", items: [{ label: "Cómo funciona", href: "#funciona" }, { label: "Beneficios", href: "#beneficios" }] },
-          title: "Producto",
+        { title: "Contacto", items: [{ label: "WhatsApp", href: "#contacto" }, { label: "Soporte", href: "#" }] },
-          items: [
-            {
-              label: "Cómo funciona",
-              href: "#funciona",
-            },
-            {
-              label: "Beneficios",
-              href: "#beneficios",
-            },
-          ],
-        },
-        {
-          title: "Contacto",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "#contacto",
-            },
-            {
-              label: "Soporte",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}