Coffee Shop Website (React + Vite)
Description: A fully responsive Coffee Shop website built with React and Vite, featuring a modern dark theme with orange accents. The site includes a dynamic menu section, an auto-play testimonials slider powered by Swiper.js, a support ticket contact form, and a newsletter subscription section.
React
Vite
Tailwind CSS
Swiper.js
React Icons
AOS
Responsive Design
Dark Theme
Project Overview
Features:
Responsive Navbar with mobile hamburger menu
Hero section with call-to-action buttons
Menu grid displaying 6 items with images and descriptions
Auto-play testimonials slider with countdown progress circle
Contact form with name, email, and message fields
Newsletter subscription form
Footer with quick links, contact info, and social media icons
Smooth AOS scroll animations
Tech Stack:
React | Vite | Tailwind CSS | Swiper.js | React Icons | AOS
How It Works:
User browses the menu section to explore available items
Testimonials slider auto-rotates every 3 seconds
User can submit a support ticket via the contact form
User can subscribe to the newsletter for future updates
Responsive Navbar with mobile hamburger menu
Hero section with call-to-action buttons
Menu grid displaying 6 items with images and descriptions
Auto-play testimonials slider with countdown progress circle
Contact form with name, email, and message fields
Newsletter subscription form
Footer with quick links, contact info, and social media icons
Smooth AOS scroll animations
Tech Stack:
React | Vite | Tailwind CSS | Swiper.js | React Icons | AOS
How It Works:
User browses the menu section to explore available items
Testimonials slider auto-rotates every 3 seconds
User can submit a support ticket via the contact form
User can subscribe to the newsletter for future updates
ContactMe
Have a question or want to work together? Send me a message using the form below.