Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Inicio", id: "#hero"},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Nosotros", id: "#about"},
|
||||
{
|
||||
name: "Productos",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Productos", id: "#products"},
|
||||
{
|
||||
name: "Contacto",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contacto", id: "#contact"},
|
||||
]}
|
||||
brandName="Asociación ABC"
|
||||
/>
|
||||
@@ -60,68 +52,33 @@ export default function LandingPage() {
|
||||
description="Liderando la industria con responsabilidad, calidad y un compromiso inquebrantable con nuestra comunidad."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Carlos M.",
|
||||
handle: "@carlosm",
|
||||
testimonial: "La mejor asociación de la región.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg?_wi=1",
|
||||
imageAlt: "modern green minimalist nature architecture",
|
||||
},
|
||||
name: "Carlos M.", handle: "@carlosm", testimonial: "La mejor asociación de la región.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg", imageAlt: "modern green minimalist nature architecture"},
|
||||
{
|
||||
name: "Ana R.",
|
||||
handle: "@anar",
|
||||
testimonial: "Transparencia y calidad en cada proceso.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-skincare-product_23-2149013555.jpg?_wi=1",
|
||||
imageAlt: "modern green minimalist nature architecture",
|
||||
},
|
||||
name: "Ana R.", handle: "@anar", testimonial: "Transparencia y calidad en cada proceso.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-skincare-product_23-2149013555.jpg", imageAlt: "modern green minimalist nature architecture"},
|
||||
{
|
||||
name: "Luis V.",
|
||||
handle: "@luisv",
|
||||
testimonial: "Un equipo altamente profesional.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336355.jpg?_wi=1",
|
||||
imageAlt: "modern green minimalist nature architecture",
|
||||
},
|
||||
name: "Luis V.", handle: "@luisv", testimonial: "Un equipo altamente profesional.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336355.jpg", imageAlt: "modern green minimalist nature architecture"},
|
||||
{
|
||||
name: "Sofía G.",
|
||||
handle: "@sofiag",
|
||||
testimonial: "Excelente atención y productos.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013596.jpg?_wi=1",
|
||||
imageAlt: "modern green minimalist nature architecture",
|
||||
},
|
||||
name: "Sofía G.", handle: "@sofiag", testimonial: "Excelente atención y productos.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013596.jpg", imageAlt: "modern green minimalist nature architecture"},
|
||||
{
|
||||
name: "Javier P.",
|
||||
handle: "@javierp",
|
||||
testimonial: "Comprometidos con el desarrollo.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336379.jpg?_wi=1",
|
||||
imageAlt: "modern green minimalist nature architecture",
|
||||
},
|
||||
name: "Javier P.", handle: "@javierp", testimonial: "Comprometidos con el desarrollo.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336379.jpg", imageAlt: "modern green minimalist nature architecture"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-couple-relax-hotel-lounge_482257-102644.jpg",
|
||||
alt: "Elderly couple relax in hotel lounge",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-couple-relax-hotel-lounge_482257-102644.jpg", alt: "Elderly couple relax in hotel lounge"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-confident-male-employee-white-collar-shirt-smiling-camera-standing-self-assured-against-studio-background_1258-26761.jpg",
|
||||
alt: "Close-up of confident male employee in white collar shirt",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-confident-male-employee-white-collar-shirt-smiling-camera-standing-self-assured-against-studio-background_1258-26761.jpg", alt: "Close-up of confident male employee in white collar shirt"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg",
|
||||
alt: "Portrait of smiley woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg", alt: "Portrait of smiley woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-latin-man-smiling-looking-while-standing-outdoors-street-urban-concept_58466-15004.jpg",
|
||||
alt: "Portrait of confident young latin man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-latin-man-smiling-looking-while-standing-outdoors-street-urban-concept_58466-15004.jpg", alt: "Portrait of confident young latin man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-3198.jpg",
|
||||
alt: "Young handsome man wearing casual clothes",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-clothes-with-happy-cool-smile-face-lucky-person_839833-3198.jpg", alt: "Young handsome man wearing casual clothes"},
|
||||
]}
|
||||
avatarText="Más de 150 socios confían en nosotros"
|
||||
/>
|
||||
@@ -141,28 +98,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cultura y Educación",
|
||||
description: "Información veraz sobre el consumo y cultivo responsable.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BookOpen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adolescent-undergoing-behavioral-therapy-address-anxiety-social-issues_482257-124729.jpg",
|
||||
imageAlt: "Adolescent undergoing behavioral therapy to address anxiety and social issues",
|
||||
title: "Cultura y Educación", description: "Información veraz sobre el consumo y cultivo responsable.", bentoComponent: "reveal-icon", icon: BookOpen,
|
||||
},
|
||||
{
|
||||
title: "Apoyo Técnico",
|
||||
description: "Asesoramiento constante para socios y colaboradores.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: ShieldCheck,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg?_wi=3",
|
||||
imageAlt: "Adolescent undergoing behavioral therapy to address anxiety and social issues",
|
||||
title: "Apoyo Técnico", description: "Asesoramiento constante para socios y colaboradores.", bentoComponent: "reveal-icon", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
title: "Comunidad Activa",
|
||||
description: "Fortalecemos lazos mediante eventos y redes locales.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Users,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-skincare-product_23-2149013555.jpg?_wi=2",
|
||||
imageAlt: "Adolescent undergoing behavioral therapy to address anxiety and social issues",
|
||||
title: "Comunidad Activa", description: "Fortalecemos lazos mediante eventos y redes locales.", bentoComponent: "reveal-icon", icon: Users,
|
||||
},
|
||||
]}
|
||||
title="Pilares de la Asociación"
|
||||
@@ -178,20 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
description: "Socios Activos",
|
||||
},
|
||||
id: "m1", value: "150+", description: "Socios Activos"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
description: "Proyectos Completados",
|
||||
},
|
||||
id: "m2", value: "12", description: "Proyectos Completados"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5",
|
||||
description: "Años de Trayectoria",
|
||||
},
|
||||
id: "m3", value: "5", description: "Años de Trayectoria"},
|
||||
]}
|
||||
title="Nuestra Trayectoria"
|
||||
description="Crecimiento sostenido con impacto positivo."
|
||||
@@ -206,41 +139,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Variedad A",
|
||||
price: "$XX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-skincare-product_23-2149013555.jpg?_wi=3",
|
||||
},
|
||||
id: "p1", name: "Variedad A", price: "$XX", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-skincare-product_23-2149013555.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Variedad B",
|
||||
price: "$XX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336355.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Variedad B", price: "$XX", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336355.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Variedad C",
|
||||
price: "$XX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013596.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Variedad C", price: "$XX", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013596.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Variedad D",
|
||||
price: "$XX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336379.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Variedad D", price: "$XX", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336379.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Variedad E",
|
||||
price: "$XX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/weed-leaves-oil-still-life_23-2151651040.jpg",
|
||||
},
|
||||
id: "p5", name: "Variedad E", price: "$XX", imageSrc: "http://img.b2bpic.net/free-photo/weed-leaves-oil-still-life_23-2151651040.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Variedad F",
|
||||
price: "$XX",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/farmers-hold-marijuana-cannabis-trees-their-farms_1150-12581.jpg",
|
||||
},
|
||||
id: "p6", name: "Variedad F", price: "$XX", imageSrc: "http://img.b2bpic.net/free-photo/farmers-hold-marijuana-cannabis-trees-their-farms_1150-12581.jpg"},
|
||||
]}
|
||||
title="Nuestras Variedades"
|
||||
description="Cultivados con los más altos estándares de calidad."
|
||||
@@ -254,36 +163,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "b1",
|
||||
badge: "Básico",
|
||||
price: "$30",
|
||||
subtitle: "Para aficionados",
|
||||
features: [
|
||||
"Acceso mensual",
|
||||
"Información exclusiva",
|
||||
],
|
||||
id: "b1", badge: "Básico", price: "$30", subtitle: "Para aficionados", features: [
|
||||
"Acceso mensual", "Información exclusiva"],
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
badge: "Estándar",
|
||||
price: "$60",
|
||||
subtitle: "Para socios activos",
|
||||
features: [
|
||||
"Acceso mensual",
|
||||
"Descuentos",
|
||||
"Eventos",
|
||||
],
|
||||
id: "b2", badge: "Estándar", price: "$60", subtitle: "Para socios activos", features: [
|
||||
"Acceso mensual", "Descuentos", "Eventos"],
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
badge: "Premium",
|
||||
price: "$100",
|
||||
subtitle: "Para expertos",
|
||||
features: [
|
||||
"Acceso total",
|
||||
"Consultoría personalizada",
|
||||
"Prioridad",
|
||||
],
|
||||
id: "b3", badge: "Premium", price: "$100", subtitle: "Para expertos", features: [
|
||||
"Acceso total", "Consultoría personalizada", "Prioridad"],
|
||||
},
|
||||
]}
|
||||
title="Membresía"
|
||||
@@ -298,23 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Juan Pérez",
|
||||
role: "Presidente",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-close-up_1139-650.jpg",
|
||||
},
|
||||
id: "t1", name: "Juan Pérez", role: "Presidente", imageSrc: "http://img.b2bpic.net/free-photo/businessman-close-up_1139-650.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "María García",
|
||||
role: "Directora de Calidad",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
|
||||
},
|
||||
id: "t2", name: "María García", role: "Directora de Calidad", imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Pedro López",
|
||||
role: "Coordinador de Eventos",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-17763.jpg",
|
||||
},
|
||||
id: "t3", name: "Pedro López", role: "Coordinador de Eventos", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-17763.jpg"},
|
||||
]}
|
||||
title="Nuestro Equipo"
|
||||
description="Expertos apasionados por la industria."
|
||||
@@ -327,60 +204,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "ts1",
|
||||
name: "Ana Sol",
|
||||
date: "12/2023",
|
||||
title: "Excelente",
|
||||
quote: "Increíble asociación.",
|
||||
tag: "Socio",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-looking-camera-winking_1262-18708.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg?_wi=4",
|
||||
imageAlt: "portrait user 1",
|
||||
},
|
||||
id: "ts1", name: "Ana Sol", date: "12/2023", title: "Excelente", quote: "Increíble asociación.", tag: "Socio", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-young-man-looking-camera-winking_1262-18708.jpg", imageSrc: "http://img.b2bpic.net/free-photo/teen-receiving-psychotherapy-advice-support-emotional-issues_482257-117668.jpg", imageAlt: "portrait user 1"},
|
||||
{
|
||||
id: "ts2",
|
||||
name: "Luis M",
|
||||
date: "11/2023",
|
||||
title: "Profesionales",
|
||||
quote: "Muy buena asesoría.",
|
||||
tag: "Socio",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/african-american-female-male-classmates-meet-together-after-long-period-time-exchange-news-stand-close-each-other_273609-3659.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-skincare-product_23-2149013555.jpg?_wi=4",
|
||||
imageAlt: "portrait user 1",
|
||||
},
|
||||
id: "ts2", name: "Luis M", date: "11/2023", title: "Profesionales", quote: "Muy buena asesoría.", tag: "Socio", avatarSrc: "http://img.b2bpic.net/free-photo/african-american-female-male-classmates-meet-together-after-long-period-time-exchange-news-stand-close-each-other_273609-3659.jpg", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-skincare-product_23-2149013555.jpg", imageAlt: "portrait user 1"},
|
||||
{
|
||||
id: "ts3",
|
||||
name: "Carla F",
|
||||
date: "10/2023",
|
||||
title: "Calidad",
|
||||
quote: "Productos excepcionales.",
|
||||
tag: "Socio",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/photo-beautiful-elegant-woman-smiles-positively-shows-white-teeth-feels-carefree-enjoys-free-time-expresses-happiness-wears-big-earrings-orange-sweater-glad-after-making-shopping_273609-37762.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336355.jpg?_wi=3",
|
||||
imageAlt: "portrait user 1",
|
||||
},
|
||||
id: "ts3", name: "Carla F", date: "10/2023", title: "Calidad", quote: "Productos excepcionales.", tag: "Socio", avatarSrc: "http://img.b2bpic.net/free-photo/photo-beautiful-elegant-woman-smiles-positively-shows-white-teeth-feels-carefree-enjoys-free-time-expresses-happiness-wears-big-earrings-orange-sweater-glad-after-making-shopping_273609-37762.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336355.jpg", imageAlt: "portrait user 1"},
|
||||
{
|
||||
id: "ts4",
|
||||
name: "Jorge B",
|
||||
date: "09/2023",
|
||||
title: "Confianza",
|
||||
quote: "Totalmente recomendado.",
|
||||
tag: "Socio",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/headshot-serious-curly-haired-teenager-girl-looks-satisfied-dressed-casual-orange-jumper_273609-46636.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013596.jpg?_wi=3",
|
||||
imageAlt: "portrait user 1",
|
||||
},
|
||||
id: "ts4", name: "Jorge B", date: "09/2023", title: "Confianza", quote: "Totalmente recomendado.", tag: "Socio", avatarSrc: "http://img.b2bpic.net/free-photo/headshot-serious-curly-haired-teenager-girl-looks-satisfied-dressed-casual-orange-jumper_273609-46636.jpg", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013596.jpg", imageAlt: "portrait user 1"},
|
||||
{
|
||||
id: "ts5",
|
||||
name: "Elena P",
|
||||
date: "08/2023",
|
||||
title: "Apoyo",
|
||||
quote: "Gran comunidad.",
|
||||
tag: "Socio",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman_23-2148856070.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336379.jpg?_wi=3",
|
||||
imageAlt: "portrait user 1",
|
||||
},
|
||||
id: "ts5", name: "Elena P", date: "08/2023", title: "Apoyo", quote: "Gran comunidad.", tag: "Socio", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman_23-2148856070.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-item-with-marijuana-leaves_23-2151336379.jpg", imageAlt: "portrait user 1"},
|
||||
]}
|
||||
title="Lo que dicen los socios"
|
||||
description="Opiniones de nuestra comunidad."
|
||||
@@ -391,14 +223,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
text="¿Listo para unirte? Contáctanos hoy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Enviar Mensaje",
|
||||
href: "#",
|
||||
},
|
||||
text: "Enviar Mensaje", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -408,21 +237,15 @@ export default function LandingPage() {
|
||||
logoText="Asociación Cannábico ABC"
|
||||
columns={[
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacidad",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacidad", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto",
|
||||
items: [
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "info@abc.com",
|
||||
href: "mailto:info@abc.com",
|
||||
},
|
||||
label: "info@abc.com", href: "mailto:info@abc.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user