19 Commits

Author SHA1 Message Date
56e46b2798 Update src/app/page.tsx 2026-05-01 15:03:12 +00:00
1563763362 Merge version_6 into main
Merge version_6 into main
2026-05-01 15:00:12 +00:00
80dd1347fe Update src/app/page.tsx 2026-05-01 15:00:09 +00:00
9f960da240 Merge version_5 into main
Merge version_5 into main
2026-05-01 10:27:12 +00:00
79f97377ca Update src/app/page.tsx 2026-05-01 10:27:08 +00:00
15a3a758d9 Merge version_5 into main
Merge version_5 into main
2026-05-01 10:26:36 +00:00
98639024d7 Update src/app/page.tsx 2026-05-01 10:26:33 +00:00
9dbcc486a5 Merge version_4 into main
Merge version_4 into main
2026-05-01 10:25:06 +00:00
d4bbeafc25 Remove watermark 2026-05-01 10:25:02 +00:00
d456a2bc7b Merge version_4 into main
Merge version_4 into main
2026-05-01 10:18:40 +00:00
c6f2b7263a Update src/app/page.tsx 2026-05-01 10:18:37 +00:00
aea2a74acf Merge version_3 into main
Merge version_3 into main
2026-05-01 10:17:16 +00:00
35dd82766e Update src/app/page.tsx 2026-05-01 10:17:13 +00:00
67c5b94434 Merge version_2 into main
Merge version_2 into main
2026-05-01 09:59:52 +00:00
481f1c91f8 Update src/app/styles/base.css 2026-05-01 09:59:49 +00:00
17ff56eb73 Update src/app/page.tsx 2026-05-01 09:59:48 +00:00
54f0f0ad16 Update src/app/layout.tsx 2026-05-01 09:59:48 +00:00
c9b14d048a Merge version_1 into main
Merge version_1 into main
2026-05-01 09:58:59 +00:00
a357a21929 Merge version_1 into main
Merge version_1 into main
2026-05-01 09:58:38 +00:00
3 changed files with 62 additions and 238 deletions

View File

@@ -4,11 +4,11 @@ import { Inter } from "next/font/google";
import "./globals.css";
import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
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 +24,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,8 +37,8 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag />
<body className={`${figtree.variable} antialiased`}>
{children}
<script
dangerouslySetInnerHTML={{

View File

@@ -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';
@@ -19,7 +19,7 @@ export default function LandingPage() {
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLarge"
sizing="medium"
background="aurora"
cardStyle="glass-depth"
primaryButtonStyle="double-inset"
@@ -28,63 +28,35 @@ 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"
button={{ text: "Ingresar" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Porque cumplir la normativa no es suficiente."
titleClassName="text-4xl"
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: "Solicita una reunión",
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"
/>
@@ -95,38 +67,14 @@ 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"
textBoxTitleClassName="text-3xl"
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."
/>
</div>
@@ -138,44 +86,15 @@ 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"
textBoxTitleClassName="text-3xl"
description="Procesos especializados para organizaciones educativas."
/>
</div>
@@ -186,59 +105,12 @@ 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"
textBoxTitleClassName="text-3xl"
description="De lo reactivo a lo estratégico: transformando la convivencia desde la práctica real."
/>
</div>
@@ -248,23 +120,12 @@ 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"
textBoxTitleClassName="text-3xl"
description="Respuestas clave sobre nuestra metodología de intervención."
faqsAnimation="blur-reveal"
/>
@@ -274,23 +135,12 @@ export default function LandingPage() {
<TeamCardTen
useInvertedBackground={false}
title="Equipo Conflict Lab"
titleClassName="text-3xl"
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 - Especialista en mediación y procesos restaurativos, dedicada a la transformación de la convivencia escolar mediante el diálogo y la justicia reparativa.", 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 - Experta en diseño de protocolos operativos y cultura relacional, enfocada en crear sistemas escolares coherentes y seguros para toda la comunidad.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-with-glasses_23-2148415937.jpg" },
{ id: "m3", name: "Soledad Fuentealba - Consultora estratégica en participación efectiva y formación docente, comprometida con el desarrollo de competencias prácticas para el liderazgo educativo.", imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg" },
]}
memberVariant="card"
membersAnimation="slide-up"
@@ -300,10 +150,9 @@ export default function LandingPage() {
<div id="contacto" data-section="contacto">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Hablemos"
titleClassName="text-3xl"
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"
mediaAnimation="slide-up"
@@ -315,37 +164,17 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "CONFLICT LAB",
items: [
{
label: "Modelo",
href: "#modelo",
},
{
label: "Servicios",
href: "#servicios",
},
{
label: "Equipo",
href: "#equipo",
},
title: "CONFLICT LAB", items: [
{ 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: "#",
},
title: "Contacto", items: [
{ label: "info@conflictlab.cl", href: "mailto:info@conflictlab.cl" },
{ label: "LinkedIn", href: "#" },
{ label: "Santiago, Chile", href: "#" },
],
},
]}
@@ -356,4 +185,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

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;
}