The AIR Landing Page is a modern, fully responsive promotional website built to showcase the creative services of AIR Agency — a digital-first company that combines strategy, storytelling, and technology to help brands thrive in the modern world.
- HTML5 / SCSS – Semantic structure and responsive styling
- BEM – Block Element Modifier naming convention
- JavaScript (ES6+) – Interactive elements and animations
- Gulp – Task runner for SCSS compilation and file watching
- Parcel – Web application bundler
- AOS – Animate on scroll library for smooth scroll-triggered animations
- Lenis – Smooth scroll performance enhancement
- Prettier / ESLint / Stylelint – Code consistency and formatting
The site is optimized for desktop, tablet, and mobile viewports, using modern layout techniques and smooth animations to guide the user experience.
Implemented using AOS (Animate on Scroll) and Lenis for buttery-smooth interactions as the user navigates through content.
Utilizes image formats like AVIF, WebP, and PNG for better performance while ensuring compatibility with various browsers.
Built using the BEM methodology, Sass partials, and modular JS, ensuring that the code is scalable and easy to maintain or extend.
Clean, semantic HTML structure to support search engines and screen readers, improving discoverability and usability.
-
Clone the repository
git clone https://github.com/maxmodrr/air_landing.git cd air__landing -
Install dependensies
npm i
-
Start the development server
npm start
You're welcome to explore the project!