/* 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 (
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.
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.
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.
}
{lang === "en" ? "experience." : "experiencia."}
{lang === "en" ? (
{lang === "en" ? "To inhabit is not only to be, but to feel." : "Que habitar no sea solo estar, sino sentir."}
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.
> ) : ( <>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.
> )}
{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.>}
arquitectos. · buenos aires, ar
© 2026 — todos los derechos reservados.