Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -96,6 +96,8 @@ export default function LandingPage() {
             { id: "3", title: "Atención Personal", subtitle: "Enfoque masculino", category: "Experiencia", value: "VIP" }
           ]}
           animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={true}
         />
       </div>
 
@@ -123,12 +125,15 @@ export default function LandingPage() {
       <div id="metrics" data-section="metrics">
         <MetricCardThree
           title="Excelencia en Resultados"
+          description="Datos que respaldan nuestro compromiso con la excelencia estética."
           metrics={[
             { id: "1", icon: Smile, title: "Clientes Satisfechos", value: "500+" },
             { id: "2", icon: Zap, title: "Sesiones realizadas", value: "2,000+" },
             { id: "3", icon: MapPin, title: "Ubicaciones", value: "2" }
           ]}
           animationType="depth-3d"
+          textboxLayout="default"
+          useInvertedBackground={true}
         />
       </div>
 
@@ -137,7 +142,11 @@ export default function LandingPage() {
           title="Journal de Estética"
           description="Consejos profesionales para el cuidado diario de tu piel."
           animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground={true}
+          blogs={[
+             { id: "1", category: "Cuidado", title: "Rutina diaria", excerpt: "La constancia es la clave", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-1.webp", authorName: "Aracelys", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/skincare-luxury/hero-1.webp", date: "2023-10-01" }
+          ]}
         />
       </div>
 
@@ -150,6 +159,8 @@ export default function LandingPage() {
             { id: "2", title: "¿Cuánto dura la sesión?", content: "Entre 45 y 90 minutos según el tratamiento seleccionado." }
           ]}
           faqsAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
         />
       </div>
 
@@ -158,6 +169,7 @@ export default function LandingPage() {
             text="Agenda tu cita privada"
             background={{ variant: "rotated-rays-animated-grid" }}
             buttons={[{ text: "Contactar vía WhatsApp", href: "#" }]}
+            useInvertedBackground={false}
         />
       </div>