# Homepage refresh — what changed & what you need to add

## What I changed
- **Hero copy cut way down**: eyebrow, one punchy headline ("We adapt like a chameleon."), one-line subhead, 2 buttons instead of 3, shorter stat labels.
- **Hero visual**: the old flat SVG chameleon illustration is replaced by a real `<video>` element, masked into the same organic blob shape, with a slow zoom, colour-boosted grade, and three small pulsing dots (teal/pink/orange — matching your logo's chameleon dots).
- **Headline word "like a chameleon"** now animates through your brand gradient (cyan → violet → orange → lime).
- **Trimmed copy everywhere else on the homepage**: positioning statement, the 8 capability cards, the "Why Coriable" block, and the Academy/Impact cards are all now short phrases instead of full sentences.
- Added a graceful fallback (an animated colour-gradient) if the video file is missing, so the section never looks broken.

## What you need to add (2 files — I can't download binaries in this sandbox)
Drop these two files into your site with these exact names/paths, and it will work immediately — no code changes needed:

| Path in the zip | What it is |
|---|---|
| `/video/chameleon-hero.mp4` | The looping chameleon video |
| `/img/chameleon-hero-poster.jpg` | A still frame shown before the video loads |

### Real, free-to-use chameleon footage (no attribution required, Pexels License)
1. **Vibrant panther chameleon on a branch** — best colour variety: https://www.pexels.com/video/chameleon-17408065/ (direct file: `https://videos.pexels.com/video-files/17408065/17408065-hd_1920_1080_30fps.mp4`)
2. **Close-up chameleon, camouflage/adaptation angle** — https://www.pexels.com/video/close-up-view-of-chameleon-7009754/ (direct file: `https://videos.pexels.com/video-files/7009754/7009754-uhd_2732_1440_30fps.mp4`)

Pick whichever one feels most "wow," download it, rename it to `chameleon-hero.mp4`, and export any frame as `chameleon-hero-poster.jpg` (any video editor, or `ffmpeg -i chameleon-hero.mp4 -ss 00:00:01 -frames:v 1 chameleon-hero-poster.jpg`). I'd recommend compressing the mp4 to under ~4–6MB so the hero still loads fast on mobile data in Ghana.

I deliberately didn't hotlink straight to Pexels' CDN in the live code — hosting the file yourself is faster and more reliable long-term.
