HOW TO ADD REAL STOCK PHOTOS ============================ Every hero on this site loads a JPG from this folder FIRST and falls back to the shipped illustration in ../scenes/ automatically (CSS layered backgrounds — a missing JPG simply doesn't render). To switch the site to real photography, drop five licensed JPGs into this folder with these exact filenames. No HTML or CSS changes are needed. Recommended size: 1920x1080 or larger, landscape, JPG quality ~75. The scrim gradient darkens the LEFT side of every hero, so choose photos whose main subject sits center-right. FILENAME USED ON WHAT TO LOOK FOR (search terms on Unsplash / Pexels / iStock) ------------------- ----------------------------------- -------------------------------------------------------------- hero-home.jpg Home page, Stack Effect "new england farmhouse winter dusk", "snowy house glowing windows" hero-attic.jpg Envelope Overview, Attics, Walls "attic insulation blown cellulose", "attic rafters headlamp" hero-crew.jpg Air Sealing, Blower Door, Basements "blower door test", "home energy audit technician" hero-blueprint.jpg MUBEC, New Construction, Triggers, "house blueprint section drawing", "construction plans desk" BPI & ASHRAE hero-warm.jpg Sound, Zones, Rebates, Get a Quote "cozy window winter socks coffee", "warm home interior snow outside" LICENSING NOTES - Unsplash and Pexels licenses permit commercial use without attribution; verify the license on each photo's page before downloading. - Do NOT hotlink images from other websites; download and place files here. - Keep the shipped ../scenes/*.svg files — they remain the fallback and the site stays fully functional if a JPG is ever missing. Optional: the in-page technical figures live in ../ (attic-eave.svg, densepack.svg, basement-wall.svg, etc.). Real job-site photos can replace any of them by editing the in the matching page, or by exporting your photo to the same filename with an .svg->.jpg src edit in _source/content/.