# ☕ coffeeXonepiece

Welcome to **coffeeXonepiece** – a stylish, anime-themed frontend-only coffee shop website inspired by the legendary *One Piece* universe. This project is a creative blend of design, animation, and interaction, built entirely using HTML, CSS, JavaScript, and a bit of Bootstrap magic.

🔗 **Live Preview**: [coffeeXonepiece Website](https://aditya-vs19.github.io/coffeeXonepiece/)

---

## 🎯 Project Overview

**coffeeXonepiece** is a fully responsive website designed to serve as a fictional coffee brand’s online presence. It's tailored for fans of *One Piece* and coffee lovers alike. The site features smooth animations, engaging testimonials, a sleek navigation menu, and an overall immersive aesthetic.

---

## 🧰 Technologies Used

| Technology  | Purpose                            |
|-------------|------------------------------------|
| HTML5       | Structure of the web pages         |
| CSS3        | Styling and layout                 |
| JavaScript  | Interactivity and animations       |
| Swiper.js   | Testimonial slider (carousel)      |
| FontAwesome | Icons and visual enhancement       |

---

## 🚀 Features

- 💻 Fully responsive layout (mobile, tablet, desktop)
- 🔄 Smooth mobile menu toggle
- 🧠 Scroll-based navigation highlighting
- 💬 Flipping testimonial cards
- 🔝 Scroll-to-top button
- 🌀 Loader animation on page load
- 🎯 Navigation with smooth scrolling
- 🧪 Swiper-powered testimonial slider

---

## 📁 Folder Structure