// pages.jsx — Home, About, Services, Projects, Contact const { useState: useStateP, useEffect: useEffectP } = React; // ═══════════ PROJECT DATA ═══════════ const PROJECTS = [ { id: 'thurgood-marshall', title: 'Justice Thurgood Marshall Center', year: 2024, types: 'Cultural · Historic Preservation', location: 'Baltimore, MD', sf: '22,000 SF', cost: '$15,000,000', client: 'Beloved Community Services CDC, Inc.', sector: 'Cultural Institution', services: ['Architecture', 'Interior Architecture', 'MEP Engineering'], permits: [], status: 'Completed · 2024', award: '2024 ULI Wavemaker Award', dek: 'Adaptive reuse of PS 103 — Justice Marshall\'s elementary school — anchoring a cultural-tourism strategy for Baltimore\'s Upton community.', blurb: 'The Amenity Center was a major step forward in establishing the nation\'s largest historic African American district as a cultural-tourism destination. Built in 1877, PS 103 was a segregated elementary school for African American children — and the school Thurgood Marshall attended from 1914 to 1921.', }, { id: 'eastern-market', title: 'Eastern Market Preservation', year: 2023, types: 'Historic Preservation · Architecture', location: 'Washington, DC', sf: '7,000 SF', cost: '$1,200,000', client: 'DC Department of General Services', sector: 'Municipal', services: ['Architecture', 'Interior Architecture', 'MEP Engineering'], permits: ['DOB', 'CFA'], status: 'Completed · CA Phase 2023', dek: 'Revitalizing stonework, signage, skylights, and the mezzanine deck — safeguarding Eastern Market\'s role as a community marketplace.', blurb: 'The Eastern Market Preservation Project addresses normal wear, tear, and deferred maintenance to ensure the long-term preservation of this historic public space — revitalizing exterior stonework, refreshing existing signage, preserving the skylight, and repairing the mezzanine floor deck.', }, { id: 'aacw-museum', title: 'African American Civil War Museum', year: 2023, types: 'Cultural · Historic Preservation', location: 'Washington, DC', sf: '15,000 SF', cost: '$3,000,000', client: 'African American Civil War Memorial Freedom Foundation', sector: 'Cultural Institution', services: ['Architecture', 'Interior Architecture', 'MEP Engineering'], permits: [], status: 'Completed · CA Phase 2023', dek: 'Adaptive reuse of the 1887 Grimke School — a new permanent home for the museum, targeting LEED Silver.', blurb: 'Built in 1887, the Grimke School in the Greater U Street Historic District is undergoing adaptive reuse to host the new permanent home of the African American Civil War Museum. The project will achieve LEED Silver certification while preserving the historic character of the building.', }, { id: 'walter-pierce', title: 'Walter Pierce Park', year: 2024, types: 'Park Upgrades · Landscape', location: 'Washington, DC', sf: '20,000 SF', cost: '$700,000', client: 'DC Department of General Services', sector: 'Municipal', services: ['Landscape Architecture', 'Civil Engineering', 'MEP Engineering'], permits: ['DOB', 'CFA', 'DDOT', 'DC Water'], status: 'In Construction Administration', dek: 'Park upgrades on the site of the former Mount Pleasant Plains Cemetery — adding historical interpretation while respecting the heritage of 8,400+ souls.', blurb: 'Located in the heart of Adams Morgan, the park is the final resting place for over 8,400 African Americans and remains an important cultural site. Improvements include new historical signage, a standalone Portland Loo restroom, and treatment of the brick wall along Adams Mill Road.', }, { id: 'harbor-bank', title: 'Harbor Bank of Maryland HQ', year: 2025, types: 'Bank Fit-out · Architecture', location: 'Baltimore, MD', sf: '5,000 SF', cost: '$1,000,000', client: 'Harbor Bank of Maryland', sector: 'Private — Mission-Driven', services: ['Architecture', 'Interior Architecture', 'MEP Engineering'], permits: ['DOB', 'CFA'], status: 'In Progress', dek: 'A new architectural standard for the bank — openness, natural light, and integrated technology in service of community values.', blurb: 'The renovation redefines the bank\'s physical identity through a contemporary architectural language that merges functionality, brand expression, and community values. The headquarters becomes a model for all Harbor Bank facilities.', }, ]; // ═══════════ AGENCIES + CONTRACT INFO ═══════════ const AGENCIES = [ { name: 'DC Department of General Services', short: 'DGS' }, { name: 'Prince William Water Authority', short: 'PWWA' }, { name: 'U.S. Department of State', short: 'State Department' }, { name: 'African American Civil War Memorial Foundation', short: 'AACWM' }, { name: 'Beloved Community Services CDC', short: 'BCS CDC' }, ]; const CONTRACTING = { uei: 'UEI · Available on request', cage: 'CAGE Code · Available on request', duns: 'DUNS · Available on request', naics: [ { code: '541310', label: 'Architectural Services' }, { code: '541330', label: 'Engineering Services' }, { code: '541320', label: 'Landscape Architecture' }, { code: '541350', label: 'Building Inspection Services' }, { code: '541410', label: 'Interior Design Services' }, ], registrations: ['SAM.gov · Active', 'AIA|DC Member', 'DSLBD CBE — Verifying'], }; const PROJECT_BY_ID = Object.fromEntries(PROJECTS.map(p => [p.id, p])); // FeaturedProject — full-bleed hero block. Reads beforeAfter Tweak to swap the // hero image for a draggable before/after slider on supported projects. function FeaturedProject({ id }) { const p = PROJECT_BY_ID[id]; const { open } = useProjectOverlay(); // Read tweak from window — set by App on body via class. Simpler: read // localStorage written by useTweaks. const [beforeAfter, setBA] = React.useState(false); React.useEffect(() => { const read = () => setBA(!!(window.__tweaks && window.__tweaks.beforeAfter)); read(); window.addEventListener('tweaks-changed', read); return () => window.removeEventListener('tweaks-changed', read); }, []); return (
open(id)} data-cursor={beforeAfter ? null : 'view'} data-cursor-label="View case"> {beforeAfter ? (
e.stopPropagation()} style={{ cursor: 'ew-resize' }}>
) : ( )}
{p.award && {p.award}}

{p.title}

{p.types} · {p.location} · {p.sf}

{p.dek}
); } // ═══════════ HOME ═══════════ function HomePage() { return (
{/* HERO */}
{/* Headline left */}
Washington, DC · Public-sector A+E · Est. 2015

We design, engineer,
and steward buildings
that serve the public good.

The DMV's integrated architecture and engineering firm — built for the way public agencies actually procure, permit, and deliver work.
See our work Request SF-330 portfolio
{/* Image right */}
{/* STAT BAND */}
{/* AGENCIES SERVED */}
Public Clients

We work with the agencies that steward public space.

Local, state, and regional. From small-scale municipal upgrades to multi-phase infrastructure work — we know the procurement cycle, the agency contacts, and the regulatory steps that come next.

{AGENCIES.map((a, i) => (
{a.name}
{a.short}
 ))}

+ Federal, state, municipal, cultural & educational clients across DC, MD, VA

{/* SELECTED WORK */}
Selected Work · 2023 — 2025 All projects
{/* Lead — Thurgood Marshall — full bleed */}
{/* 2-up gallery */}
{/* WHY INTEGRATED */}
The Integrated Firm "One signature on every drawing.
One team accountable for every decision."

Subconsultant coordination is the number-one source of risk on government projects. Schedules slip in the gaps between firms. Drawings disagree. Permit reviewers send everyone back to start.

DURO carries architecture, MEP, structural, civil, and permitting in-house. Every drawing leaves our office with one signature and one set of stamps — ours.

{/* PRACTICE AREAS PREVIEW */}
Practice Areas

Eleven services.
One contract.
One signature.

Services in detail
{/* PROCUREMENT READINESS */}
Procurement Readiness

Built for the way public agencies buy.

Registered, certified, and ready to respond. We carry the same compliance posture as firms ten times our size — with the responsiveness of one that isn't.

Request our SF-330 portfolio
{CONTRACTING.registrations.map((r) => (
✓
{r}
))}
NAICS Codes
{CONTRACTING.naics.map(n => (
{n.code}
{n.label}
))}
{/* CLOSING CTA */} Building for the next generation of public stewards.} body={<>DURO Design Group, LLC
5112 11th Street NE
Washington, DC 20011} />
); } // ═══════════ ABOUT ═══════════ function AboutPage() { return (
About

We work where public memory
meets public infrastructure.

{/* The firm */}
The Firm

DURO Design Group is a full-service architecture and engineering firm working at local, state, and regional levels across the DMV.

Our portfolio is anchored in historic preservation and adaptive reuse — buildings that hold public memory and deserve careful stewardship. We work with the Department of General Services, Prince William Water Authority, State Department entities, and mission-driven private clients.

Every drawing that leaves our office carries one signature. Architecture, MEP, structural, civil, and permitting under one roof means schedules don't slip into the gaps between firms, and the same team that designs your building also gets it through review and into the ground.

{/* Approach pillars */}
Approach
{[ { n: '01', t: 'Integrated by design', d: 'Five disciplines, one accountable team. We carry MEP, structural, civil, and permitting in-house — not as subconsultants, but as colleagues across the studio.' }, { n: '02', t: 'Stewards of historic fabric', d: 'Most of our work touches buildings older than living memory. We treat them as artifacts first and as projects second — surveying, documenting, and preserving what is there before we add what is new.' }, { n: '03', t: 'Resilient and net-zero ready', d: 'BEPS, LEED, and net-zero pathways are baked into our MEP scope. We design buildings that will still be efficient in 2050 — not retrofitted to be.' }, { n: '04', t: 'Accountable to the public', d: 'Our clients are governments and public institutions. We answer to citizens, taxpayers, and the agencies that steward shared resources — and we calibrate our process accordingly.' }, ].map((p, i) => (
{p.n}

{p.t}

{p.d}
))}
{/* Leadership / credentials */}
Leadership

Leadership profiles coming soon.

Credentials
{['AIA', 'NCARB', 'PE', 'LEED AP', 'AIA|DC Member', 'SAM.gov'].map(c => (
{c}
))}
{/* Awards strip */}
Recognition {[ { y: '2024', n: 'Urban Land Institute Wavemaker Award', p: 'Justice Thurgood Marshall Center' }, { y: '2024', n: 'Historic Preservation Review — Approved with Distinction', p: 'Eastern Market Preservation' }, { y: '2023', n: 'DGS Contractor of the Year — Finalist', p: 'Department of General Services' }, { y: '2023', n: 'AIA|DC Civic Design — Recognition', p: 'Walter Pierce Park Upgrades' }, ].map((a, i) => (
{a.y}
{a.n}
{a.p}
 ))}
Bring us a difficult public project.} body={<>hello@durodesigngroup.com
(202) 491-4948} />
); } // ═══════════ SERVICES ═══════════ function ServicesPage() { const services = [ { n: '01', name: 'Architecture', photo: 'Walter Pierce Park — pavilion', body: 'Full-service architecture for public agencies, cultural institutions, and educational clients. We have led work for the DC Department of General Services and similar agencies across the DMV — from programming and feasibility through construction administration. Our process is calibrated to the way public agencies actually procure, review, and accept work.', bullets: ['Programming & feasibility', 'Schematic design', 'Design development', 'Construction documents', 'Construction administration', 'Cost-estimating coordination', 'Stakeholder engagement'], }, { n: '02', name: 'Interior Architecture', photo: 'Interior — civic finishes detail', body: 'Tenant fit-outs, civic-space interiors, and adaptive reuse — coordinated tightly with our MEP and structural teams. Furniture, fixtures, equipment, finishes, signage, lighting, and acoustic planning all under one contract.', bullets: ['Space planning & programming', 'Furniture, fixtures, equipment (FF&E)', 'Finishes & materials selection', 'Signage & wayfinding', 'Acoustic & lighting planning'], }, { n: '03', name: 'Landscape Architecture', photo: 'Walter Pierce Park — site plan', body: 'Civic plazas, parks, streetscapes, and site design — always coordinated with our civil engineering team so site drainage, ADA paths, grading, and planting are designed as one. We have completed landscape work for the DC Department of General Services and other municipal clients.', bullets: ['Site design & site planning', 'Park & plaza design', 'Streetscape & public-realm', 'Planting design', 'ADA & path-of-travel'], }, { n: '04', name: 'MEP Engineering', photo: 'Mechanical room — equipment as architecture', body: 'In-house mechanical, electrical, and plumbing — not a subconsultant relationship. Our MEP team sits twenty feet from our architects, which means coordination happens at the desk, not in a meeting two weeks later. We deliver energy modeling, BEPS pathways, LEED and net-zero strategies, and the calculations that prove them.', bullets: ['Mechanical system design', 'Electrical & lighting design', 'Plumbing system design', 'Fire protection coordination', 'Load calculations & system analysis', 'Energy modeling & BEPS', 'LEED / net-zero pathways'], }, { n: '05', name: 'Structural Engineering', photo: 'Historic structure — load survey', body: 'Historic structure assessments are the most demanding form of structural engineering — every assumption has to be tested, every concealed condition surveyed. Our team works from light-gauge framing through heavy timber, and from seismic retrofit through full structural redesign of buildings that pre-date modern codes.', bullets: ['Structural system design', 'Structural analysis & calculations', 'Existing building assessments', 'Renovation & retrofit design', 'Heavy timber, steel, light gauge'], }, { n: '06', name: 'Civil Engineering & Site Design', photo: 'Site plan — stormwater + grading', body: 'Civil work that respects the building. Stormwater management plans, Green Area Ratio compliance, grading, site utilities, and the coordination with landscape architects and DDOT that makes the difference between a site that looks designed and one that looks engineered.', bullets: ['Erosion & sediment control plans', 'Stormwater management plans', 'Green Area Ratio (GAR) plans', 'Utility plans', 'Traffic control & public-space plans'], }, { n: '07', name: 'Historic Preservation & Adaptive Reuse', photo: 'Eastern Market — stonework detail', body: 'We have led HPRB, SHPO, and CFA reviews across the District and Maryland — from Section 106 consultation through final treatment. Our preservation work begins with conditions assessments and treatment plans grounded in the Secretary of the Interior\'s Standards. We document what is there, identify what is character-defining, and engineer the interventions that let historic buildings serve their next hundred years.', bullets: ['HPRB / SHPO / CFA review', 'Section 106 consultation', 'Conditions assessments', 'Treatment plans & specifications', 'Historic structure reports', 'Adaptive reuse planning'], }, { n: '08', name: 'Feasibility & Existing Conditions', photo: 'Field survey — assessment in progress', body: 'Before scope commitments, before budgets, before the agency commits public dollars — we tell you what is actually there. Existing-conditions documentation, structural assessments, MEP capacity surveys, and feasibility memos that make the next phase defensible.', bullets: ['Feasibility studies', 'Existing conditions assessments', 'Pre-design memos', 'Budget & schedule validation', 'Test fits & space studies'], }, { n: '09', name: 'Construction Administration', photo: 'Site visit — punch list', body: 'The same team that designs your building gets it built. Field observation, RFI response, submittal review, change-order management, and substantial-completion certification. CA is where most public-sector projects lose schedule — we treat it as a deliverable, not a courtesy.', bullets: ['Field observation & reporting', 'RFI & submittal management', 'Change-order review', 'Pay application review', 'Punch-list & substantial completion'], }, { n: '10', name: 'Permitting & Regulatory Strategy', photo: 'Permit set — review markup', body: 'We pull permits in DC, Maryland, and Virginia regularly. We know the reviewers. We know which questions get asked. We prepare full permit packages, expedite where the law allows, and serve as agency liaison — DCRA, MDE, VDOT, HPRB, DDOT, DC Water.', bullets: ['Building permits', 'Stormwater, utility, tree permits', 'Department of Transportation permits', 'DC Water service permits', 'HPRB / CFA submissions', 'Agency liaison'], }, { n: '11', name: 'Permit Expediting', photo: 'Plan-review counter', body: 'In-house expediting — not a referral, not a separate vendor. The same team that drew the documents walks them through plan review. This shortens the cycle and eliminates the most common cause of permit delays: a question the original designer needs to answer.', bullets: ['Plan-review accompaniment', 'Comment-response coordination', 'Multi-agency walk-through', 'Revision package preparation'], }, ]; return (
{/* Hero */}
Services · Capabilities Statement

Eleven services.
One roof.
One accountable team.

Most architecture firms managing a public-sector project run three to seven subconsultants. We don't. Every drawing that leaves our office carries one signature and one set of stamps — ours.

{/* Featured offering — Preservation Pre-Screen */}
Featured · Fixed-Fee

The Preservation Pre-Screen.

Two weeks. One fixed fee. A complete HPRB / SHPO / CFA pre-submission package: feasibility memo, regulatory matrix, conditions assessment, and a written go / no-go recommendation. For developers and agencies asking whether a building can be saved.

2
Weeks · Fixed fee
Request a pre-screen
{/* Disciplines */} {services.map((s, i) => (
{s.n}

{s.name}

{s.body}

{s.bullets.map(b => ( · {b} ))}
))} {/* Sectors */}
Sectors Served
{['Federal', 'State', 'Municipal', 'Cultural Institutions', 'Educational', 'Civic', 'Mission-Driven Private'].map(s => ( {s} ))}
Procurement

SAM.gov-registered. AIA|DC member. DSLBD CBE — verification in progress. NAICS codes 541310 · 541330 · 541320 · 541350 · 541410. UEI, CAGE Code, and SF-330 portfolio available on request.

Geography

Washington, DC · Maryland · Virginia. Permitting active across DCRA, DOB, CFA, DDOT, DC Water, MDE, and VDOT. Studio at 5112 11th Street NE, Washington, DC 20011.

Bring us the project nobody else will sign.} body={<>hello@durodesigngroup.com
(202) 491-4948} />
); } // ═══════════ PROJECTS INDEX ═══════════ function ProjectsPage() { const { open } = useProjectOverlay(); return (
Projects · Selected

Buildings that carry
a civic weight.

A chronologically-ordered selection of recent work — public agencies, cultural institutions, and historic structures across DC, Maryland, and Virginia.

{/* Stacked project entries */}
{PROJECTS.map((p, i) => (
open(p.id)} style={{ cursor: 'pointer' }} data-cursor="view" data-cursor-label="View case" >
{p.award && {p.award}}

{p.title}

{p.client}

{p.dek}

Sector · {p.sector}
Location · {p.location}
Size · {p.sf}
Cost · {p.cost}
Status · {p.status}
Services
{p.services.join(' · ')}
{p.permits && p.permits.length > 0 && (
Permitting
{p.permits.join(' · ')}
)}

{p.blurb}
))}
{/* Archive prompt */}

More projects in the archive.

For federal procurement officers and prime contractors — request our full SF-330 portfolio.

Request portfolio
Public work, made permanent.} body={<>5112 11th Street NE
Washington, DC 20011} />
); } // ═══════════ CONTACT ═══════════ function ContactPage() { const [submitted, setSubmitted] = useStateP(false); const [form, setForm] = useStateP({ name: '', email: '', org: '', type: '', message: '' }); const onSubmit = (e) => { e.preventDefault(); setSubmitted(true); }; return (
Contact
{/* Left column — editorial */}

Tell us about
your project.

We work with public agencies, cultural institutions, and mission-driven private clients across DC, Maryland, and Virginia. New project inquiries, RFP responses, and SF-330 portfolio requests all start the same way — a short note and a 30-minute call.

DURO Design Group, LLC
5112 11th Street NE
Washington, DC 20011
t.(202) 491-4948
e.hello@durodesigngroup.com
{/* Procurement block */} Procurement & Contracting
{[ ['Registration', 'SAM.gov — Active'], ['Membership', 'AIA|DC'], ['Certification', 'DSLBD CBE — Verifying'], ['UEI', 'Available on request'], ['CAGE Code', 'Available on request'], ].map(([k, v]) => (
{k}
{v}
 ))}
NAICS Codes
{[ ['541310', 'Architectural Services'], ['541330', 'Engineering Services'], ['541320', 'Landscape Architecture'], ['541350', 'Building Inspection'], ['541410', 'Interior Design'], ].map(([c, l]) => (
{c}
{l}
))}
{/* Right column — form */}
{!submitted ? (
setForm({...form, name: e.target.value})} required />
setForm({...form, email: e.target.value})} required />
setForm({...form, org: e.target.value})} />
) : (
Received

Thanks. We'll respond within one business day.

)}
); } Object.assign(window, { HomePage, AboutPage, ServicesPage, ProjectsPage, ContactPage, PROJECTS, PROJECT_BY_ID, });