Merge version_2 into main #1
137
src/app/page.tsx
137
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "/",
|
||||
},
|
||||
name: "Inicio", id: "/"},
|
||||
{
|
||||
name: "Sobre Nosotros",
|
||||
id: "/about",
|
||||
},
|
||||
name: "Sobre Nosotros", id: "/about"},
|
||||
{
|
||||
name: "Programas",
|
||||
id: "/programs",
|
||||
},
|
||||
name: "Programas", id: "/programs"},
|
||||
{
|
||||
name: "Donar",
|
||||
id: "/donate",
|
||||
},
|
||||
name: "Donar", id: "/donate"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contacto", id: "/contact"},
|
||||
]}
|
||||
brandName="INCLUSIA"
|
||||
/>
|
||||
@@ -56,63 +46,38 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Un mundo sin barreras"
|
||||
description="Inclusión real para personas con discapacidad."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-women-hugging-each-other-outdoors_23-2148633012.jpg",
|
||||
alt: "Beneficiarios",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-women-hugging-each-other-outdoors_23-2148633012.jpg", alt: "Beneficiarios"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-breast-cancer-receiving-support_23-2151711404.jpg",
|
||||
alt: "Woman with breast cancer receiving support",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-breast-cancer-receiving-support_23-2151711404.jpg", alt: "Woman with breast cancer receiving support"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-getting-stronger-together_23-2149125924.jpg",
|
||||
alt: "Close up on people getting stronger together",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-people-getting-stronger-together_23-2149125924.jpg", alt: "Close up on people getting stronger together"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-standing-together-caring-eachother_23-2149190297.jpg",
|
||||
alt: "Women standing together and caring for eachother",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/women-standing-together-caring-eachother_23-2149190297.jpg", alt: "Women standing together and caring for eachother"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-afro-american-couple_23-2148012776.jpg",
|
||||
alt: "Top view of afro american couple",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-afro-american-couple_23-2148012776.jpg", alt: "Top view of afro american couple"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Donar ahora",
|
||||
href: "/donate",
|
||||
},
|
||||
text: "Donar ahora", href: "/donate"},
|
||||
{
|
||||
text: "Únete",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Únete", href: "/contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Inclusión",
|
||||
},
|
||||
type: "text", text: "Inclusión"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Empoderamiento",
|
||||
},
|
||||
type: "text", text: "Empoderamiento"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Equidad",
|
||||
},
|
||||
type: "text", text: "Equidad"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Oportunidad",
|
||||
},
|
||||
type: "text", text: "Oportunidad"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Accesibilidad",
|
||||
},
|
||||
type: "text", text: "Accesibilidad"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,26 +99,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Educación",
|
||||
description: "Formación inclusiva adaptada.",
|
||||
tag: "Edu",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-helping-her-colleague-wheelchair-choose-book-project_23-2148844697.jpg",
|
||||
},
|
||||
id: "p1", title: "Educación", description: "Formación inclusiva adaptada.", tag: "Edu", imageSrc: "http://img.b2bpic.net/free-photo/girl-helping-her-colleague-wheelchair-choose-book-project_23-2148844697.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Empleo",
|
||||
description: "Talento sin barreras.",
|
||||
tag: "Trabajo",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571065.jpg",
|
||||
},
|
||||
id: "p2", title: "Empleo", description: "Talento sin barreras.", tag: "Trabajo", imageSrc: "http://img.b2bpic.net/free-photo/man-wheelchair-having-office-job_23-2149571065.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Accesibilidad",
|
||||
description: "Entornos libres.",
|
||||
tag: "Acceso",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-skater-couple_23-2147670689.jpg",
|
||||
},
|
||||
id: "p3", title: "Accesibilidad", description: "Entornos libres.", tag: "Acceso", imageSrc: "http://img.b2bpic.net/free-photo/modern-skater-couple_23-2147670689.jpg"},
|
||||
]}
|
||||
title="Nuestros Programas"
|
||||
description="Iniciativas diseñadas para empoderar a nuestra comunidad."
|
||||
@@ -166,22 +116,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
tag="Proven Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1000+",
|
||||
description: "Beneficiarios",
|
||||
},
|
||||
id: "m1", value: "1000+", description: "Beneficiarios"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "300",
|
||||
description: "Empleos creados",
|
||||
},
|
||||
id: "m2", value: "300", description: "Empleos creados"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50",
|
||||
description: "Proyectos activos",
|
||||
},
|
||||
id: "m3", value: "50", description: "Proyectos activos"},
|
||||
]}
|
||||
title="Nuestro Impacto"
|
||||
description="Resultados tangibles gracias a tu contribución."
|
||||
@@ -192,16 +134,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ayuda"
|
||||
title="Tu ayuda cambia vidas"
|
||||
description="Únete a nuestro movimiento y contribuye hoy mismo."
|
||||
buttons={[
|
||||
{
|
||||
text: "Donar ahora",
|
||||
href: "/donate",
|
||||
},
|
||||
text: "Donar ahora", href: "/donate"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -211,29 +150,19 @@ export default function LandingPage() {
|
||||
logoText="INCLUSIA"
|
||||
columns={[
|
||||
{
|
||||
title: "Organización",
|
||||
items: [
|
||||
title: "Organización", items: [
|
||||
{
|
||||
label: "Sobre Nosotros",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Sobre Nosotros", href: "/about"},
|
||||
{
|
||||
label: "Programas",
|
||||
href: "/programs",
|
||||
},
|
||||
label: "Programas", href: "/programs"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Soporte",
|
||||
items: [
|
||||
title: "Soporte", items: [
|
||||
{
|
||||
label: "Donar",
|
||||
href: "/donate",
|
||||
},
|
||||
label: "Donar", href: "/donate"},
|
||||
{
|
||||
label: "Contacto",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contacto", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user