702f5956c9
Projects can now be opened from the deck: a modal shows live progress per section, the services on site and a plan map drawn from the site model. - ProjectModal with per-section progress and site maps (src/data/sitemaps), generated by app/scripts/build-sitemaps.py - progress.json holds the per-project section states - Why Mega becomes a scroll-driven list with a sticky panel that follows the point in the middle of the screen, plus new pillar photographs - PRJ-06 Munyaka, PRJ-07 Cedar Gate and PRJ-08 The Hills join the deck, so the track length and the site count now follow the number of projects - Projects moves above Why Mega and the section labels renumber - Contact section rebuilt on an asymmetric grid - Intro counters keep their thousands separator and no longer wrap - Dev server listens on the LAN so a phone on the same Wi-Fi can open the site
3.3 KiB
Why Mega: image prompts
Six images for the sticky panel in the Why Mega section, one per point.
Output: 5:4 landscape, at least 2000 px wide. Export as .webp into
app/public/img/photos/ (plus a -sm copy about 800 px wide), then set the
image for that point in pillars in app/src/data/content.ts.
Keep them as one set: add the style line below to every prompt so the six read as one shoot that matches the real site photography.
Style: documentary construction photography, Gauteng South Africa, bright midday Highveld sun, deep blue sky with a few white clouds, red-orange laterite soil, natural colour, wide-angle 24mm, sharp, realistic, no text, no logos, no watermarks, no brand names on clothing or machines.
The panel puts a big number in the bottom-left corner and darkens the bottom third, so keep the subject in the upper two thirds and leave the bottom-left quiet.
01 · Commitment to Safety
A civil construction crew of three in white hard hats, orange high-visibility vests, safety boots and gloves holding a toolbox talk beside a shored trench on a road construction site, one worker pointing at a laminated safety board, barrier tape and traffic cones in the foreground, excavator parked behind. [style line]
02 · Quality Workmanship
Low-angle close-up of freshly laid grey interlocking paving blocks meeting a crisp new concrete kerb, perfectly straight joints, a worker's gloved hand checking level with a spirit level, clean new asphalt road stretching behind into the distance. [style line]
03 · Sustainability
Aerial drone view of a completed residential estate road with planted grass verges, young indigenous trees and a landscaped stormwater attenuation pond with reeds, neat kerbs and walkways, surrounding bushveld left intact. [style line, but say "drone photography, 60 m altitude" instead of "wide-angle 24mm"]
04 · Project Management
A site manager in a white hard hat and reflective vest reviewing a large printed construction programme and drawings on the bonnet of a white bakkie, a tablet beside the drawings, graders and a roller working on a new road in the background, slight shallow depth of field. [style line]
05 · Construction Management
Wide shot of a busy, well-organised civil site: an excavator lowering a large concrete stormwater pipe into a trench, a banksman in PPE guiding with hand signals, a surveyor with a total station on a tripod in the foreground, stockpiles neatly placed. [style line]
06 · Client Support
A construction director in a hard hat and a client in smart-casual clothes walking a newly completed road together at golden hour, both relaxed, the director gesturing towards the finished kerbs and street lights, the new development's buildings softly in the background. [style line, but say "warm late-afternoon golden-hour light" instead of "bright midday"]
Tips:
- Generate three or four of each and pick by eye. Hands, faces and hard-hat straps are where generators usually slip.
- Reject anything showing unsafe practice (no hard hat, someone standing in an unshored trench). On a safety page that reads worse than having no photo.
- If one point keeps coming out fake, use a real site photo for it instead. Real always beats generated here.