Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -3,237 +3,141 @@
 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: "Home",          id: "hero"},
-        {
-          name: "Menu",          id: "features"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
-      ]}
-      brandName="El Reencuentro"
-      button={{ text: "Reservations", 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="Authentic local flavors in the heart of Madrid. Experience homemade food where locals gather."
-      buttons={[
-        {
-          text: "View Menu",          href: "#features"},
-        {
-          text: "Contact Us",          href: "#contact"},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-thanksgiving-meal-concept_23-2148629584.jpg"
-      imageAlt="cozy authentic madrid restaurant atmosphere"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/nuts-decoration-wooden-plates_23-2147690224.jpg",          alt: "Nuts decoration on wooden plates"},
-        {
-          src: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg",          alt: "Minimalist and spacious interior design"},
-        {
-          src: "http://img.b2bpic.net/free-photo/nut-decoration-with-candles-box_23-2147690205.jpg",          alt: "Nut decoration with candles and box"},
-        {
-          src: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_23-2149684443.jpg",          alt: "Dining room background for zoom calls"},
-        {
-          src: "http://img.b2bpic.net/free-photo/people_273609-1727.jpg",          alt: "People"},
-      ]}
-      marqueeItems={[
-        {
-          type: "text",          text: "Authentic Madrid Cuisine"},
-        {
-          type: "text",          text: "Daily Homemade Menus"},
-        {
-          type: "text",          text: "Local Favorite"},
-        {
-          type: "text",          text: "Fresh Ingredients"},
-        {
-          type: "text",          text: "Casual & Warm Atmosphere"},
-      ]}
-    />
-  </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="A Gem Filled with Locals"
-      description="Located in Fuencarral-El Pardo, we pride ourselves on authentic daily menus and generous portions that make you feel right at home."
-      metrics={[
-        {
-          value: "480+",          title: "Reviews"},
-        {
-          value: "4.4",          title: "Rating"},
-        {
-          value: "100%",          title: "Homemade"},
-      ]}
-      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="fresh paella serving on table"
-      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: "Signature Paella",          description: "Authentic recipe with fresh seafood and traditional spices.",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-view-dinner-background-with-bunch-green-oil-bottle-garlic-ketchup_140725-92010.jpg",          imageAlt: "delicious traditional paella plate"},
-        {
-          title: "Tender Codillo",          description: "Slow-cooked pork shank, prepared to perfection.",          imageSrc: "http://img.b2bpic.net/free-photo/fried-sausage-with-cheese-table_140725-4711.jpg",          imageAlt: "slow cooked pork codillo dish"},
-        {
-          title: "Classic Tapas",          description: "A variety of local favorites to share with friends and family.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-dipping-french-fry-into-ketchup-restaurant_140725-10811.jpg",          imageAlt: "crispy french fries tapas style"},
-      ]}
-      title="Menu Highlights"
-      description="Taste the traditional dishes our guests love the most."
-    />
-  </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"
+            useInvertedBackground={false}
+            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: "Daily Visitors",          value: "200+"},
-        {
-          id: "m2",          icon: Coffee,
-          title: "Daily Menus",          value: "15+"},
-        {
-          id: "m3",          icon: Award,
-          title: "Years Experience",          value: "10+"},
-      ]}
-      title="Why Locals Love Us"
-      description="Consistency, variety, and heart in every meal."
-    />
-  </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"
+            useInvertedBackground={false}
+            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: "Regular",          company: "Local",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg"},
-        {
-          id: "2",          name: "Francisco Lopez",          role: "Guide",          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: "Tourist",          company: "Visitor",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg"},
-        {
-          id: "4",          name: "Maria Garcia",          role: "Regular",          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: "Regular",          company: "Fuencarral",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-using-tablet-sitting-restaurant_23-2147826816.jpg"},
-      ]}
-      title="Guest Reviews"
-      description="What our patrons say about their experience."
-    />
-  </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"
+            avatars={[{ src: "https://i.pravatar.cc/100?u=1", alt: "Ana" }]}
+            ratingAnimation="blur-reveal"
+            avatarsAnimation="blur-reveal"
+            useInvertedBackground={true}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",          title: "Do I need a reservation?",          content: "We recommend it during peak times, but walk-ins are always welcome."},
-        {
-          id: "f2",          title: "Is there outdoor seating?",          content: "Yes, we have a pleasant outdoor area available."},
-        {
-          id: "f3",          title: "Are you open on weekends?",          content: "We are open daily to serve you our best."},
-      ]}
-      title="Common Questions"
-      description="Everything you need to know before visiting El Reencuentro."
-      faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg"
-      imageAlt="Minimalist and spacious interior design"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            title="Preguntas frecuentes"
+            description="Resuelve tus dudas sobre nuestras clases y metodología."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            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="Visit Us"
-      title="Ready for a Great Meal?"
-      description="Join us today at C. de Fermín Caballero, 42. We look forward to serving you."
-      buttons={[
-        {
-          text: "Call 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" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Info",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Menu",              href: "#features"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 El Reencuentro Madrid"
-      bottomRightText="All rights reserved"
-    />
-  </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>
   );
-}
+}