https://github.com/msanchariii/cafe
A visually rich, coffee-themed landing page for a cafe website, built with React, Vite, and GSAP for smooth, interactive animations.
https://github.com/msanchariii/cafe
animation bun frontend gsap gsap-animation gsap-scrolltrigger interactive landing-page react tailwindcss tailwindcss-v4 vite
Last synced: 3 months ago
JSON representation
A visually rich, coffee-themed landing page for a cafe website, built with React, Vite, and GSAP for smooth, interactive animations.
- Host: GitHub
- URL: https://github.com/msanchariii/cafe
- Owner: msanchariii
- Created: 2025-06-24T15:25:05.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-06-24T16:23:41.000Z (12 months ago)
- Last Synced: 2025-06-24T16:40:41.978Z (12 months ago)
- Topics: animation, bun, frontend, gsap, gsap-animation, gsap-scrolltrigger, interactive, landing-page, react, tailwindcss, tailwindcss-v4, vite
- Language: JavaScript
- Homepage: https://msanchariii.github.io/cafe/
- Size: 20.6 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Coffee Landing Page ☕️
A visually rich, coffee-themed landing page for a cafe website, built with **React**, **Vite**, and **GSAP** for smooth, interactive animations.
## ✨ Features
- **Animated Hero Section:** Video background plays on scroll trigger for immersive experience.
- **GSAP Animations:** Engaging transitions and effects throughout the page.
- **Unique Design:** Noisy/grainy textures and a warm, coffee-inspired palette.
- **Responsive Layout:** Looks great on all devices.
## 🚀 Tech Stack
- [React](https://react.dev/)
- [Vite](https://vitejs.dev/)
- [GSAP](https://gsap.com/)
- [TailwindCSS](https://tailwindcss.com/)
## 📸 Preview
## 🛠️ Getting Started
```bash
git clone https://github.com/msanchariii/cafe.git
cd coffee-landing-page
npm install
npm run dev
```
Open [http://localhost:5173](http://localhost:5173) to view it in your browser.
## 📂 Project Structure
```
src/
components/
assets/
App.jsx
main.jsx
```