Merge version_3 into main #2

Merged
bender merged 2 commits from version_3 into main 2026-04-26 16:30:01 +00:00
2 changed files with 52 additions and 139 deletions

View File

@@ -31,16 +31,13 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "El Método", id: "method"},
{
name: "Beneficios", id: "benefits"},
{
name: "Precio", id: "pricing"},
{ name: "El Método", id: "about" },
{ name: "Nutrientes", id: "features" },
{ name: "Testimonios", id: "testimonials" },
]}
brandName="Kalmia"
button={{
text: "Módulo 0 gratis", href: "#contact"}}
text: "Empezar Gratis", href: "#contact"}}
/>
</div>
@@ -48,56 +45,18 @@ export default function LandingPage() {
<HeroSplitTestimonial
background={{
variant: "gradient-bars"}}
title="Calm your mind, reclaim your peace"
description="Kalmia guides you through personalized meditation, breathing, and mindfulness practices designed for your daily rhythm. Start your free trial today—no commitment required."
title="Transforma tu salud mental con neurociencia"
description="Kalmia integra los 7 nutrientes mentales esenciales con IA para ayudarte a recuperar el foco, reducir el estrés y potenciar tu bienestar. Empieza hoy mismo."
testimonials={[
{
name: "Ana M.", handle: "@anam", testimonial: "Llevaba tiempo sintiéndome agotada. Entendí que nunca daba permiso a mi cerebro para descansar.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/legs-playful-woman-cool-sexy_1187-6047.jpg"},
{
name: "Carlos R.", handle: "@carlosr", testimonial: "Las aplicaciones de IA cambiaron completamente mi rutina. Hago el mismo trabajo en la mitad del tiempo.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-with-his-hands-pocket_23-2148130315.jpg"},
{
name: "Elena S.", handle: "@elena", testimonial: "Increíble cómo los hábitos de 15 minutos pueden cambiar tu día por completo.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg"},
{
name: "Jorge V.", handle: "@jorgev", testimonial: "El enfoque de la neurociencia aplicado a la productividad es un antes y un después.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-confident-asian-man-with-arms-crossed_1262-884.jpg"},
{
name: "Lucía P.", handle: "@luciap", testimonial: "Una metodología rigurosa, clara y muy fácil de seguir para cualquier persona.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-confident-woman-indoors_23-2148974061.jpg"},
{ name: "Ana M.", handle: "@anam", testimonial: "Entendí que nunca daba permiso a mi cerebro para descansar. Este programa cambió mi ritmo.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/legs-playful-woman-cool-sexy_1187-6047.jpg" },
{ name: "Carlos R.", handle: "@carlosr", testimonial: "Las herramientas de IA optimizaron mi jornada laboral drásticamente.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-man-with-his-hands-pocket_23-2148130315.jpg" },
]}
buttons={[
{
text: "Begin Your Free Trial", href: "#contact"},
{ text: "Comenzar Prueba Gratuita", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/art-background-brain-bubbles-factory_183364-119228.jpg"
imageAlt="neuroscience brain illustration"
imageAlt="Neuroscience visualization"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/pretty-blond-woman-crossing-arms_1301-910.jpg", alt: "Pretty blond woman crossing arms"},
{
src: "http://img.b2bpic.net/free-photo/happy-young-brunette-woman-dressed-gray-elegant-jacket-posing-with-hands-pockets-while-leaning-table-room-with-loft-interior-looking-camera_613910-18669.jpg", alt: "Happy young brunette woman dressed in a gray elegant jacket"},
{
src: "http://img.b2bpic.net/free-photo/man-standing-smiling_1187-3162.jpg", alt: "Man standing smiling"},
{
src: "http://img.b2bpic.net/free-photo/handsome-businesman-summer-city_1157-18994.jpg", alt: "Handsome businesman in a summer city"},
{
src: "http://img.b2bpic.net/free-photo/blond-man-happy-expression_1194-2873.jpg", alt: "blond man. happy expression"},
]}
marqueeItems={[
{
type: "text", text: "Neurociencia Aplicada"},
{
type: "text", text: "IA para la Mente"},
{
type: "text", text: "Bienestar Cognitivo"},
{
type: "text", text: "Productividad Consciente"},
{
type: "text", text: "Salud Mental 2.0"},
]}
/>
</div>
@@ -105,18 +64,14 @@ export default function LandingPage() {
<SplitAbout
textboxLayout="split"
useInvertedBackground={false}
title="Nunca te enseñaron a cuidar tu cerebro"
description="Descubre los 7 hábitos mentales que tu cerebro necesita cada día y cómo usar IA para integrarlos sin esfuerzo."
title="El manual de instrucciones que tu cerebro necesitaba"
description="La mayoría de las personas desconocen cómo funciona su cerebro. Te enseñamos a nutrir tu mente con el modelo científico Healthy Mind Platter, potenciado por IA."
bulletPoints={[
{
title: "20% de energía", description: "Tu cerebro consume una quinta parte de toda tu energía diaria."},
{
title: "7 nutrientes", description: "El Healthy Mind Platter define lo que necesitas para estar sano."},
{
title: "IA integrada", description: "30+ prompts de IA listos para usar en cada nutriente."},
{ title: "Eficiencia Energética", description: "Gestiona el 20% de energía que consume tu cerebro." },
{ title: "Ciencia Aplicada", description: "Nutrientes mentales basados en evidencia científica." },
{ title: "IA Personalizada", description: "Más de 30 prompts de IA para integrar hábitos sin esfuerzo." },
]}
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg"
imageAlt="neurological science graphic"
mediaAnimation="slide-up"
/>
</div>
@@ -127,21 +82,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1", value: "2x", title: "Problemas cognitivos", items: [
"En adultos menores de 40 años, se han duplicado en una década."],
},
{
id: "m2", value: "152M", title: "Casos de demencia", items: [
"Previsión global para 2050. Hoy son 57 millones."],
},
{
id: "m3", value: "45%", title: "Prevenibles", items: [
"Casos que pueden evitarse con una dieta mental saludable."],
},
{ id: "m1", value: "2x", title: "Problemas cognitivos", items: ["Prevalencia duplicada en la última década en adultos jóvenes."] },
{ id: "m2", value: "45%", title: "Casos prevenibles", items: ["Impacto directo de una dieta mental saludable en tu salud a largo plazo."] },
]}
title="Datos que importan"
description="La ciencia respalda la necesidad de una dieta mental equilibrada."
title="Datos reales, impacto real"
description="La ciencia es clara: proteger tu bienestar cognitivo es urgente."
/>
</div>
@@ -151,23 +96,13 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Focus Time", subtitle: "Concentración profunda", category: "Nutriente", value: "01"},
{
id: "f2", title: "Play Time", subtitle: "Espontaneidad creativa", category: "Nutriente", value: "02"},
{
id: "f3", title: "Connecting Time", subtitle: "Conexión humana", category: "Nutriente", value: "03"},
{
id: "f4", title: "Physical Time", subtitle: "Movimiento corporal", category: "Nutriente", value: "04"},
{
id: "f5", title: "Time In", subtitle: "Reflexión interna", category: "Nutriente", value: "05"},
{
id: "f6", title: "Down Time", subtitle: "Descanso total", category: "Nutriente", value: "06"},
{
id: "f7", title: "Sleep Time", subtitle: "Reparación", category: "Nutriente", value: "07"},
{ id: "f1", title: "Focus Time", subtitle: "Profundidad y foco", category: "Nutriente", value: "01" },
{ id: "f2", title: "Play Time", subtitle: "Creatividad sin límites", category: "Nutriente", value: "02" },
{ id: "f3", title: "Connecting Time", subtitle: "Conexión humana real", category: "Nutriente", value: "03" },
{ id: "f5", title: "Time In", subtitle: "Autoconciencia", category: "Nutriente", value: "05" },
]}
title="Los 7 nutrientes mentales"
description="El modelo Healthy Mind Platter del Dr. Dan Siegel define lo que tu cerebro necesita."
title="Diseña tu dieta mental"
description="Entiende qué nutrientes le faltan a tu día a día."
/>
</div>
@@ -175,10 +110,9 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"UCLA", "Mindsight Institute", "Harvard Health", "Lancet Commission", "WHO", "Global Mental Health", "Neural Academy"]}
title="Basado en ciencia de primer nivel"
description="Colaboradores e instituciones que validan nuestro marco de trabajo."
names={["UCLA", "Mindsight Institute", "Harvard Health", "Neural Academy"]}
title="Avalado por la ciencia"
description="Nuestro marco de trabajo está respaldado por instituciones líderes en neurociencia."
/>
</div>
@@ -188,19 +122,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Ana M.", role: "Directora de Marketing", testimonial: "Llevaba tiempo sintiéndome agotada. Entendí que nunca daba permiso a mi cerebro para descansar.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-woman_329181-13486.jpg"},
{
id: "t2", name: "Carlos R.", role: "Ingeniero", testimonial: "Hago el mismo trabajo en la mitad del tiempo con el doble de profundidad.", imageSrc: "http://img.b2bpic.net/free-photo/serious-man-with-tablet-computer_74855-3700.jpg"},
{
id: "t3", name: "Elena S.", role: "Emprendedora", testimonial: "El módulo de Time In me permitió recuperar el foco que creía perdido para siempre.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg"},
{
id: "t4", name: "Jorge V.", role: "Diseñador", testimonial: "La IA me ayudó a sistematizar mi 'Play Time' sin culpa.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-technician-data-center-managing-infrastructure_482257-115349.jpg"},
{
id: "t5", name: "Lucía P.", role: "Doctora", testimonial: "La ciencia detrás es impecable. Un cambio total en cómo gestiono mi jornada.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-executive-wearing-blue-suit_1139-190.jpg"},
{ id: "t1", name: "Ana M.", role: "Directora", testimonial: "Increíble metodología. Recuperé el equilibrio mental.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-woman_329181-13486.jpg" },
{ id: "t2", name: "Carlos R.", role: "Ingeniero", testimonial: "IA integrada en mi rutina diaria. Productividad por las nubes.", imageSrc: "http://img.b2bpic.net/free-photo/serious-man-with-tablet-computer_74855-3700.jpg" },
]}
title="Resultados reales"
description="Lo que dicen nuestros primeros alumnos sobre su transformación."
title="Historias de transformación"
description="Únete a personas que ya han optimizado su salud cognitiva."
/>
</div>
@@ -208,18 +134,12 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1", title: "¿Necesito conocimientos previos?", content: "No. El programa está diseñado para no técnicos. Guías paso a paso sencillas."},
{
id: "q2", title: "¿Cuánto tiempo toma cada módulo?", content: "1520 minutos por sesión. A tu ritmo, sin presiones."},
{
id: "q3", title: "¿Es para siempre?", content: "Sí, el acceso es de por vida con un pago único de 97€."},
{
id: "q4", title: "How does the IA integration help my daily routine?", content: "IA helps bridge the gap by automating scheduling, offering real-time mindfulness prompts, and personalizing the 7 habits to your specific energy levels throughout the day, turning abstract science into actionable micro-habits."
}
{ id: "q1", title: "¿Es difícil aprender?", content: "Para nada. Guías paso a paso para no técnicos." },
{ id: "q2", title: "¿Qué tiempo requiere?", content: "Tan solo 15-20 minutos al día." },
{ id: "q3", title: "¿El acceso es único?", content: "Sí, pago único de 97€ para acceso vitalicio." },
]}
sideTitle="Preguntas frecuentes"
sideDescription="Todo lo que necesitas saber antes de empezar."
sideTitle="Dudas comunes"
sideDescription="Todo lo que necesitas para tomar tu decisión."
faqsAnimation="slide-up"
/>
</div>
@@ -227,32 +147,25 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Tu cerebro lleva tiempo esperando esto"
description="Accede al Módulo 0 gratis hoy. Sin tarjeta, sin compromiso."
title="Tu bienestar no puede esperar"
description="Accede hoy al Módulo 0 gratis. Da el primer paso hacia una mente más clara."
inputs={[
{
name: "name", type: "text", placeholder: "Tu nombre", required: true,
},
{
name: "email", type: "email", placeholder: "Tu email", required: true,
},
{ name: "name", type: "text", placeholder: "Tu nombre", required: true },
{ name: "email", type: "email", placeholder: "Tu email", required: true },
]}
imageSrc="http://img.b2bpic.net/free-photo/yoga-businesspeople-relaxation_1163-1599.jpg"
buttonText="Empezar Módulo 0"
imageAlt="mindfulness in office"
buttonText="Quiero mi acceso gratuito"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Kalmia"
leftLink={{
text: "© 2025 Kalmia", href: "#"}}
rightLink={{
text: "Dr. Daniel J. Siegel", href: "#"}}
leftLink={{ text: "© 2025 Kalmia", href: "#" }}
rightLink={{ text: "Dr. Daniel J. Siegel", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120a00e6;
--primary-cta: #E34400;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #ffffff;
--secondary-cta-text: #120a00e6;
--accent: #e2e2e2;
--background-accent: #E34400;
--accent: #a8cce8;
--background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);