No description

Find a file

David 5d4de0868f Split card shell and copy opacity in the project stack The incoming card was translucent while it rose over the card it covers, so both sets of copy were legible at once on photo-led cards. The shell (photo and scrim) now goes opaque as soon as the card starts moving, while the copy fades in over the whole arrival.		2026-11-03 17:52:57 +02:00
app	Split card shell and copy opacity in the project stack	2026-11-03 17:52:57 +02:00
docs	Fix project stack: opaque recede, nav clearance and intro overlap	2026-11-03 14:46:55 +02:00
.dockerignore	Mega Infrastructure website: cinematic scroll redesign	2026-10-28 22:24:49 +02:00
.gitignore	Include project aerial clips (scope raw-media ignores to repo root)	2026-10-28 22:25:29 +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

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.