Merge version_3 into main #2
177
src/app/page.tsx
177
src/app/page.tsx
@@ -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: "15–20 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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user