SkyElite
Hero & Interaction

SkyElite

Full-bleed private-jet video hero - Premium. Accessible. Book Now.

Free

Live preview

Quick facts

Pages
1
Version
v1.0.0
Last update
Nov 6, 2026
Who can download
Free (signed in)

Made with

  • React
  • Vite
  • TypeScript
  • Tailwind CSS
  • Lucide

Overview

SkyElite is a full-viewport marketing hero for a private-jet brand. Built with Vite, React 19, TypeScript, Tailwind CSS 4, and Lucide. A looping jet video fills the screen behind a clear nav, stacked Premium / Accessible headline, short line, and Discover / Book Now CTAs. Includes a mobile menu. Demo UI only - no booking backend. Static build ready for Workers or GitHub Pages.

Highlights

  1. 01

    Full-bleed video plane

    Edge-to-edge looping jet footage as the hero background - muted, autoplay, playsInline.

  2. 02

    Brand-first type

    SkyElite wordmark, PRIVATE JETS eyebrow, and a two-line Premium / Accessible headline.

  3. 03

    Tight CTA pair

    Discover and Book Now sit under one short supporting line - demo controls only.

  4. 04

    Static and fork-ready

    Vite build to dist/. Open the live preview or download and run locally.

You get

  • Full Vite + React 19 + TypeScript source (SkyElite)
  • Full-viewport video hero and responsive nav / mobile menu
  • Lucide menu icons and Tailwind CSS 4 styling
  • Static build ready for Cloudflare Workers or GitHub Pages

Details

Version
v1.0.0
Last update
Nov 6, 2026
Pages
1
Category
Hero & Interaction

You need

  • Node.js 20 or newer
  • Vite 8
  • React 19
  • TypeScript 5
  • Tailwind CSS 4

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

Commerce Admin Dashboard

Free

Manage orders, products, customers, and sales reports in one admin panel.