bender/f5913999-abe5-44ce-9ce0-71def0ef159a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #3

Merged
bender merged 3 commits from version_2 into main 2026-05-01 09:59:52 +00:00
Conversation 0 Commits 3 Files Changed 3 +56 -191
3 changed files with 56 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/layout.tsx
View File

@@ -9,6 +9,7 @@ import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Open_Sans } from "next/font/google";
import { DM_Sans } from "next/font/google";
import { Libre_Baskerville } from "next/font/google";
import { Figtree } from "next/font/google";
@@ -24,14 +25,9 @@ export const metadata: Metadata = {
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
const figtree = Figtree({
variable: "--font-figtree", subsets: ["latin"],
});
export default function RootLayout({
@@ -42,7 +38,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<body className={`${figtree.variable} antialiased`}>
<Tag />
{children}
<script

229
src/app/page.tsx
View File

@@ -31,25 +31,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "hero",
},
name: "Inicio", id: "hero"},
{
name: "Modelo",
id: "modelo",
},
name: "Modelo", id: "modelo"},
{
name: "Servicios",
id: "servicios",
},
name: "Servicios", id: "servicios"},
{
name: "Equipo",
id: "equipo",
},
name: "Equipo", id: "equipo"},
{
name: "Contacto",
id: "contacto",
},
name: "Contacto", id: "contacto"},
]}
brandName="CONFLICT LAB"
/>
@@ -58,33 +48,22 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
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: "Conoce nuestro modelo", href: "#modelo"},
{
text: "Solicita una reunión",
href: "#contacto",
},
text: "Solicita una reunión", 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/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/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/psychologist-advising-group-patients_482257-119533.jpg", imageAlt: "Reunión de mediación"},
]}
mediaAnimation="slide-up"
/>
@@ -96,35 +75,15 @@ export default function LandingPage() {
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: "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: "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: "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: "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: "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."
@@ -139,41 +98,17 @@ export default function LandingPage() {
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: "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: "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: "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: "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: "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: "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."
@@ -187,56 +122,23 @@ export default function LandingPage() {
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",
],
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",
},
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",
],
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",
},
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",
],
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",
},
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."
@@ -249,20 +151,11 @@ export default function LandingPage() {
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: "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: "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: "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."
@@ -277,20 +170,11 @@ export default function LandingPage() {
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: "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: "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: "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"
@@ -301,8 +185,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
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"
@@ -315,37 +198,23 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "CONFLICT LAB",
items: [
title: "CONFLICT LAB", items: [
{
label: "Modelo",
href: "#modelo",
},
label: "Modelo", href: "#modelo"},
{
label: "Servicios",
href: "#servicios",
},
label: "Servicios", href: "#servicios"},
{
label: "Equipo",
href: "#equipo",
},
label: "Equipo", href: "#equipo"},
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{
label: "info@conflictlab.cl",
href: "mailto:info@conflictlab.cl",
},
label: "info@conflictlab.cl", href: "mailto:info@conflictlab.cl"},
{
label: "LinkedIn",
href: "#",
},
label: "LinkedIn", href: "#"},
{
label: "Santiago, Chile",
href: "#",
},
label: "Santiago, Chile", href: "#"},
],
},
]}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-figtree), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-libre-baskerville), serif;
font-family: var(--font-figtree), serif;
}