No description
Find a file
David 702f5956c9 Add project progress modal, Why Mega scroll panel and three new projects
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
2026-11-03 19:26:10 +02:00
app Add project progress modal, Why Mega scroll panel and three new projects 2026-11-03 19:26:10 +02:00
docs Add project progress modal, Why Mega scroll panel and three new projects 2026-11-03 19:26:10 +02:00
.dockerignore Mega Infrastructure website: cinematic scroll redesign 2026-10-28 22:24:49 +02:00
.gitignore Add project progress modal, Why Mega scroll panel and three new projects 2026-11-03 19:26:10 +02:00
Dockerfile Fix stalled npm install on Coolify build 2026-10-28 23:11:39 +02:00
nginx.conf Mega Infrastructure website: cinematic scroll redesign 2026-10-28 22:24:49 +02:00
README.md Mega Infrastructure website: cinematic scroll redesign 2026-10-28 22:24:49 +02:00

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.