Welcome to the frontend repository for Gotcha Bubble Tea, a Next.js web application featuring a rich user interface where customers can view menus, explore galleries, read testimonials, locate stores, and much more. The application is styled with Tailwind CSS for a sleek and responsive design.
- A responsive navigation bar with dropdown menus for various store locations.
- Store-specific pages with embedded Google Maps.
- A carousel for customer testimonials.
- A gallery page with a masonry layout and lightbox for image previews.
- An interactive map component for displaying store locations.
- A comprehensive menu page with dynamically loaded categories and items.
Here are some highlights of our web application:
Home page with main navigation.
Browse our extensive menu with detailed descriptions and prices.
Explore our gallery to get a glimpse of our vibrant world.
Read through the experiences of our beloved customers.
Find a Gotcha Bubble Tea store near you.
- Next.js: The React framework used for server-rendered and static web applications.
- React: A JavaScript library for building user interfaces.
- Tailwind CSS: A utility-first CSS framework for rapidly building custom designs.
@react-google-maps/api: A lightweight Google Maps JavaScript API wrapper for React.react-responsive-carousel: A component for creating responsive carousels in React projects.react-18-image-lightbox: A lightbox component for displaying images.react-masonry-css: A component for building masonry grid layouts in React.
Contributions to the Gotcha Bubble Tea web application are welcome! Please feel free to fork the repository and submit your pull requests for review.
Visit the official [Gotcha Bubble Tea website](placeholder: https://gotcha-canada.com/) for more information.