From 254fa3995b66fd666a64ace494cb5b919ffe4e09 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 28 Apr 2026 20:07:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 482 +++++++++++++++--------------------------------
 1 file changed, 151 insertions(+), 331 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e18b685..fa9d577 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,348 +17,168 @@ import { Activity, Award, ListChecks, Scale, Star, Trophy } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="elastic-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="elastic-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Sobre Mí",
-          id: "about",
-        },
-        {
-          name: "Servicios",
-          id: "features",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
-      ]}
-      brandName="NutriCombat"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Sobre Mí", id: "about" },
+              { name: "Servicios", id: "features" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="NutriCombat"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Nutrición Estratégica para el Alto Rendimiento"
-      description="Potenciamos tu recuperación, optimizamos tu composición corporal y aseguramos tu éxito en el ring. Ciencia aplicada al combate."
-      tag="Especialista en Deportes de Combate"
-      buttons={[
-        {
-          text: "Reservar Consulta",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-looking-red-pepper-apple-zucchini_114579-30605.jpg"
-      imageAlt="Atleta de combate"
-      mediaAnimation="slide-up"
-      tagIcon={Trophy}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/serious-man-holding-wooden-board-with-apple-knife_114579-30635.jpg",
-          alt: "Atleta nutrición",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/serious-guy-with-shaved-head-strong-biceps-having-focused-expression-while-putting-black-boxing-bandages-his-wrist-before-work-out-gym-people-sports-martial-arts-kickboxing_343059-659.jpg",
-          alt: "Atleta vendaje",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-holding-racket-ball-table-tennis-smiling-cheerfully-standing-white-wall_141793-48660.jpg",
-          alt: "Atleta deporte",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-with-beard-biting-red-apple-knife_114579-30619.jpg",
-          alt: "Atleta manzana",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg",
-          alt: "Atleta profesional",
-        },
-      ]}
-      avatarText="Más de 500 atletas preparados"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Optimización de peso",
-          icon: Scale,
-        },
-        {
-          type: "text-icon",
-          text: "Recuperación acelerada",
-          icon: Activity,
-        },
-        {
-          type: "text-icon",
-          text: "Evidencia científica",
-          icon: Star,
-        },
-        {
-          type: "text-icon",
-          text: "Planes personalizados",
-          icon: ListChecks,
-        },
-        {
-          type: "text-icon",
-          text: "Certificación ISAK",
-          icon: Award,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "gradient-bars" }}
+            title="Nutrición Estratégica para el Alto Rendimiento"
+            description="Potenciamos tu recuperación, optimizamos tu composición corporal y aseguramos tu éxito en el ring. Ciencia aplicada al combate."
+            tag="Especialista en Deportes de Combate"
+            buttons={[{ text: "Reservar Consulta", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/man-looking-red-pepper-apple-zucchini_114579-30605.jpg"
+            imageAlt="Atleta de combate"
+            mediaAnimation="slide-up"
+            tagIcon={Trophy}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/serious-man-holding-wooden-board-with-apple-knife_114579-30635.jpg", alt: "Atleta nutrición" },
+              { src: "http://img.b2bpic.net/free-photo/serious-guy-with-shaved-head-strong-biceps-having-focused-expression-while-putting-black-boxing-bandages-his-wrist-before-work-out-gym-people-sports-martial-arts-kickboxing_343059-659.jpg", alt: "Atleta vendaje" },
+              { src: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-holding-racket-ball-table-tennis-smiling-cheerfully-standing-white-wall_141793-48660.jpg", alt: "Atleta deporte" },
+              { src: "http://img.b2bpic.net/free-photo/man-with-beard-biting-red-apple-knife_114579-30619.jpg", alt: "Atleta manzana" },
+              { src: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg", alt: "Atleta profesional" },
+            ]}
+            avatarText="Más de 500 atletas preparados"
+            marqueeItems={[
+              { type: "text-icon", text: "Optimización de peso", icon: Scale },
+              { type: "text-icon", text: "Recuperación acelerada", icon: Activity },
+              { type: "text-icon", text: "Evidencia científica", icon: Star },
+              { type: "text-icon", text: "Planes personalizados", icon: ListChecks },
+              { type: "text-icon", text: "Certificación ISAK", icon: Award },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="Tu rendimiento es mi compromiso"
-      description="Como Licenciado en Nutrición con certificación ISAK I, entiendo que en los deportes de combate no hay margen de error. Desarrollo planes a medida que priorizan tu salud, tu energía y el cumplimiento estricto de tu categoría de peso."
-      imageSrc="http://img.b2bpic.net/free-photo/orange-apple-near-laptop_23-2147761550.jpg"
-      imageAlt="Lic. en Nutrición trabajando"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="Tu rendimiento es mi compromiso"
+            description="Como Licenciado en Nutrición con certificación ISAK I, entiendo que en los deportes de combate no hay margen de error. Desarrollo planes a medida que priorizan tu salud, tu energía y el cumplimiento estricto de tu categoría de peso."
+            imageSrc="http://img.b2bpic.net/free-photo/orange-apple-near-laptop_23-2147761550.jpg"
+            imageAlt="Lic. en Nutrición trabajando"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Optimización Energética",
-          descriptions: [
-            "Nutrición diseñada para sostener entrenamientos de alta intensidad y maximizar tu capacidad de trabajo.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20801.jpg",
-        },
-        {
-          id: "f2",
-          title: "Recuperación Post-Combate",
-          descriptions: [
-            "Estrategias para acelerar la regeneración de tejidos y reducir la inflamación sistémica tras el impacto.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-twisted-trunk-one-arm-raised_1048-2625.jpg",
-        },
-        {
-          id: "f3",
-          title: "Gestión de Peso",
-          descriptions: [
-            "Monitoreo antropométrico preciso para alcanzar tu categoría de peso de manera segura, sin comprometer tu salud ni rendimiento.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-healthy-man-posing-studio-with-dumbbells_613910-9600.jpg",
-        },
-      ]}
-      title="Servicios Especializados"
-      description="Metodología basada en evidencia científica para combatientes de élite."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Optimización Energética", descriptions: ["Nutrición diseñada para sostener entrenamientos de alta intensidad y maximizar tu capacidad de trabajo."], imageSrc: "http://img.b2bpic.net/free-photo/line-graph-data-analysis-icon_53876-20801.jpg" },
+              { id: "f2", title: "Recuperación Post-Combate", descriptions: ["Estrategias para acelerar la regeneración de tejidos y reducir la inflamación sistémica tras el impacto."], imageSrc: "http://img.b2bpic.net/free-photo/man-with-twisted-trunk-one-arm-raised_1048-2625.jpg" },
+              { id: "f3", title: "Gestión de Peso", descriptions: ["Monitoreo antropométrico preciso para alcanzar tu categoría de peso de manera segura, sin comprometer tu salud ni rendimiento."], imageSrc: "http://img.b2bpic.net/free-photo/portrait-healthy-man-posing-studio-with-dumbbells_613910-9600.jpg" },
+            ]}
+            title="Servicios Especializados"
+            description="Metodología basada en evidencia científica para combatientes de élite."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "Seguridad Científica",
-          items: [
-            "Protocolos ISAK",
-            "Basado en Evidencia",
-            "Adaptación Total",
-          ],
-        },
-        {
-          id: "m2",
-          value: "10+",
-          title: "Años de Experiencia",
-          items: [
-            "Atletas de Elite",
-            "Combate de Contacto",
-            "Nutrición Aplicada",
-          ],
-        },
-        {
-          id: "m3",
-          value: "95%",
-          title: "Tasa de Éxito",
-          items: [
-            "Gestión de Categoría",
-            "Recuperación Óptima",
-            "Satisfacción del Atleta",
-          ],
-        },
-      ]}
-      title="Resultados Medibles"
-      description="La ciencia respalda cada gramo de progreso."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            metrics={[
+              { id: "m1", value: "100%", title: "Seguridad Científica", items: ["Protocolos ISAK", "Basado en Evidencia", "Adaptación Total"] },
+              { id: "m2", value: "10+", title: "Años de Experiencia", items: ["Atletas de Elite", "Combate de Contacto", "Nutrición Aplicada"] },
+              { id: "m3", value: "95%", title: "Tasa de Éxito", items: ["Gestión de Categoría", "Recuperación Óptima", "Satisfacción del Atleta"] },
+            ]}
+            title="Resultados Medibles"
+            description="La ciencia respalda cada gramo de progreso."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Lograr el peso para mi pelea estelar sin sentirme agotado fue la clave. Un cambio radical en mi carrera."
-      rating={5}
-      author="Atleta Profesional"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg",
-          alt: "Testimonio 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
-          alt: "Testimonio 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15896.jpg",
-          alt: "Testimonio 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-biker-protection-holds-black-helmet-isolated-grey-background_613910-7302.jpg",
-          alt: "Testimonio 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/redhead-sportswoman-cross-arms-chest-smiling-workout-gym-standing-sportsbra-against-white-background_176420-48994.jpg",
-          alt: "Testimonio 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="Lograr el peso para mi pelea estelar sin sentirme agotado fue la clave. Un cambio radical en mi carrera."
+            rating={5}
+            author="Atleta Profesional"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/build-up-athlete-with-his-arm-crossed-stadium-track-field_23-2148162071.jpg", alt: "Testimonio 1" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg", alt: "Testimonio 2" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-portrait-young-bearded-man_273609-15896.jpg", alt: "Testimonio 3" },
+              { src: "http://img.b2bpic.net/free-photo/smiling-biker-protection-holds-black-helmet-isolated-grey-background_613910-7302.jpg", alt: "Testimonio 4" },
+              { src: "http://img.b2bpic.net/free-photo/redhead-sportswoman-cross-arms-chest-smiling-workout-gym-standing-sportsbra-against-white-background_176420-48994.jpg", alt: "Testimonio 5" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "basic",
-          tag: "Mensual",
-          price: "120€",
-          period: "/mes",
-          description: "Seguimiento nutricional continuo para mantenimiento y salud general.",
-          button: {
-            text: "Comenzar",
-            href: "#contact",
-          },
-          featuresTitle: "Incluye:",
-          features: [
-            "Evaluación mensual",
-            "Plan de comidas",
-            "WhatsApp directo",
-          ],
-        },
-        {
-          id: "pro",
-          tag: "Elite",
-          price: "250€",
-          period: "/ciclo",
-          description: "Programa intensivo para preparación de combate y gestión de peso.",
-          button: {
-            text: "Comenzar",
-            href: "#contact",
-          },
-          featuresTitle: "Incluye:",
-          features: [
-            "Evaluación ISAK I",
-            "Ajustes semanales",
-            "Soporte 24/7",
-          ],
-        },
-      ]}
-      title="Programas de Nutrición"
-      description="Planes diseñados para cada etapa de tu preparación."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            plans={[
+              { id: "basic", tag: "Mensual", price: "120€", period: "/mes", description: "Seguimiento nutricional continuo para mantenimiento y salud general.", button: { text: "Comenzar", href: "#contact" }, featuresTitle: "Incluye:", features: ["Evaluación mensual", "Plan de comidas", "WhatsApp directo"] },
+              { id: "pro", tag: "Elite", price: "250€", period: "/ciclo", description: "Programa intensivo para preparación de combate y gestión de peso.", button: { text: "Comenzar", href: "#contact" }, featuresTitle: "Incluye:", features: ["Evaluación ISAK I", "Ajustes semanales", "Soporte 24/7"] },
+            ]}
+            title="Programas de Nutrición"
+            description="Planes diseñados para cada etapa de tu preparación."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "¿Cuándo debo comenzar mi dieta?",
-          content: "Idealmente, 8-12 semanas antes de una competencia, pero trabajamos según tu calendario actual.",
-        },
-        {
-          id: "q2",
-          title: "¿Es seguro el corte de peso?",
-          content: "Priorizamos tu salud. Los cortes de peso bruscos son evitados mediante una gestión inteligente de composición corporal.",
-        },
-        {
-          id: "q3",
-          title: "¿Qué necesito para empezar?",
-          content: "Una entrevista inicial donde evaluaremos tu historial deportivo y objetivos actuales.",
-        },
-      ]}
-      title="Preguntas Frecuentes"
-      description="Todo lo que necesitas saber sobre tu nutrición deportiva."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "¿Cuándo debo comenzar mi dieta?", content: "Idealmente, 8-12 semanas antes de una competencia, pero trabajamos según tu calendario actual." },
+              { id: "q2", title: "¿Es seguro el corte de peso?", content: "Priorizamos tu salud. Los cortes de peso bruscos son evitados mediante una gestión inteligente de composición corporal." },
+              { id: "q3", title: "¿Qué necesito para empezar?", content: "Una entrevista inicial donde evaluaremos tu historial deportivo y objetivos actuales." },
+            ]}
+            title="Preguntas Frecuentes"
+            description="Todo lo que necesitas saber sobre tu nutrición deportiva."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contacto"
-      title="Empieza tu evolución hoy"
-      description="Deja tus datos y agendaremos una breve entrevista para conocer tus metas."
-      imageSrc="http://img.b2bpic.net/free-photo/young-fit-tone-up-woman-has-rest-after-fitness-workout-with-plank-elements-strenght-abs-sunny-loft-side-view-soft-camera-sake_633478-2152.jpg"
-      imageAlt="Formulario de contacto"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={true}
+            background={{ variant: "plain" }}
+            tag="Contacto"
+            title="Empieza tu evolución hoy"
+            description="Deja tus datos y agendaremos una breve entrevista para conocer tus metas."
+            imageSrc="http://img.b2bpic.net/free-photo/young-fit-tone-up-woman-has-rest-after-fitness-workout-with-plank-elements-strenght-abs-sunny-loft-side-view-soft-camera-sake_633478-2152.jpg"
+            imageAlt="Formulario de contacto"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Empresa",
-          items: [
-            {
-              label: "Sobre Mí",
-              href: "#about",
-            },
-            {
-              label: "Servicios",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Política de Privacidad",
-              href: "#",
-            },
-            {
-              label: "Términos",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="NutriCombat"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Empresa", items: [{ label: "Sobre Mí", href: "#about" }, { label: "Servicios", href: "#features" }] },
+              { title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }, { label: "Términos", href: "#" }] },
+            ]}
+            logoText="NutriCombat"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1