Dave b75229a5f4 Mega Infrastructure website: cinematic scroll redesign

Vite + React + Tailwind site with a scroll-scrubbed drone fly-through,
services, projects, company, team and contact sections, plus a
Dockerfile + nginx config for Coolify deployment.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

2026-10-28 22:24:49 +02:00

1 KiB

Raw Permalink Blame History

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.