Air Dave

Dawid got a site that does what his drone does: it leads the viewer frame by frame. One page cut like a film — six scenes, each a full screen tall, each holding the viewer for a moment before the next one slides up.

1. 01A hero with a 17-second 1080p reel — the frame is there from the first second
2. 02An offer broken into five services, from promo shots to video editing
3. 03A gear scene with the real recording modes of a DJI Mini 3 Pro
4. 04A gallery of eight frames — sideways on desktop, overlapping cards on a phone
5. 05Contact with phone, email and the local time in Bydgoszcz
6. 06JSON-LD Person, an og:image carrying the signature, theme-color in cinematic black

The site comes up fast even on a weak connection, because the browser never waits for one big file. React and Vite, animation on GSAP with ScrollTrigger; the build comes out in three chunks — React separately, GSAP separately, the rest in the main file — and they all load in parallel.

The first frame is painted by a WebP poster written straight into the HTML. The video has preload set to metadata only and arrives a moment later, underneath. That is why the frame is on screen immediately, instead of holding a black background until four megabytes of footage land.

Every scene is a full screen tall with its own z-index. Scrolling doesn't move them past each other, it slides one over the next — on a phone it reads like cards being laid out on a desk. The gallery works the other way round: vertical scroll turns into horizontal movement of the frames.

A drone operator's client is buying movement: dynamics, composition, an eye for framing. That's why the hero opens with video, not an image — the very first frame sells movement before anyone reads a single sentence. A static gallery doesn't answer that question.

A pin in every section is a deliberate directorial choice. A classic scroll is a list. Pinning turns each section into a scene the viewer watches to the end before moving on. The client watches the site like a film rather than swiping it like a feed.

Horizontal scroll in the gallery and overlapping cards on mobile solve the same problem differently: instead of stretching sections across five screens, they compress the composition so every scroll delivers a new frame. You look more densely and swipe less.

React plus Vite instead of Next.js, because this isn't a catalogue of two hundred subpages for SEO, it's a single six-scene showcase. SSR and static generation would solve a problem that doesn't exist here. Vite gives a short build, a predictable split into chunks and GSAP without working around a framework.