WarHawk — Cinematic Tactical Drone Landing Page

Overview

WarHawk is a single-page product marketing site for the "Executioner" tactical drone system — a concept brand used to explore high-impact, cinematic landing page design for hardware products.

The page leans on full-bleed video and motion rather than static imagery: a hero section plays a tactical-operations reel, followed by a close-up gallery of looping clips showing the cannon, rotor assembly, sensor integration and titanium frame, then a tiered "Deployment Options" pricing section and footer.

How it works

The site is built on the Next.js App Router with TypeScript. Each section is a self-contained React component (Navbar, HeroSectionVideo, CloseupGalleryVideo, PricingTiers, Footer), and all product copy, specs and pricing tiers live in a single typed data module, so content can be changed without touching layout code. Framer Motion drives scroll-triggered reveal animations with staggered delays, and Tailwind CSS handles the dark, high-contrast styling.

Fonts are self-hosted via next/font for fast loading, local MP4 assets are served from public/videos, and the project ships with a Netlify configuration for one-step deployment. The result is a fast, statically deployable site that is live on Netlify.