/* DIPA — site components Long-scroll landing for the studio. */ const { useState, useEffect, useRef } = React; /* ---------- Data ---------- Obra: 15 proyectos reales, en el orden provisto por el estudio. Superficie pendiente (—). Fotografía: placeholders hasta recibir material. */ const HERO_SLIDES = [ { num: "— 01", name: "Casa Endanik", meta: "Carrasco, UY · 2024 · 1100 m²", ph: "photo-1", img: "assets/obras/casa-endanik.jpg" }, { num: "— 02", name: "Casa Fairway", meta: "Pilar, AR · 2024 · 1200 m²", ph: "photo-5", img: "assets/obras/casa-fairway.jpg" }, { num: "— 03", name: "Casa Marupe", meta: "Nordelta, AR · 2024 · 650 m²", ph: "photo-8", img: "assets/obras/casa-marupe.jpg" }, { num: "— 04", name: "Guatemala", meta: "Palermo, AR · 2025 · 1900 m²", ph: "photo-3 has-facade", img: "assets/obras/guatemala-frontal.jpg" }, { num: "— 05", name: "Arevalo", meta: "Palermo, AR · 2025 · 2500 m²", ph: "photo-7 has-facade", img: "assets/obras/arevalo.jpg" }, ]; const WORKS = [ { num: "01", name: "Casa Endanik", meta: "2024 · carrasco, uy · vivienda · 1100 m²", estado: "finalizada", ph: "photo-1", img: "assets/obras/casa-endanik.jpg" }, { num: "02", name: "Casa Fairway", meta: "2024 · pilar, ar · vivienda · 1200 m²", estado: "en construcción", ph: "photo-5", img: "assets/obras/casa-fairway.jpg" }, { num: "03", name: "Casa AP", meta: "2023 · escobar, ar · vivienda · 500 m²", estado: "finalizada", ph: "photo-6", img: "assets/obras/casa-ap.jpg" }, { num: "04", name: "Arevalo", meta: "2025 · palermo, ar · edificio · 2500 m²", estado: "proyecto", ph: "photo-7 has-facade", img: "assets/obras/arevalo.jpg", facade: true }, { num: "05", name: "Guatemala", meta: "2025 · palermo, ar · edificio · 1900 m²", estado: "en construcción", ph: "photo-3 has-facade", img: "assets/obras/guatemala-frontal.jpg", facade: true }, { num: "06", name: "Casa FG", meta: "2019 · escobar, ar · vivienda · 450 m²", estado: "finalizada", ph: "photo-6", img: "assets/obras/casa-fg-2.jpg" }, { num: "07", name: "SLR", meta: "2019 · palermo, ar · edificio · 1800 m²", estado: "finalizada", ph: "photo-8 has-facade", img: "assets/obras/slr.jpg", facade: true }, { num: "08", name: "Casa GC", meta: "2021 · escobar, ar · vivienda · 450 m²", estado: "finalizada", ph: "photo-2", img: "assets/obras/casa-gc.jpg" }, { num: "09", name: "Casa SM", meta: "2021 · escobar, ar · vivienda · 300 m²", estado: "finalizada", ph: "photo-1", img: "assets/obras/casa-sm.jpg" }, { num: "10", name: "Ceibos", meta: "2021 · escobar, ar · vivienda · 300 m²", estado: "finalizada", ph: "photo-5", img: "assets/obras/ceibos.jpg" }, { num: "11", name: "Casa Marupe", meta: "2024 · nordelta, ar · vivienda · 650 m²", estado: "en construcción", ph: "photo-8", img: "assets/obras/casa-marupe.jpg" }, ]; const ARCHIVE = [ { year: "2025", name: "Guatemala", place: "Palermo, AR", program: "edificio", size: "1 900 m²", estado: "en construcción" }, { year: "2025", name: "Arevalo", place: "Palermo, AR", program: "edificio", size: "2 500 m²", estado: "proyecto" }, { year: "2024", name: "Casa Endanik", place: "Carrasco, UY", program: "vivienda", size: "1 100 m²", estado: "finalizada" }, { year: "2024", name: "Casa Fairway", place: "Pilar, AR", program: "vivienda", size: "1 200 m²", estado: "en construcción" }, { year: "2024", name: "Casa Marupe", place: "Nordelta, AR", program: "vivienda", size: "650 m²", estado: "en construcción" }, { year: "2024", name: "Casa Frame", place: "Escobar, AR", program: "vivienda", size: "600 m²", estado: "proyecto" }, { year: "2023", name: "Casa AP", place: "Escobar, AR", program: "vivienda", size: "500 m²", estado: "finalizada" }, { year: "2023", name: "Casa Costas", place: "Escobar, AR", program: "vivienda", size: "450 m²", estado: "proyecto" }, { year: "2023", name: "Casa Bit", place: "Escobar, AR", program: "vivienda", size: "450 m²", estado: "finalizada" }, { year: "2023", name: "Casa Pomelo", place: "Escobar, AR", program: "vivienda", size: "450 m²", estado: "proyecto" }, { year: "2022", name: "Casa Ronda", place: "Pilar, AR", program: "vivienda", size: "600 m²", estado: "en construcción" }, { year: "2022", name: "Casa SF", place: "Escobar, AR", program: "vivienda", size: "500 m²", estado: "finalizada" }, { year: "2022", name: "Casa Mag", place: "Escobar, AR", program: "vivienda", size: "400 m²", estado: "proyecto" }, { year: "2022", name: "Acasusso", place: "Acasusso, AR", program: "vivienda", size: "350 m²", estado: "proyecto" }, { year: "2021", name: "Casa SM", place: "Escobar, AR", program: "vivienda", size: "300 m²", estado: "finalizada" }, { year: "2021", name: "Casa L", place: "Escobar, AR", program: "vivienda", size: "300 m²", estado: "finalizada" }, { year: "2021", name: "Ceibos", place: "Escobar, AR", program: "vivienda", size: "300 m²", estado: "finalizada" }, { year: "2021", name: "Casa GC", place: "Escobar, AR", program: "vivienda", size: "450 m²", estado: "finalizada" }, { year: "2020", name: "Nero", place: "Bella Vista, AR", program: "edificio", size: "1 100 m²", estado: "finalizada" }, { year: "2019", name: "SLR", place: "Palermo, AR", program: "edificio", size: "1 800 m²", estado: "finalizada" }, { year: "2019", name: "Casa FG", place: "Escobar, AR", program: "vivienda", size: "450 m²", estado: "finalizada" }, ]; const PRESS = [ { year: "2024", pub: "Summa+", title: "Edificio Prima — edición de obra reciente.", ext: "nº 198 / ar" }, { year: "2024", pub: "ArchDaily", title: "Casa Endanik: una arquitectura del lugar.", ext: "feature" }, { year: "2023", pub: "Plot", title: "Diálogos con DIPA: materialidad y permanencia.", ext: "nº 81 / ar" }, { year: "2023", pub: "ARQ Clarín", title: "Casa Fairway, hormigón visto y patio interior.", ext: "supl. arq" }, { year: "2022", pub: "Domus", title: "South American practices to watch — DIPA Arquitectos.", ext: "edición latam" }, { year: "2022", pub: "Bienal CPAU",title: "Mención categoría vivienda — Casa Marupe.", ext: "distinción" }, { year: "2021", pub: "Wallpaper*", title: "Buenos Aires, on the rise — three studios reshaping the city.", ext: "feature" }, ]; /* ---------- Header ---------- */ const Header = ({ lang = "es", onLang }) => { const labels = lang === "en" ? { obra: "work", estudio: "studio", archivo: "archive", prensa: "press", contacto: "contact" } : { obra: "obra", estudio: "estudio", archivo: "archivo", prensa: "prensa", contacto: "contacto" }; return (
DIPA arquitectos.
onLang && onLang("es")} role="button" >es · onLang && onLang("en")} role="button" >en
); }; /* ---------- Hero (slider) ---------- */ const Hero = ({ autoplay = true, lang }) => { const [i, setI] = useState(0); const n = HERO_SLIDES.length; useEffect(() => { if (!autoplay) return; const t = setInterval(() => setI((x) => (x + 1) % n), 5200); return () => clearInterval(t); }, [autoplay, n]); const cur = HERO_SLIDES[i]; const labels = lang === "en" ? { selected: "selected work · 2024", scroll: "scroll", next: "next" } : { selected: "obra seleccionada · 2024", scroll: "deslizar", next: "siguiente" }; return (
{HERO_SLIDES.map((s, idx) => (
{s.img && {s.name}}
))}
{cur.num}
{cur.name}
{cur.meta}
{labels.scroll} ↓
{labels.selected} {String(i + 1).padStart(2, "0")} / {String(n).padStart(2, "0")}
setI((x) => (x - 1 + n) % n)}>← {lang === "en" ? "prev" : "anterior"} setI((x) => (x + 1) % n)}>{labels.next} →
); }; /* ---------- Manifiesto ---------- */ const Manifiesto = ({ lang }) => { if (lang === "en") { return (
— 01

We design spaces that hold experiences of singular quality. Materials speak — they hold memory and can awaken sensations and emotion. So that to inhabit is not only to be, but to feel.

); } return (
— 01

Diseñamos espacios que contengan vivencias de calidad única. Los materiales hablan, tienen memoria y son capaces de despertar sensaciones y emociones. Que habitar no sea solo estar, sino sentir.

); }; /* ---------- Experiencia (full-bleed spread) ---------- */ const Experiencia = ({ lang }) => (

{lang === "en" ? "experience." : "experiencia."}

{lang === "en" ? (

We understand architecture as an experience discovered through the senses. It is not only about spaces, but about how those spaces affect us, hold us and accompany us in everyday life. We believe materials speak, that they hold memory, and that they can awaken memories, sensations and deep emotions.

That is why we conceive each project as a whole, where every decision —from light to texture, from scale to silence— is part of a single narrative. We seek a continuity between spaces that is not only physical, but also emotional, generating a fluid, coherent and meaningful experience.

We care that the everyday becomes special. That every path, every encounter with matter and light, has intention. That to inhabit is not only to be, but to feel.

) : (

Entendemos la arquitectura como una experiencia que se descubre a través de los sentidos. No se trata solo de espacios, sino de cómo esos espacios nos afectan, nos contienen y nos acompañan en la vida cotidiana. Creemos que los materiales hablan, que tienen memoria, y que son capaces de despertar recuerdos, sensaciones y emociones profundas.

Por eso concebimos cada proyecto como una totalidad, donde cada decisión —desde la luz hasta la textura, desde la escala hasta el silencio— forma parte de un mismo relato. Buscamos que la continuidad entre los espacios no sea solo física, sino también emocional, generando una experiencia fluida, coherente y significativa.

Nos interesa que lo cotidiano se vuelva especial. Que cada recorrido, cada encuentro con la materia y la luz, tenga intención. Que habitar no sea solo estar, sino sentir.

)}
); /* ---------- SectionHead ---------- */ const SectionHead = ({ num, title, lhs, rhs }) => (
— {num}

{title}

{rhs}
); /* ---------- Obra ---------- */ const ESTADO_EN = { "finalizada": "completed", "en construcción": "under construction", "proyecto": "in design" }; const estadoLabel = (e, lang) => (lang === "en" ? (ESTADO_EN[e] || e) : e); const Obra = ({ lang }) => (
{lang === "en" ? "11 works" : "11 obras"}} />
{WORKS.map((w) => (
{w.img && {w.name}}
{w.num}
{w.name} {w.meta} {estadoLabel(w.estado, lang)}
{lang === "en" ? "view →" : "ver →"}
))}
); /* ---------- Featured / pull-quote on photo ---------- */ const Featured = ({ lang }) => (
Casa AP
{lang === "en" ? "To inhabit is not only to be, but to feel." : "Que habitar no sea solo estar, sino sentir."}
— dipa
— obra destacada Casa AP 2023 · escobar, ar · 500 m²
); /* ---------- Proceso ---------- */ const PROCESO = [ { num: "01", es: { name: "Concepto y estrategia", desc: "Comprendemos la forma de vivir del cliente y la traducimos en una propuesta coherente, atemporal y técnicamente sólida. Definición del programa, factibilidad del terreno y concepto de diseño." }, en: { name: "Concept & strategy", desc: "We grasp how the client lives and translate it into a coherent, timeless and technically sound proposal. Brief, site feasibility and the design concept." }, }, { num: "02", es: { name: "Desarrollo ejecutivo", desc: "Interiorismo arquitectónico y proyecto ejecutivo: especificaciones, detalles de terminaciones, coordinación de ingenierías y la documentación completa para presupuestar y construir." }, en: { name: "Executive development", desc: "Architectural interior and executive project: specifications, finish details, engineering coordination and the full documentation to budget and build." }, }, { num: "03", es: { name: "Dirección y gestión de obra", desc: "Supervisión durante toda la vigencia de la obra, control de desvíos, plan de tareas y financiero. Acompañamiento constante para llegar a las terminaciones esperadas." }, en: { name: "Construction direction", desc: "Supervision through the entire build, deviation control, task and financial planning. Constant guidance toward the finishes expected." }, }, { num: "04", es: { name: "Curaduría de interiores", desc: "Opcional. Definición de mobiliario, materiales y decoración: moodboard, distribución, detalle a medida y seguimiento de fabricación en talleres." }, en: { name: "Interior curation", desc: "Optional. Furniture, materials and decoration: moodboard, layout, bespoke detailing and fabrication follow-up at the workshops." }, }, ]; const Proceso = ({ lang }) => (
{lang === "en" ? "four stages" : "cuatro etapas"}} />
{lang === "en" ? "Each project is a unique piece, developed through a rigorous, carefully guided process — where every decision is studied, contrasted and validated before moving on." : "Cada proyecto es una pieza única, desarrollada a través de un proceso riguroso y cuidadosamente guiado — donde cada decisión se estudia, se contrasta y se valida antes de continuar."}
{PROCESO.map((p) => (
{p.num}
{p[lang === "en" ? "en" : "es"].name}
{p[lang === "en" ? "en" : "es"].desc}
))}
); /* ---------- Estudio ---------- */ const Estudio = ({ lang }) => (
buenos aires · ar} />
{lang === "en" ? ( <>

To materialize an idea of living.

DIPA is a Buenos Aires architecture studio devoted to the house. We design spaces that hold experiences of singular quality — functional, efficient aesthetics for a fluid, pleasurable way of living.

We understand architecture as an experience discovered through the senses. Each project is a whole, where every decision — from light to texture, from scale to silence — is part of the same story.

The studio is led by two partners, supported by architects, technicians and invited specialists according to each stage. We take on a limited number of projects at once, to guarantee the dedication each one requires.

) : ( <>

Materializar una idea de vivir.

DIPA es un estudio dedicado a la arquitectura residencial. Diseñamos espacios que contengan vivencias de calidad única — estéticas funcionales y eficientes para una manera fluida y placentera de vivir.

Entendemos la arquitectura como una experiencia que se descubre a través de los sentidos. Cada proyecto es una totalidad, donde cada decisión — de la luz a la textura, de la escala al silencio — forma parte de un mismo relato.

El estudio está dirigido por sus dos socios, acompañado por arquitectos, técnicos y asesores invitados según la etapa. Trabajamos con una cantidad limitada de proyectos en simultáneo, para garantizar la dedicación que cada obra requiere.

)}
Los socios de DIPA
Matías Di Pietro · Agustina Parodi {lang === "en" ? "buenos aires · 2024" : "buenos aires · 2024"}
); /* ---------- Archivo ---------- */ const Archivo = ({ lang }) => (
{lang === "en" ? "21 works" : "21 obras"}} />
{lang === "en" ? "year" : "año"} {lang === "en" ? "project" : "obra"} {lang === "en" ? "location" : "ubicación"} {lang === "en" ? "program" : "programa"} {lang === "en" ? "status" : "estado"}
{ARCHIVE.map((r, idx) => ( {r.year} {r.name} {r.place.toLowerCase()} {r.program} {r.size} {estadoLabel(r.estado, lang)} ))}
); /* ---------- Prensa ---------- */ const Prensa = ({ lang }) => (
2020 — 2024} />
{lang === "en" ? "Conversations, features and recognitions about the studio's work." : "Conversaciones, publicaciones y distinciones sobre el trabajo del estudio."}
{PRESS.map((p, idx) => ( {p.year} {p.pub} {p.title} {p.ext} ↗ ))}
); /* ---------- Contacto / footer ---------- */ const Contacto = ({ lang }) => (

{lang === "en" ? <>each project
— a unique opportunity. : <>cada proyecto
— una oportunidad única.}

{lang === "en" ? <>We get deeply involved, understanding that behind every decision there is a way of living that deserves to be interpreted with precision.

We take on a limited number of projects at once, to guarantee the level of dedication each work requires. We understand architecture as a process where value lies not only in the result, but in every decision that builds it.

If this approach resonates with you, it will be a pleasure to develop this project together. : <>Nos involucramos en profundidad, entendiendo que detrás de cada decisión hay una forma de vivir que merece ser interpretada con precisión.

Trabajamos con una cantidad limitada de proyectos en simultáneo, para garantizar el nivel de dedicación que cada obra requiere. Entendemos la arquitectura como un proceso donde el valor no está solo en el resultado, sino en cada decisión que lo construye.

Si este enfoque resuena con ustedes, será un placer desarrollar este proyecto en conjunto.}

{lang === "en" ? "write to us" : "escribir al estudio"} →
{lang === "en" ? "studio" : "estudio"}
Soler 5983, Depto. 103
Buenos Aires
Argentina
{lang === "en" ? "contact" : "contacto"}
info@dipaarquitectos.com
{lang === "en" ? "hours" : "horario"}
{lang === "en" ? "mon — fri" : "lun — vie"}
{lang === "en" ? "by appointment" : "con cita previa"}
{lang === "en" ? "elsewhere" : "redes"}
@dipaarquitectos ↗
dipaarquitectos.com ↗
DIPA arquitectos. · buenos aires, ar © 2026 — todos los derechos reservados.
); Object.assign(window, { Header, Hero, Manifiesto, Experiencia, Obra, Featured, Proceso, Estudio, Archivo, Prensa, Contacto, });