Streaming Landing Page

Este README também está disponível em Português.

A responsive landing page inspired by Puss in Boots: The Last Wish, built to practice Gulp, SASS/SCSS, and frontend workflows. It demonstrates asset optimization, modular SCSS, FAQ interactivity, and dynamic header behavior.

🚀 Features

• Responsive layout built with HTML5, SCSS, and modular mixins;
• Interactive FAQ section with smooth open/close behavior;
• Dynamic header that hides and reappears based on scroll position;
• Optimized assets (images, styles, scripts) using Gulp plugins;
• Custom font integration and reusable SCSS variables/mixins;
• Clean project structure with dist output from Gulp build.

📦 Technologies Used

• HTML5 for structure;
• SASS/SCSS for styling and modularity;
• JavaScript (ES6) for FAQ and header logic;
• Gulp as task runner;
• Gulp plugins: gulp-sass, gulp-uglify, gulp-imagemin, gulp-watch.

⚙️ Scripts

npm run watch   # Start development mode with file watching
npm run build   # Build optimized assets into /dist

🌐 Live Demo

View the project on Vercel

📖 Learning Goals

• Practice working with Gulp pipelines and plugins;
• Improve responsive layouts with SCSS variables and mixins;
• Enhance JavaScript DOM manipulation for interactivity;
• Organize frontend assets into a production-ready structure.