Merge version_1 into main #2
299
src/app/page.tsx
299
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Sobre Mi",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Servicios",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Planes",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Sobre Mi", id: "about" },
|
||||
{ name: "Servicios", id: "features" },
|
||||
{ name: "Planes", id: "pricing" },
|
||||
{ name: "Contacto", id: "contact" },
|
||||
]}
|
||||
brandName="NutriPremium"
|
||||
/>
|
||||
@@ -57,79 +42,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Transforma tu salud con asesoría experta"
|
||||
description="Seguimiento nutricional personalizado basado en evidencia. Alcanza tus objetivos de peso y energía con un enfoque sostenible y profesional."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Pacientes Satisfechos",
|
||||
},
|
||||
{
|
||||
value: "15 años",
|
||||
label: "Experiencia Clínica",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
label: "Tasa de Éxito",
|
||||
},
|
||||
{ value: "500+", label: "Pacientes Satisfechos" },
|
||||
{ value: "15 años", label: "Experiencia Clínica" },
|
||||
{ value: "95%", label: "Tasa de Éxito" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Comienza hoy",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215320.jpg?_wi=1"
|
||||
buttons={[{ text: "Comienza hoy", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215320.jpg"
|
||||
imageAlt="Nutricionista profesional"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-white-outfit-greeting-someone_114579-55311.jpg",
|
||||
alt: "Cliente 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carefree-young-smiling-businesswoman-laughing_176420-26965.jpg",
|
||||
alt: "Cliente 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-posing-her-home_273609-20711.jpg",
|
||||
alt: "Cliente 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-priest-looking-out-window_23-2149300827.jpg",
|
||||
alt: "Cliente 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/monochrome-portrait-professional-tennis-player_23-2151418408.jpg",
|
||||
alt: "Cliente 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-white-outfit-greeting-someone_114579-55311.jpg", alt: "Cliente 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/carefree-young-smiling-businesswoman-laughing_176420-26965.jpg", alt: "Cliente 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cheerful-woman-posing-her-home_273609-20711.jpg", alt: "Cliente 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-priest-looking-out-window_23-2149300827.jpg", alt: "Cliente 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/monochrome-portrait-professional-tennis-player_23-2151418408.jpg", alt: "Cliente 5" },
|
||||
]}
|
||||
avatarText="Únete a nuestra comunidad"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Salud Integral",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Nutrición Basada en Ciencia",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cambio de Hábitos",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Rendimiento Deportivo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Salud Metabólica",
|
||||
},
|
||||
{ type: "text", text: "Salud Integral" },
|
||||
{ type: "text", text: "Nutrición Basada en Ciencia" },
|
||||
{ type: "text", text: "Cambio de Hábitos" },
|
||||
{ type: "text", text: "Rendimiento Deportivo" },
|
||||
{ type: "text", text: "Salud Metabólica" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,7 +81,7 @@ export default function LandingPage() {
|
||||
description="Entiendo que cada persona es un mundo. Por eso, mi método no se basa en restricciones, sino en educación y hábitos que perduran en el tiempo."
|
||||
subdescription="Nutricionista clínica colegiada, especializada en cambio de composición corporal y salud metabólica."
|
||||
icon={UserCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sport-equipment-healthy-food_23-2147829399.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sport-equipment-healthy-food_23-2147829399.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -154,40 +93,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Evaluación Inicial",
|
||||
description: "Analizamos tus hábitos, metas y estado de salud actual mediante una sesión de diagnóstico profundo.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215320.jpg?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-healthy-food_23-2147829399.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215320.jpg?_wi=3",
|
||||
imageAlt: "healthy food minimal photography black and white",
|
||||
title: "Evaluación Inicial", description: "Analizamos tus hábitos, metas y estado de salud actual mediante una sesión de diagnóstico profundo.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215320.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-healthy-food_23-2147829399.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Plan Personalizado",
|
||||
description: "Diseño de un plan nutricional flexible, basado en tus gustos, presupuesto y ritmo de vida diario.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215320.jpg?_wi=4",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-healthy-food_23-2147829399.jpg?_wi=3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-healthy-food_23-2147829399.jpg?_wi=4",
|
||||
imageAlt: "nutritionist professional portrait black and white",
|
||||
title: "Plan Personalizado", description: "Diseño de un plan nutricional flexible, basado en tus gustos, presupuesto y ritmo de vida diario.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215320.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-healthy-food_23-2147829399.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Seguimiento Continuo",
|
||||
description: "Ajustes mensuales según tu evolución, control de resultados y soporte directo por nuestra app.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215320.jpg?_wi=5",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-healthy-food_23-2147829399.jpg?_wi=5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-white-outfit-greeting-someone_114579-55311.jpg?_wi=1",
|
||||
imageAlt: "portrait of happy customer neutral background",
|
||||
title: "Seguimiento Continuo", description: "Ajustes mensuales según tu evolución, control de resultados y soporte directo por nuestra app.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/father-son-cooking-together_23-2148215320.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-healthy-food_23-2147829399.jpg" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -202,57 +117,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-basic",
|
||||
tag: "Esencial",
|
||||
price: "49€",
|
||||
period: "/mes",
|
||||
description: "Plan de nutrición básico con revisión mensual.",
|
||||
button: {
|
||||
text: "Elegir",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Lo que incluye:",
|
||||
features: [
|
||||
"Plan nutricional",
|
||||
"App de seguimiento",
|
||||
"Soporte email",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-pro",
|
||||
tag: "Recomendado",
|
||||
price: "89€",
|
||||
period: "/mes",
|
||||
description: "Plan completo con seguimiento y coaching directo.",
|
||||
button: {
|
||||
text: "Elegir",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Lo que incluye:",
|
||||
features: [
|
||||
"Todo lo básico",
|
||||
"Video-consulta mensual",
|
||||
"Ajustes semanales",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "plan-premium",
|
||||
tag: "Elite",
|
||||
price: "149€",
|
||||
period: "/mes",
|
||||
description: "Acompañamiento VIP 24/7 con prioridad total.",
|
||||
button: {
|
||||
text: "Elegir",
|
||||
href: "#contact",
|
||||
},
|
||||
featuresTitle: "Lo que incluye:",
|
||||
features: [
|
||||
"Todo lo pro",
|
||||
"WhatsApp directo",
|
||||
"Análisis de analíticas",
|
||||
],
|
||||
},
|
||||
{ id: "plan-basic", tag: "Esencial", price: "49€", period: "/mes", description: "Plan de nutrición básico con revisión mensual.", button: { text: "Elegir", href: "#contact" }, featuresTitle: "Lo que incluye:", features: ["Plan nutricional", "App de seguimiento", "Soporte email"] },
|
||||
{ id: "plan-pro", tag: "Recomendado", price: "89€", period: "/mes", description: "Plan completo con seguimiento y coaching directo.", button: { text: "Elegir", href: "#contact" }, featuresTitle: "Lo que incluye:", features: ["Todo lo básico", "Video-consulta mensual", "Ajustes semanales"] },
|
||||
{ id: "plan-premium", tag: "Elite", price: "149€", period: "/mes", description: "Acompañamiento VIP 24/7 con prioridad total.", button: { text: "Elegir", href: "#contact" }, featuresTitle: "Lo que incluye:", features: ["Todo lo pro", "WhatsApp directo", "Análisis de analíticas"] },
|
||||
]}
|
||||
title="Planes de Asesoría"
|
||||
description="Elige el nivel de acompañamiento que necesitas."
|
||||
@@ -266,46 +133,11 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "María G.",
|
||||
role: "Ingeniera",
|
||||
company: "Cliente Feliz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-white-outfit-greeting-someone_114579-55311.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Carlos P.",
|
||||
role: "Deportista",
|
||||
company: "Cliente Feliz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-young-smiling-businesswoman-laughing_176420-26965.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
role: "CEO",
|
||||
company: "Cliente Feliz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-posing-her-home_273609-20711.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Javier D.",
|
||||
role: "Freelance",
|
||||
company: "Cliente Feliz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-priest-looking-out-window_23-2149300827.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lucía S.",
|
||||
role: "Estudiante",
|
||||
company: "Cliente Feliz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-professional-tennis-player_23-2151418408.jpg",
|
||||
},
|
||||
{ id: "1", name: "María G.", role: "Ingeniera", company: "Cliente Feliz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-white-outfit-greeting-someone_114579-55311.jpg" },
|
||||
{ id: "2", name: "Carlos P.", role: "Deportista", company: "Cliente Feliz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/carefree-young-smiling-businesswoman-laughing_176420-26965.jpg" },
|
||||
{ id: "3", name: "Elena R.", role: "CEO", company: "Cliente Feliz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-posing-her-home_273609-20711.jpg" },
|
||||
{ id: "4", name: "Javier D.", role: "Freelance", company: "Cliente Feliz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-priest-looking-out-window_23-2149300827.jpg" },
|
||||
{ id: "5", name: "Lucía S.", role: "Estudiante", company: "Cliente Feliz", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-professional-tennis-player_23-2151418408.jpg" },
|
||||
]}
|
||||
title="Historias de éxito"
|
||||
description="Lo que dicen mis pacientes después de trabajar conmigo."
|
||||
@@ -318,24 +150,10 @@ export default function LandingPage() {
|
||||
title="Reserva tu plaza"
|
||||
description="Completa el formulario y me pondré en contacto contigo para agendar tu primera sesión de valoración."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Nombre completo",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Correo electrónico",
|
||||
required: true,
|
||||
},
|
||||
{ name: "nombre", type: "text", placeholder: "Nombre completo", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Correo electrónico", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "mensaje",
|
||||
placeholder: "Cuéntame un poco sobre tus objetivos...",
|
||||
rows: 4,
|
||||
}}
|
||||
textarea={{ name: "mensaje", placeholder: "Cuéntame un poco sobre tus objetivos...", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/composition-with-stationery-elements-grey_23-2148851540.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -344,42 +162,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Inicio",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Sobre Mi",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Planes",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Inicio", href: "#hero" }, { label: "Sobre Mi", href: "#about" }] },
|
||||
{ items: [{ label: "Planes", href: "#pricing" }, { label: "Contacto", href: "#contact" }] },
|
||||
{ items: [{ label: "Privacidad", href: "#" }, { label: "Legal", href: "#" }] },
|
||||
]}
|
||||
logoText="NutriPremium"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user