Pora Podkrepitsya — Product Landing Page

An animated promo landing page with full-screen scroll effects and a strong focus on the brand's visual identity. Created from scratch based on a Figma layout. The project features complex scroll-based animation that increases user engagement and creates a dynamic, memorable experience.

Technologies: HTML, SCSS (BEM), JavaScript
Build tools: Gulp, Webpack, Babel, Autoprefixer, Browserslist
Libraries:
– Swiper (sliders)
– Locomotive Scroll (smooth full-screen scrolling)

Custom features:
– Responsive layout
– Tabs
– Modal window
– Complex scroll-triggered full-screen animations
– Cross-browser compatibility
– Semantic and valid HTML
– Image and SVG optimization
– SVG sprite creation
– HTML, CSS, and JS minification

#landingpage #promosite #animation #scrollanimation #webdevelopment #frontend #responsivedesign #HTML #SCSS #JavaScript #figma #semanticcode