Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import { CheckCircle } from "lucide-react";
+import { CheckCircle, RefreshCw, Layers, Eye, UserCircle } from "lucide-react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -11,6 +11,7 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 
 export default function LandingPage() {
   return (
@@ -32,6 +33,7 @@ export default function LandingPage() {
             navItems={[
               { name: "Inicio", id: "hero" },
               { name: "El Sistema", id: "features" },
+              { name: "Pilares", id: "pillars" },
               { name: "Resultados", id: "testimonials" },
               { name: "Contacto", id: "contact" },
             ]}
@@ -52,6 +54,21 @@ export default function LandingPage() {
           />
         </div>
 
+        <div id="pillars" data-section="pillars">
+            <MetricCardFourteen
+            tag="Los 4 Pilares Fundamentales"
+            title="Arquitectura de Reconstrucción Personal"
+            metrics={[
+                { id: "p1", value: "Reset", description: "Limpieza profunda de patrones destructivos y mentalidad obsoleta." },
+                { id: "p2", value: "Estructura", description: "Diseño de rutinas blindadas contra la falta de motivación." },
+                { id: "p3", value: "Claridad", description: "Definición absoluta de tus prioridades y dirección vital." },
+                { id: "p4", value: "Identidad", description: "Reafirmación de quién eres y qué sistema defiendes en tu día a día." }
+            ]}
+            useInvertedBackground={true}
+            metricsAnimation="slide-up"
+          />
+        </div>
+
         <div id="about" data-section="about">
             <SplitAbout
             textboxLayout="split"
@@ -60,11 +77,11 @@ export default function LandingPage() {
             description="El problema no es tu disciplina, es la falta de un sistema sólido. Empezar fuerte y abandonar es el ciclo natural de la falta de estructura. Nuestro sistema de 90 días está diseñado para sostener tu vida cuando tu motivación desaparece."
             bulletPoints={[
               {
-                title: "Sistema de 90 días",                description: "Una hoja de ruta clara para reconstruir tu estructura personal."},
+                title: "Sistema de 90 días",                description: "Una hoja de ruta clara para reconstruir tu estructura personal.", icon: CheckCircle},
               {
-                title: "Sostenibilidad",                description: "Ya no se trata de hacer todo perfecto unos días, sino de mantener el control siempre."},
+                title: "Sostenibilidad",                description: "Ya no se trata de hacer todo perfecto unos días, sino de mantener el control siempre.", icon: CheckCircle},
               {
-                title: "Elimina el bloqueo",                description: "Identifica por qué te fallas y sustitúyelo por automatismos conductuales."},
+                title: "Elimina el bloqueo",                description: "Identifica por qué te fallas y sustitúyelo por automatismos conductuales.", icon: CheckCircle},
             ]}
             imageSrc="http://img.b2bpic.net/free-photo/conceptual-user-experience-business-with-wooden-blocks-with-words-it-wooden-human-figures-side-view_176474-10554.jpg"
             mediaAnimation="slide-up"
@@ -162,6 +179,7 @@ export default function LandingPage() {
                 title: "Sistema",                items: [
                   { label: "Inicio", href: "#hero" },
                   { label: "El Sistema", href: "#features" },
+                  { label: "Pilares", href: "#pillars" },
                 ],
               },
               {