# 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

```bash
cd app && npm install && npm run dev
```

## Swap in real footage

```bash
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.