Coffee-Co provides a range of features to enhance the user's shopping experience:
-
Landing Page: Welcoming users with a sleek and informative landing page to introduce the brand and products.
-
Policy Page: An elegantly designed policy page that informs users about company policies.
-
Shop Page: A shop page showcasing all coffee products, each displayed with some info and enticing AI-generated imagery.
-
Product Detail Page: Individual product pages with detailed information, including pricing, intensity and description.
-
Cart: Users can add or remove products to/from their cart, increase or decrease the quantity, and view the updated total amount.
-
Checkout Page: A simple checkout process with input validation for shipping and payment information.
-
Shipping Fee: A pricing model that offers free shipping on orders exceeding 100 euros.
-
Responsive Design: Coffee-Co is fully responsive, ensuring a seamless experience on all devices, from desktops to mobile phones.
-
Dark Mode: The navigation bar allows users to choose between two mode options, including a dark mode which changes all colors accordingly.
-
Language Selection: The navigation bar allows users to change language of the whole application to German or back to English.
Next.js
Typescript
React
Tailwind CSS