KESTREL

# KESTREL

Create a responsive React + TypeScript + Vite + Tailwind CSS website. Use small components for navigation, hero, interactive stage, content sections and footer. Put media URLs in src/lib/assets.ts and animations in cleaned-up hooks. Do not output a giant HTML file, an iframe, or a screenshot pretending to be the website.

## Design direction
An ivory, bottle-green and bronze cybersecurity concept built around one image: a sculptural emerald-glass and bronze kestrel spreading its wings. The hero photo sits in a sticky 175vh runway and drifts and zooms slightly as you scroll while the copy lifts away. A frosted "live demo" card with a pulsing waveform sits bottom-right. Below: an approach section with three steps, a dark "visibility in motion" console with a toggleable signal demo, an arch-cropped photo with principles, a lime closing card that opens a dialog, and a footer with a "Pause motion" control.

Palette and type: --ink: #163e31.
Font families: Arial,Helvetica,sans-serif.


## Layout and copy