Dave
b75229a5f4
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>
34 lines
1 KiB
Markdown
34 lines
1 KiB
Markdown
# 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.
|