No description
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 |
||
|---|---|---|
| app | ||
| docs | ||
| .dockerignore | ||
| .gitignore | ||
| Dockerfile | ||
| nginx.conf | ||
| README.md | ||
Mega Infrastructure: website redesign
Cinematic one-page site: a scroll-driven fly-through intro, then Services, Why Mega, Projects, Company, Team and Contact.
app/ Vite + React + TypeScript + Tailwind site
docs/ VIDEO-PROMPTS.md: drone shot list, AI video prompts, team photo brief, content checklist
video/ placeholder-flythrough.mp4 (built from Mega's drone stills)
src-assets/ original downloads from megainfrastructure.co.za
Run it
cd app && npm install && npm run dev
Swap in real footage
cd app && scripts/make-frames.sh /path/to/flythrough.mp4
Edit text
All copy lives in app/src/data/content.ts.
Deploy (Coolify)
The repo root has a Dockerfile that builds the site and serves it with nginx on port 80.
In Coolify: New Resource → Public/Private Git repository → this repo, branch main,
Build Pack Dockerfile, port 80, then add your domain and deploy.
Raw media (src-assets/, video/) is git-ignored; keep it backed up separately.