// about
About the Project
Volance is a membership-based private aviation landing page built with HTML, Tailwind CSS, and vanilla JavaScript. It uses a dark, editorial visual identity — a champagne accent over a near-black base, with high-contrast serif display type. The site features a full-screen video hero, a detailed fleet showcase with four jet categories, transparent pricing tiers, a company timeline, member benefits, an interactive FAQ accordion, and a booking enquiry form with inline validation. Every section uses scroll reveal animations and animated counters to reflect the premium brand identity.
// key features
What It Does
Video Hero Background
Full-screen autoplay video with a subtle overlay and centered hero text — creating an immediate premium first impression.
Fleet & Pricing Sections
Four jet categories with specs, and three membership tiers with transparent hourly pricing — all in a clean card layout.
FAQ Accordion
Interactive accordion with smooth open/close animation, rotating icon, and accessible aria attributes for each question.
Scroll Progress & Reveal
Fixed scroll progress bar at the top of the page, plus IntersectionObserver-based reveal animations on every section.
// stack
Technologies Used
HTML5
CSS3
JavaScript
Tailwind CSS
CSS Animations
Google Fonts