/* construccion-sections.jsx — Nav, Hero (+ ObraMock), Problema, IdeaCentral Triaz para Construcción · conversion landing */ /* ============================================================ */ /* NAV */ /* ============================================================ */ function Nav() { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 8); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); return ( ); } /* ============================================================ */ /* HERO */ /* ============================================================ */ function Hero() { return (
Triaz para construcción

Deja de gestionar tus obras a ciegas.

El departamento externo de datos, automatización e IA para empresas que trabajan por proyectos. Sabes si cada obra deja dinero mientras la ejecutas — no cuando ya es tarde.

Agendar conversación Ver cómo funciona

Evaluamos juntos si encaja contigo, sin compromiso.

{/* trust strip */}
Constructoras que ya operan con Triaz {["H. TERRATS", "VECTOR HORIZONTE", "GRUPO LIÑAGAR", "PAVISA", "ROOM GLOBAL"].map((n) => {n} )}
); } /* ----- ObraMock: control económico en tiempo real ----------- */ function ObraMock() { const partidas = [ { l: "01 · Movimiento de tierras", p: 100, c: 96, tone: "ok" }, { l: "02 · Estructura", p: 100, c: 103, tone: "warn" }, { l: "03 · Cerramientos", p: 64, c: 71, tone: "warn" }, { l: "04 · Instalaciones", p: 38, c: 34, tone: "ok" }]; const feed = [ { dot: "#9A3A2E", a: "Desviación", m: "Estructura supera presupuesto en +3%", t: "hace 8 min" }, { dot: "var(--copper)", a: "Proveedores", m: "4 ofertas comparadas · ahorro 6,2%", t: "hace 1 h" }, { dot: "#4F7A4A", a: "Parte voz", m: "12 h imputadas desde WhatsApp", t: "hace 2 h" }]; return (
{/* window bar */}
Control económico · tiempo real

Residencial Av. del Puerto

día 84 / 210
{/* KPIs */}
{[ { l: "Margen previsto", v: "11,4%", tone: "ok" }, { l: "Coste / presup.", v: "78%", tone: "neutral" }, { l: "Desviación", v: "+1,9%", tone: "warn" }]. map((k, i) =>
{k.l}
{k.v}
)}
{/* partidas: presup vs coste */}
Presupuesto vs coste real
{partidas.map((p, i) =>
{p.l}
{p.c}%
)}
{/* agent feed */}
{feed.map((e, i) =>
{e.a} {e.m} {e.t}
)}
{/* floating alert chip */}
aviso a tiempo
); } /* ============================================================ */ /* PROBLEMA */ /* ============================================================ */ function Problema() { const pains = [ { icon: "eye-off", t: "No sabes si una obra deja dinero", b: "Hasta el cierre no ves el resultado real. Para entonces, las desviaciones ya no se pueden corregir." }, { icon: "folders", t: "La información está dispersa", b: "Excel, correos, WhatsApp y carpetas. Cada dato vive en un sitio distinto y nadie tiene la foto completa." }, { icon: "unplug", t: "Herramientas que no se hablan", b: "El ERP, la hoja de costes y el parte de obra no se conectan. Reescribís lo mismo tres veces." }, { icon: "clipboard-x", t: "Demasiada administración", b: "Imputar facturas, montar certificaciones, perseguir partes. Horas que no deberían ser manuales." }, { icon: "git-fork", t: "Presión por 'hacer algo con la IA'", b: "Sabes que deberías aprovecharla, pero no tienes tiempo ni un responsable para liderar el cambio." }]; return (
El problema

Gestionar varias obras a la vez sin datos fiables es ir a ciegas.

Gestionáis personas, materiales y subcontratas en obras simultáneas. Pero las decisiones llegan tarde porque la información no está donde ni cuando la necesitáis.

{pains.map((p, i) =>

{p.t}

{p.b}

)} {/* closing statement cell */}

El problema no es falta de software. Es que nadie evoluciona la forma de trabajar.

); } /* ============================================================ */ /* IDEA CENTRAL */ /* ============================================================ */ function IdeaCentral() { return (
La diferencia

No te vendemos otra herramienta. Aplicamos IA sobre tu operación completa.

Un agente suelto sobre datos desordenados no sirve de nada. La IA solo da valor sobre datos estructurados y procesos definidos. Por eso nos ocupamos de toda la operación, no de una pieza aislada.

{[ ["layers", "Datos, procesos y agentes trabajando como un sistema, no como apps sueltas."], ["plug-zap", "Convive con tu ERP actual. No te obligamos a cambiar cómo trabajáis."], ["target", "Vendemos problemas resueltos: control en tiempo real, menos administración, decisiones con datos fiables."]]. map(([icon, txt]) =>
{txt}
)}
{/* layered diagram: agentes need structured base */}
Por qué la operación completa
{[ { l: "Agentes de IA", d: "automatizan y avisan", c: "var(--copper)", fg: "var(--ink)" }, { l: "Procesos definidos", d: "compras, partes, certificaciones", c: "var(--ink)", fg: "var(--bone)" }, { l: "Datos estructurados", d: "una sola fuente, en tiempo real", c: "var(--bone-2)", fg: "var(--ink)", border: true }]. map((row, i) =>
{row.l} {row.d}
)}
cada capa se apoya en la de abajo
); } Object.assign(window, { Nav, Hero, ObraMock, Problema, IdeaCentral });