From bd9ba93aa871178d94190f0ecf91d5f73b74b00e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 18:28:01 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 471 ++++++++++++-----------------------------------
 1 file changed, 118 insertions(+), 353 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2befe68..5735735 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,366 +26,131 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Experiencia",
-          id: "experiencia",
-        },
-        {
-          name: "Precios",
-          id: "pricing",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
-      ]}
-      brandName="HitZone Barcelona"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Experiencia", id: "experiencia" },
+              { name: "Precios", id: "pricing" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="HitZone Barcelona"
+            button={{ text: "Reservar", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="HitZone Barcelona: Potencia tu potencial"
-      description="Entrena como nunca antes en el mejor estudio de fitness de Barcelona. Plazas limitadas."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=1",
-          imageAlt: "HitZone BCN 1",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=2",
-          imageAlt: "HitZone BCN 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=3",
-          imageAlt: "HitZone BCN 3",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=4",
-          imageAlt: "HitZone BCN 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=5",
-          imageAlt: "HitZone BCN 5",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=6",
-          imageAlt: "HitZone BCN 6",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=7",
-          imageAlt: "HitZone BCN 7",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=8",
-          imageAlt: "HitZone BCN 8",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=9",
-          imageAlt: "HitZone BCN 9",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=10",
-          imageAlt: "HitZone BCN 10",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Reservar Ahora",
-          href: "#contact",
-        },
-        {
-          text: "Cómo funciona",
-          href: "#funciona",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg",
-          alt: "Usuario 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-girls-is-engaged-gym_1157-20606.jpg",
-          alt: "Usuario 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-transgenders-posing_23-2149154629.jpg",
-          alt: "Usuario 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg",
-          alt: "Usuario 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg",
-          alt: "Usuario 5",
-        },
-      ]}
-      avatarText="+500 atletas en BCN"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "High Intensity",
-        },
-        {
-          type: "text",
-          text: "Personalized Coaching",
-        },
-        {
-          type: "text",
-          text: "Results Driven",
-        },
-        {
-          type: "text",
-          text: "Barcelona Based",
-        },
-        {
-          type: "text",
-          text: "State-of-the-Art",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "rotated-rays-animated" }}
+            title="HitZone Barcelona: Potencia tu potencial"
+            description="Entrena como nunca antes en el mejor estudio de fitness de Barcelona. Plazas limitadas."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 1" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 2" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 3" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 4" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 5" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 6" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 7" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 8" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 9" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg", imageAlt: "HitZone BCN 10" },
+            ]}
+            buttons={[{ text: "Reservar Ahora", href: "#contact" }, { text: "Cómo funciona", href: "#funciona" }]}
+            marqueeItems={[{ type: "text", text: "High Intensity" }, { type: "text", text: "Personalized Coaching" }, { type: "text", text: "Results Driven" }, { type: "text", text: "Barcelona Based" }, { type: "text", text: "State-of-the-Art" }]}
+          />
+        </div>
 
-  <div id="experiencia" data-section="experiencia">
-      <FeatureCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Entrenadores Top",
-          description: "Expertos en alto rendimiento.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=11",
-          imageAlt: "modern gym dark aesthetic",
-        },
-        {
-          title: "Ambiente Élite",
-          description: "Comunidad de superación.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=1",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=2",
-          },
-          imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=3",
-          imageAlt: "fitness training icon",
-        },
-        {
-          title: "Resultados Rápidos",
-          description: "Metodología basada en datos.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=4",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg?_wi=5",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=3",
-          imageAlt: "healthy diet icon",
-        },
-        {
-          title: "Flexibilidad Total",
-          description: "Horarios adaptados a ti.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=4",
-          },
-          phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg?_wi=5",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg",
-          imageAlt: "happy athlete portrait",
-        },
-      ]}
-      showStepNumbers={false}
-      title="Por qué elegir HitZone"
-      description="Transformaciones reales y resultados comprobados."
-    />
-  </div>
+        <div id="experiencia" data-section="experiencia">
+          <FeatureCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            showStepNumbers={false}
+            title="Por qué elegir HitZone"
+            description="Transformaciones reales y resultados comprobados."
+            features={[
+              { title: "Entrenadores Top", description: "Expertos en alto rendimiento.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg" } },
+              { title: "Ambiente Élite", description: "Comunidad de superación.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg" } },
+              { title: "Resultados Rápidos", description: "Metodología basada en datos.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/man-woman-training-with-dumbbells-neon-sign_1262-15909.jpg" } },
+              { title: "Flexibilidad Total", description: "Horarios adaptados a ti.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/vector-illustration-green-tea-set-with-teapot-cup_1308-186785.jpg" } },
+            ]}
+          />
+        </div>
 
-  <div id="funciona" data-section="funciona">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "s1",
-          title: "Reserva tu sesión",
-          content: "Selecciona el horario que mejor te venga.",
-        },
-        {
-          id: "s2",
-          title: "Llega al estudio",
-          content: "Conoce a tu equipo en Barcelona.",
-        },
-        {
-          id: "s3",
-          title: "Entrena duro",
-          content: "Sigue nuestra metodología HitZone.",
-        },
-        {
-          id: "s4",
-          title: "Supera tus metas",
-          content: "Observa el progreso en semanas.",
-        },
-      ]}
-      title="Cómo funciona"
-      description="Tu transformación en 4 pasos."
-      faqsAnimation="slide-up"
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/muscular-sportsman-training-with-ropes_651396-292.jpg?_wi=12"
-      imageAlt="Cómo funciona el entrenamiento"
-    />
-  </div>
+        <div id="funciona" data-section="funciona">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "s1", title: "Reserva tu sesión", content: "Selecciona el horario que mejor te venga." },
+              { id: "s2", title: "Llega al estudio", content: "Conoce a tu equipo en Barcelona." },
+              { id: "s3", title: "Entrena duro", content: "Sigue nuestra metodología HitZone." },
+              { id: "s4", title: "Supera tus metas", content: "Observa el progreso en semanas." },
+            ]}
+            title="Cómo funciona"
+            description="Tu transformación en 4 pasos."
+            faqsAnimation="slide-up"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "indiv",
-          badge: "Popular",
-          price: "49€",
-          subtitle: "Plan Individual",
-          features: [
-            "Acceso total",
-            "Entrenador guía",
-            "App seguimiento",
-          ],
-        },
-        {
-          id: "pareja",
-          badge: "Combo",
-          price: "85€",
-          subtitle: "Plan Pareja",
-          features: [
-            "Sesiones dobles",
-            "Descuento 15%",
-            "Social",
-          ],
-        },
-        {
-          id: "grupo",
-          badge: "Pro",
-          price: "199€",
-          subtitle: "Plan Grupo",
-          features: [
-            "Sesiones equipo",
-            "Acceso premium",
-            "Nutrición",
-          ],
-        },
-      ]}
-      title="Planes a tu medida"
-      description="Únete a la zona hoy."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "indiv", badge: "Popular", price: "49€", subtitle: "Plan Individual", features: ["Acceso total", "Entrenador guía", "App seguimiento"] },
+              { id: "pareja", badge: "Combo", price: "85€", subtitle: "Plan Pareja", features: ["Sesiones dobles", "Descuento 15%", "Social"] },
+              { id: "grupo", badge: "Pro", price: "199€", subtitle: "Plan Grupo", features: ["Sesiones equipo", "Acceso premium", "Nutrición"] },
+            ]}
+            title="Planes a tu medida"
+            description="Únete a la zona hoy."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="¡La mejor experiencia de entrenamiento que he tenido en Barcelona! Resultados en tiempo récord."
-      rating={5}
-      author="Laura M."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg",
-          alt: "Laura",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-girls-is-engaged-gym_1157-20606.jpg",
-          alt: "Marc",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-transgenders-posing_23-2149154629.jpg",
-          alt: "Elena",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg",
-          alt: "Jordi",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg",
-          alt: "Sara",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="¡La mejor experiencia de entrenamiento que he tenido en Barcelona! Resultados en tiempo récord."
+            rating={5}
+            author="Laura M."
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/female-athlete-clenches-fists-with-joy-celebrates-victory-marathon-smiles-broadly-dressed-grey-top-smiles-broadly-enjoys-triumph-poses-indoor-against-white-wall_273609-33762.jpg", alt: "Laura" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-girls-is-engaged-gym_1157-20606.jpg", alt: "Marc" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-transgenders-posing_23-2149154629.jpg", alt: "Elena" },
+              { src: "http://img.b2bpic.net/free-photo/young-woman-white-top-standing-with-coach_1157-32126.jpg", alt: "Jordi" },
+              { src: "http://img.b2bpic.net/free-photo/side-view-smiley-man-twerking_23-2149879701.jpg", alt: "Sara" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Reserva tu plaza hoy: +34 600 000 000 | Contacta vía WhatsApp"
-      buttons={[
-        {
-          text: "Llamar ahora",
-          href: "tel:+34600000000",
-        },
-        {
-          text: "WhatsApp",
-          href: "https://wa.me/34600000000",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "sparkles-gradient" }}
+            text="Reserva tu plaza hoy: +34 600 000 000 | Contacta vía WhatsApp"
+            buttons={[
+              { text: "Llamar ahora", href: "tel:+34600000000" },
+              { text: "WhatsApp", href: "https://wa.me/34600000000" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="HitZone BCN"
-      columns={[
-        {
-          title: "Empresa",
-          items: [
-            {
-              label: "Sobre nosotros",
-              href: "#",
-            },
-            {
-              label: "Ubicación",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacidad",
-              href: "#",
-            },
-            {
-              label: "Condiciones",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="HitZone BCN"
+            columns={[
+              { title: "Empresa", items: [{ label: "Sobre nosotros", href: "#" }, { label: "Ubicación", href: "#" }] },
+              { title: "Legal", items: [{ label: "Privacidad", href: "#" }, { label: "Condiciones", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1