From 873f50f1dec2e10731b97d3cd74d40b0429b70b2 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 20 May 2026 16:52:20 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 261 ++++++++++++++++++++---------------------------
 1 file changed, 112 insertions(+), 149 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 824fef5..ef58bb9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,171 +3,134 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import { Award, Coffee, Users } from "lucide-react";
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 
-export default function LandingPage() {
+export default function PilatesPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="small"
-        sizing="largeSmallSizeMediumTitles"
-        background="blurBottom"
-        cardStyle="inset"
-        primaryButtonStyle="shadow"
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
-        headingFontWeight="normal"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Inicio", id: "hero" },
-        { name: "Menú", id: "features" },
-        { name: "Testimonios", id: "testimonials" },
-        { name: "Contacto", id: "contact" },
-      ]}
-      brandName="El Reencuentro"
-      button={{ text: "Reservas", href: "#contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Inicio", id: "hero" },
+              { name: "Sobre Nosotros", id: "about" },
+              { name: "Clases", id: "features" },
+              { name: "Testimonios", id: "testimonials" },
+              { name: "Contacto", id: "contact" },
+            ]}
+            brandName="Pilates10"
+            button={{ text: "Reserva", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboard
-      background={{ variant: "radial-gradient" }}
-      title="Restaurante El Reencuentro"
-      description="Sabores locales auténticos en el corazón de Madrid. Vive la experiencia de comida casera donde los locales se reúnen."
-      buttons={[
-        { text: "Ver Menú", href: "#features" },
-        { text: "Contáctanos", href: "#contact" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629584.jpg"
-      imageAlt="atmósfera acogedora de restaurante auténtico en Madrid"
-      mediaAnimation="slide-up"
-      marqueeItems={[
-        { type: "text", text: "Cocina Auténtica Madrileña" },
-        { type: "text", text: "Menús Caseros Diarios" },
-        { type: "text", text: "Favorito Local" },
-        { type: "text", text: "Ingredientes Frescos" },
-        { type: "text", text: "Ambiente Cálido y Casual" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Pilates10"
+            description="Tu centro de Pilates en Fermín Caballero. Especialistas en mejorar tu postura y bienestar a través de Pilates con máquinas y un ambiente profesional, acogedor y cercano."
+            buttons={[
+              { text: "Ver Clases", href: "#features" },
+              { text: "Contacto", href: "#contact" }
+            ]}
+            imageSrc="https://images.unsplash.com/photo-1599901860904-17e6ed7083a0?q=80&w=1200&h=800"
+            imageAlt="Estudio de Pilates moderno"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={true}
-      title="Una joya llena de lugareños"
-      description="Ubicados en Fuencarral-El Pardo, nos enorgullecemos de ofrecer menús diarios auténticos y porciones generosas que te harán sentir como en casa."
-      metrics={[
-        { value: "480+", title: "Reseñas" },
-        { value: "4.4", title: "Puntuación" },
-        { value: "100%", title: "Casero" },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/blurred-background-with-dish-boiled-vongole-clams-table-cafe-with-copy-space-idea-splash-screen-banner_166373-2956.jpg"
-      imageAlt="paella fresca servida en la mesa"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            heading={[{ type: 'text', content: 'Un espacio dedicado a tu bienestar y postura' }]}
+            useInvertedBackground={true}
+            className="py-20"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        { title: "Paella de la Casa", description: "Receta auténtica con mariscos frescos y especias tradicionales.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-dinner-background-with-bunch-green-oil-bottle-garlic-ketchup_140725-92010.jpg", imageAlt: "delicioso plato de paella tradicional" },
-        { title: "Codillo Tierno", description: "Codillo de cerdo cocinado a fuego lento, preparado a la perfección.", imageSrc: "http://img.b2bpic.net/free-photo/fried-sausage-with-cheese-table_140725-4711.jpg", imageAlt: "plato de codillo de cerdo cocinado a fuego lento" },
-        { title: "Tapas Clásicas", description: "Una variedad de favoritos locales para compartir con amigos y familia.", imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-french-fry-into-ketchup-restaurant_140725-10811.jpg", imageAlt: "tapas de patatas fritas estilo casero" },
-      ]}
-      title="Menú Destacado"
-      description="Prueba los platos tradicionales que más gustan a nuestros clientes."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwelve
+            animationType="blur-reveal"
+            title="Nuestra oferta de clases"
+            description="Programas diseñados para todos los niveles, enfocados en técnica, fuerza y flexibilidad."
+            textboxLayout="split"
+            features={[
+              { id: "1", label: "Iniciación", title: "Pilates para todos", items: ["Fundamentos de control", "Conciencia corporal", "Introducción al equipo"], buttons: [{ text: "Info", href: "#contact" }] },
+              { id: "2", label: "Avanzado", title: "Pilates con máquinas", items: ["Refinamiento postural", "Fortalecimiento profundo", "Uso de reformer"], buttons: [{ text: "Info", href: "#contact" }] },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        { id: "m1", icon: Users, title: "Visitantes Diarios", value: "200+" },
-        { id: "m2", icon: Coffee, title: "Menús del Día", value: "15+" },
-        { id: "m3", icon: Award, title: "Años de Experiencia", value: "10+" },
-      ]}
-      title="Por qué nos quieren los locales"
-      description="Consistencia, variedad y corazón en cada comida."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardSeven
+            animationType="scale-rotate"
+            title="Resultados comprobados"
+            description="Nuestra comunidad confía en nuestro método basado en la precisión y el cuidado personalizado."
+            textboxLayout="split"
+            metrics={[
+              { id: "m1", value: "10+", title: "Años de experiencia", items: ["Postura", "Rehabilitación", "Bienestar"] },
+              { id: "m2", value: "500+", title: "Alumnos felices", items: ["Clientes leales", "Resultados visibles", "Ambiente cercano"] },
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Sirey Diaz", role: "Cliente Habitual", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg" },
-        { id: "2", name: "Francisco Lopez", role: "Guía", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-smiling-woman-colorful-outfit-retro-vintage-50-s-cafe-dancing-wearing-jacket-blue-skirt-red-shirt-sunglasses-having-fun-cheerful-mood_285396-10388.jpg" },
-        { id: "3", name: "Tom Brenna", role: "Turista", company: "Visitante", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg" },
-        { id: "4", name: "Maria Garcia", role: "Cliente Habitual", company: "Madrid", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-eating-pizza-bar_1303-19905.jpg" },
-        { id: "5", name: "Juan Perez", role: "Cliente Habitual", company: "Fuencarral", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg" },
-      ]}
-      title="Reseñas de Clientes"
-      description="Lo que nuestros comensales dicen sobre su experiencia."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            testimonial="El ambiente en Pilates10 es inmejorable. He mejorado mi postura de forma increíble gracias a la atención profesional de sus instructores."
+            rating={5}
+            author="Ana M. - Cliente habitual"
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="blur-reveal"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        { id: "f1", title: "¿Necesito reservar mesa?", content: "Lo recomendamos en horas punta, pero siempre aceptamos clientes sin reserva." },
-        { id: "f2", title: "¿Tienen terraza?", content: "Sí, disponemos de una agradable zona exterior." },
-        { id: "f3", title: "¿Abren los fines de semana?", content: "Estamos abiertos a diario para servirte lo mejor de nuestra cocina." },
-      ]}
-      title="Preguntas Frecuentes"
-      description="Todo lo que necesitas saber antes de visitar El Reencuentro."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg"
-      imageAlt="Diseño de interiores espacioso y minimalista"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Preguntas frecuentes"
+            textboxLayout="split"
+            faqsAnimation="blur-reveal"
+            faqs={[
+              { id: "q1", title: "¿Es necesario tener experiencia previa?", content: "No. En Pilates10 adaptamos las clases a todos los niveles, desde principiantes hasta avanzados." },
+              { id: "q2", title: "¿Qué beneficios tiene el pilates con máquinas?", content: "El uso de máquinas proporciona resistencia y soporte para corregir la postura y trabajar músculos específicos con mayor control." }
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Visítanos"
-      title="¿Listo para una gran comida?"
-      description="Visítanos hoy en C. de Fermín Caballero, 42. Esperamos servirte pronto."
-      buttons={[
-        { text: "Llama al 910 55 93 39", href: "tel:910559339" },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            tag="¡Únete ahora!"
+            title="Empieza tu transformación"
+            description="Estamos ubicados en Calle Fermín Caballero. Contáctanos hoy para reservar tu primera sesión."
+            buttons={[{ text: "Escríbenos por WhatsApp", href: "https://wa.me/" }]}
+            background={{ variant: "sparkles-gradient" }}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        { title: "Info", items: [{ label: "Sobre nosotros", href: "#about" }, { label: "Menú", href: "#features" }] },
-        { title: "Legal", items: [{ label: "Política de Privacidad", href: "#" }, { label: "Términos de Servicio", href: "#" }] },
-      ]}
-      bottomLeftText="© 2024 El Reencuentro Madrid"
-      bottomRightText="Todos los derechos reservados"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Pilates10", items: [{ label: "Sobre nosotros", href: "#about" }, { label: "Ubicación", href: "#contact" }] },
+              { title: "Legal", items: [{ label: "Privacidad", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 Pilates10 Fermín Caballero"
+            bottomRightText="Tu centro de confianza"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1