Fanta Website UI (Clone)

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.

---

Preview

---

Features

• 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.

---

Tech Stack

• HTML5 – Structure
• CSS3 – Styling & Layout
• JavaScript (ES6) – Interactivity & Animations
• GSAP – Smooth animations
• ScrollTrigger – Scroll-based effects

---

Project Structure

├── 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)

---

License

This project is for educational & personal use only.
All product names, logos, and brands (e.g., Fanta) belong to their respective owners.