Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Cabanas Stores is an e-commerce web application designed to sell modern sneakers from top brands like Nike and Adidas. The platform aims to boost users' self-esteem by providing a curated selection of stylish footwear, ensuring a seamless shopping experience with essential features for user convenience and satisfaction.

## CORE FEATURES
1. **Product Catalog**: A visually appealing display of available sneakers, including filtering options by brand, size, and price to enhance user navigation.
2. **User Registration and Login**: A secure and intuitive user registration system that captures personal details for individual account management, allowing users to log in easily.
3. **Shopping Cart**: A fully functional shopping cart that enables users to add, remove, and modify their selected sneakers before proceeding to checkout.
4. **Checkout Process**: An efficient checkout interface that pre-fills user information from their registration, offering payment options like Pix and credit card installment plans (up to 3x interest-free).
5. **Order Confirmation**: Post-purchase, users receive a confirmation of their order via email, enhancing trust and transparency.
6. **Admin Panel**: A backend interface for managing product listings, user accounts, and order processing to ensure smooth operations.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple layout that maximizes white space, prioritizing essential elements and user-friendly navigation.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure readability and a pleasant browsing experience.
- **Layout**: 
  - A top navigation bar with logo and links to product categories.
  - A grid layout for product listings, allowing for easy scanning of available sneakers.
  - A modal for the shopping cart that can be accessed from any page.
  - A dedicated checkout page with clearly defined sections for user information and payment options.
- **Typography**: 
  - Main font: 'Roboto' for body text, providing clarity and modernity.
  - Headings: 'Montserrat' for a bold and stylish look, with a clear hierarchy (H1 for main titles, H2 for section titles, and H3 for product names).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong typing and maintainability.
- **Styling**: Tailwind CSS for responsive design and rapid styling capabilities.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible components.
- **State Management**: Implement Zustand for state management, ensuring efficient handling of user data and shopping cart states.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS.
2. **Create Components**: Develop reusable components for the header, product cards, shopping cart, and checkout forms.
3. **Build Pages**: Structure main pages including Home, Product Listings, Cart, and Checkout, ensuring they align with the minimalist design.
4. **Implement Routing**: Use React Router for navigating between different pages seamlessly.
5. **Set Up State Management**: Integrate Zustand to manage user states and shopping cart functionalities.
6. **Connect Backend**: Set up API calls for user registration, login, product fetching, and order processing, ensuring proper integration with the payment gateway.
7. **Test Functionality**: Conduct thorough testing on all features to ensure functionality and a smooth user experience.

## USER EXPERIENCE
Users will easily navigate through the Cabanas Stores website, starting from the landing page showcasing featured products. Upon selecting a sneaker, they can view detailed information before adding it to their cart. The checkout process is streamlined, allowing for quick entry of their information, with options to choose their preferred payment method. Throughout the experience, emphasis on minimalism ensures that users can focus on their selections without distractions, enhancing their confidence in their purchases.