A UI of a cold drink (Fanta) landing page, built with HTML, CSS, and JavaScript.
This project focuses on animations, smooth scrolling effects, and product card interactions to showcase Fanta in a modern, visually appealing way.
- Full-page animated landing screen with vibrant gradient background.
- Custom typography (Google Product Sans) for a clean, modern look.
- Interactive scroll-based animations powered by GSAP + ScrollTrigger.
- Product showcase cards (Guava, Orange, Lemon) with hover effects and BUY NOW buttons.
- Functional navigation bar with search box UI.
- Responsive layout with smooth transitions.
- HTML5 – Structure
- CSS3 – Styling & Layout
- JavaScript (ES6) – Interactivity & Animations
- GSAP – Smooth animations
- ScrollTrigger – Scroll-based effects
├── index.html # Main HTML file
├── style.css # Stylesheet
├── script.js # GSAP animations & interactions
├── /Img # Images (logo, fruits, product bottles, backgrounds)
└── /Font # Custom fonts (Product Sans Bold/Regular)
This project is for educational & personal use only.
All product names, logos, and brands (e.g., Fanta) belong to their respective owners.