No description

Find a file

Dave 4800d3fa44 Sharper phone/tablet footage and branded loading screen Add a 3:4 tablet frame set (810x1080) and raise phone frames to the full source height (608x1080). The scroll engine picks the set by screen shape, and a logo loader holds the page until the coarse frame pass is in (12 s cap). Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>		2026-10-28 23:30:16 +02:00
app	Sharper phone/tablet footage and branded loading screen	2026-10-28 23:30:16 +02:00
docs	Mega Infrastructure website: cinematic scroll redesign	2026-10-28 22:24:49 +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.