Merge version_5 into main #7
133
src/app/page.tsx
133
src/app/page.tsx
@@ -7,7 +7,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
@@ -28,43 +28,33 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio", id: "hero"},
|
||||
{
|
||||
name: "Modelo", id: "modelo"},
|
||||
{
|
||||
name: "Servicios", id: "servicios"},
|
||||
{
|
||||
name: "Equipo", id: "equipo"},
|
||||
{
|
||||
name: "Contacto", id: "contacto"},
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Modelo", id: "modelo" },
|
||||
{ name: "Servicios", id: "servicios" },
|
||||
{ name: "Equipo", id: "equipo" },
|
||||
{ name: "Contacto", id: "contacto" }
|
||||
]}
|
||||
brandName="CONFLICT LAB"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D7NLLK3oVYvCeEfOTFXSRpfeEF/uploaded-1777630617509-93kirn4c.png"
|
||||
logoClassName="w-32 h-auto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Porque cumplir la normativa no es suficiente."
|
||||
description="La clave está en generar comunidades que se reconozcan, se escuchen… y que sepan construir juntas. Transformamos la convivencia desde el Modelo de Gestión Relacional del Conflicto."
|
||||
buttons={[
|
||||
{
|
||||
text: "Conoce nuestro modelo", href: "#modelo"},
|
||||
{
|
||||
text: "Agenda una consultoría gratuita", href: "#contacto"},
|
||||
{ text: "Conoce nuestro modelo", href: "#modelo" },
|
||||
{ text: "Agenda una consultoría gratuita", href: "#contacto" }
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marketing-company-recruiters-sitting-desk-office-while-welcoming-applicant-job-interview-african-american-woman-shaking-recruitment-team-leader-hand-while-making-good-first-impression_482257-42855.jpg", imageAlt: "Equipo docente colaborando"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-having-office-meeting_23-2148908803.jpg", imageAlt: "Diálogo constructivo"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/psychologist-advising-group-patients_482257-119533.jpg", imageAlt: "Reunión de mediación"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/marketing-company-recruiters-sitting-desk-office-while-welcoming-applicant-job-interview-african-american-woman-shaking-recruitment-team-leader-hand-while-making-good-first-impression_482257-42855.jpg", imageAlt: "Equipo docente colaborando" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-having-office-meeting_23-2148908803.jpg", imageAlt: "Diálogo constructivo" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/psychologist-advising-group-patients_482257-119533.jpg", imageAlt: "Reunión de mediación" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -75,16 +65,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Diagnóstico organizacional", description: "Analizamos la cultura relacional del centro, revelando dinámicas invisibles y abriendo posibilidades de cambio.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060258.jpg", imageAlt: "Diagnóstico organizacional"},
|
||||
{
|
||||
title: "Diseño de protocolos", description: "Construimos marcos de actuación que orientan la toma de decisiones frente a conflictos, coherencia y sentido pedagógico.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-colleagues-hands-meeting_23-2149060224.jpg", imageAlt: "Diseño de protocolos"},
|
||||
{
|
||||
title: "Procesos restaurativos", description: "Acompañamos situaciones de daño, facilitando procesos que promueven la responsabilización y la reparación educativa.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-hr-team-interviews-candidate_482257-120742.jpg", imageAlt: "Procesos restaurativos"},
|
||||
{
|
||||
title: "Capacitación de equipos", description: "Desarrollamos competencias prácticas para intervenir conflictos desde un enfoque colaborativo y restaurativo.", imageSrc: "http://img.b2bpic.net/free-photo/hr-team-interviewing-female-candidate_482257-120999.jpg", imageAlt: "Capacitación de equipos"},
|
||||
{
|
||||
title: "Participación estratégica", description: "Trabajamos para que la participación sea efectiva, convirtiendo a la comunidad en parte activa de las soluciones.", imageSrc: "http://img.b2bpic.net/free-photo/angry-black-man-sharing-rehab-program_482257-123752.jpg", imageAlt: "Participación estratégica"},
|
||||
{ title: "Diagnóstico organizacional", description: "Analizamos la cultura relacional del centro, revelando dinámicas invisibles y abriendo posibilidades de cambio.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-colleagues-having-meeting_23-2149060258.jpg", imageAlt: "Diagnóstico organizacional" },
|
||||
{ title: "Diseño de protocolos", description: "Construimos marcos de actuación que orientan la toma de decisiones frente a conflictos, coherencia y sentido pedagógico.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-colleagues-hands-meeting_23-2149060224.jpg", imageAlt: "Diseño de protocolos" },
|
||||
{ title: "Procesos restaurativos", description: "Acompañamos situaciones de daño, facilitando procesos que promueven la responsabilización y la reparación educativa.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-hr-team-interviews-candidate_482257-120742.jpg", imageAlt: "Procesos restaurativos" },
|
||||
{ title: "Capacitación de equipos", description: "Desarrollamos competencias prácticas para intervenir conflictos desde un enfoque colaborativo y restaurativo.", imageSrc: "http://img.b2bpic.net/free-photo/hr-team-interviewing-female-candidate_482257-120999.jpg", imageAlt: "Capacitación de equipos" },
|
||||
{ title: "Participación estratégica", description: "Trabajamos para que la participación sea efectiva, convirtiendo a la comunidad en parte activa de las soluciones.", imageSrc: "http://img.b2bpic.net/free-photo/angry-black-man-sharing-rehab-program_482257-123752.jpg", imageAlt: "Participación estratégica" },
|
||||
]}
|
||||
title="MODELO DE GESTIÓN RELACIONAL DEL CONFLICTO"
|
||||
description="No se centra únicamente en resolver situaciones puntuales, sino en construir una forma coherente y compartida de intervenir, donde el conflicto se convierte en una oportunidad para fortalecer la convivencia, la responsabilidad y los vínculos."
|
||||
@@ -98,18 +83,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1", name: "Asesoría y mentoría", price: "Especializada", imageSrc: "http://img.b2bpic.net/free-photo/designers-showing-project-presentation-leader_74855-9780.jpg"},
|
||||
{
|
||||
id: "s2", name: "Formación y capacitación", price: "Equipos", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-happy-business-people-having-meeting-modern-office_637285-199.jpg"},
|
||||
{
|
||||
id: "s3", name: "Gestión e intervención", price: "Casos", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-studying-math_23-2150444913.jpg"},
|
||||
{
|
||||
id: "s4", name: "Conflict Mapping™", price: "Diagnóstico", imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-working-business-center_23-2149409850.jpg"},
|
||||
{
|
||||
id: "s5", name: "Protocolos operativos", price: "Estrategia", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-their-insurance-agent-using-digital-tablet-meeting_637285-11080.jpg"},
|
||||
{
|
||||
id: "s6", name: "Cultura Relacional™", price: "Evolución", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-giving-presentation-people-office_23-2148502203.jpg"},
|
||||
{ id: "s1", name: "Asesoría y mentoría", price: "Especializada", imageSrc: "http://img.b2bpic.net/free-photo/designers-showing-project-presentation-leader_74855-9780.jpg" },
|
||||
{ id: "s2", name: "Formación y capacitación", price: "Equipos", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-happy-business-people-having-meeting-modern-office_637285-199.jpg" },
|
||||
{ id: "s3", name: "Gestión e intervención", price: "Casos", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-studying-math_23-2150444913.jpg" },
|
||||
{ id: "s4", name: "Conflict Mapping™", price: "Diagnóstico", imageSrc: "http://img.b2bpic.net/free-photo/young-trans-man-working-business-center_23-2149409850.jpg" },
|
||||
{ id: "s5", name: "Protocolos operativos", price: "Estrategia", imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-their-insurance-agent-using-digital-tablet-meeting_637285-11080.jpg" },
|
||||
{ id: "s6", name: "Cultura Relacional™", price: "Evolución", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-giving-presentation-people-office_23-2148502203.jpg" },
|
||||
]}
|
||||
title="Nuestros Servicios"
|
||||
description="Procesos especializados para organizaciones educativas."
|
||||
@@ -122,24 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", title: "Webinars Sensibilización", price: "Gratis", period: "online", features: [
|
||||
"Por qué los reglamentos fallan", "Mediación escolar crítica", "Más allá del castigo", "Legitimidad en participación"],
|
||||
button: {
|
||||
text: "Inscribirse", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/team-working-together-project_23-2149325481.jpg"},
|
||||
{
|
||||
id: "p2", title: "Webinars Profundización", price: "Premium", period: "online", features: [
|
||||
"Gestión en reglamento", "Integración de mecanismos", "Medidas formativas", "Participación efectiva"],
|
||||
button: {
|
||||
text: "Solicitar Información", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-learning-office_23-2149300716.jpg"},
|
||||
{
|
||||
id: "p3", title: "Acompañamiento Directivo", price: "Personal", period: "sesión", features: [
|
||||
"Habilidades clave", "Conversaciones difíciles", "Cultura de prevención", "Facilitadores internos"],
|
||||
button: {
|
||||
text: "Hablar con equipo", href: "#contacto"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/co-workers-making-decision_1098-505.jpg"},
|
||||
{ id: "p1", title: "Webinars Sensibilización", price: "Gratis", period: "online", features: ["Por qué los reglamentos fallan", "Mediación escolar crítica", "Más allá del castigo", "Legitimidad en participación"], button: { text: "Inscribirse", href: "#contacto" }, imageSrc: "http://img.b2bpic.net/free-photo/team-working-together-project_23-2149325481.jpg" },
|
||||
{ id: "p2", title: "Webinars Profundización", price: "Premium", period: "online", features: ["Gestión en reglamento", "Integración de mecanismos", "Medidas formativas", "Participación efectiva"], button: { text: "Solicitar Información", href: "#contacto" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-learning-office_23-2149300716.jpg" },
|
||||
{ id: "p3", title: "Acompañamiento Directivo", price: "Personal", period: "sesión", features: ["Habilidades clave", "Conversaciones difíciles", "Cultura de prevención", "Facilitadores internos"], button: { text: "Hablar con equipo", href: "#contacto" }, imageSrc: "http://img.b2bpic.net/free-photo/co-workers-making-decision_1098-505.jpg" },
|
||||
]}
|
||||
title="Formación y capacitación"
|
||||
description="De lo reactivo a lo estratégico: transformando la convivencia desde la práctica real."
|
||||
@@ -151,12 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "¿Cómo intervienen en situaciones de daño?", content: "Facilitamos procesos estructurados que promueven la responsabilización y reparación, alineados con el marco institucional."},
|
||||
{
|
||||
id: "f2", title: "¿Es posible pasar de lo reactivo a lo estratégico?", content: "Sí, a través de la formación de equipos y el diseño de sistemas de gestión relacional que ordenan la toma de decisiones."},
|
||||
{
|
||||
id: "f3", title: "¿Qué diferencia su modelo de una mediación tradicional?", content: "Integramos justicia restaurativa con gestión institucional, asegurando medidas proporcionales, coherentes y educativas."},
|
||||
{ id: "f1", title: "¿Cómo intervienen en situaciones de daño?", content: "Facilitamos procesos estructurados que promueven la responsabilización y reparación, alineados con el marco institucional." },
|
||||
{ id: "f2", title: "¿Es posible pasar de lo reactivo a lo estratégico?", content: "Sí, a través de la formación de equipos y el diseño de sistemas de gestión relacional que ordenan la toma de decisiones." },
|
||||
{ id: "f3", title: "¿Qué diferencia su modelo de una mediación tradicional?", content: "Integramos justicia restaurativa con gestión institucional, asegurando medidas proporcionales, coherentes y educativas." },
|
||||
]}
|
||||
title="Gestión de casos complejos"
|
||||
description="Respuestas clave sobre nuestra metodología de intervención."
|
||||
@@ -170,12 +131,9 @@ export default function LandingPage() {
|
||||
title="Equipo Conflict Lab"
|
||||
tag="Especialistas en convivencia y procesos restaurativos"
|
||||
members={[
|
||||
{
|
||||
id: "m1", name: "Mónica Contreras", imageSrc: "http://img.b2bpic.net/free-photo/closeup-doubtful-gloomy-man-looking-left-sighing-uncertain-standing-white-background_1258-125874.jpg"},
|
||||
{
|
||||
id: "m2", name: "Sandra Cepeda", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg"},
|
||||
{
|
||||
id: "m3", name: "Soledad Fuentealba", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg"},
|
||||
{ id: "m1", name: "Mónica Contreras", imageSrc: "http://img.b2bpic.net/free-photo/closeup-doubtful-gloomy-man-looking-left-sighing-uncertain-standing-white-background_1258-125874.jpg" },
|
||||
{ id: "m2", name: "Sandra Cepeda", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg" },
|
||||
{ id: "m3", name: "Soledad Fuentealba", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
|
||||
]}
|
||||
memberVariant="card"
|
||||
membersAnimation="slide-up"
|
||||
@@ -185,8 +143,7 @@ export default function LandingPage() {
|
||||
<div id="contacto" data-section="contacto">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Hablemos"
|
||||
description="Si tu organización necesita pasar de la reacción a una gestión consciente, estructurada y relacional del conflicto, conversemos."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-adults-studying-together_23-2150331686.jpg"
|
||||
@@ -200,22 +157,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "CONFLICT LAB", items: [
|
||||
{
|
||||
label: "Modelo", href: "#modelo"},
|
||||
{
|
||||
label: "Servicios", href: "#servicios"},
|
||||
{
|
||||
label: "Equipo", href: "#equipo"},
|
||||
{ label: "Modelo", href: "#modelo" },
|
||||
{ label: "Servicios", href: "#servicios" },
|
||||
{ label: "Equipo", href: "#equipo" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contacto", items: [
|
||||
{
|
||||
label: "info@conflictlab.cl", href: "mailto:info@conflictlab.cl"},
|
||||
{
|
||||
label: "LinkedIn", href: "#"},
|
||||
{
|
||||
label: "Santiago, Chile", href: "#"},
|
||||
{ label: "info@conflictlab.cl", href: "mailto:info@conflictlab.cl" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Santiago, Chile", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -226,4 +177,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user