Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modern dropshipping e-commerce web application designed to provide users with a simple and engaging shopping experience. The application will feature dynamic animations to enhance user interactions while maintaining a minimalist aesthetic that emphasizes clean design and usability.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a prominent call-to-action (CTA) button directing users to shop now or explore products.
2. **Product Showcase**: A grid layout displaying featured products with hover animations, quick views, and easy access to product details.
3. **Shopping Cart**: A user-friendly cart that allows customers to add, remove, and adjust product quantities with smooth animations for changes.
4. **Secure Checkout**: An intuitive checkout process that guides users through payment and shipping options, ensuring a seamless experience.
5. **User Account Management**: Features allowing users to create accounts, log in, and manage their profiles and orders easily.
6. **Responsive Design**: The application will be fully responsive, ensuring an optimal user experience on all device sizes.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will consist of a top navigation bar, a hero section, product grids, and a footer. Each section will be clearly defined with ample spacing to maintain a clean look.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing application state (if complex state is required)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop a layout structure including Header, Footer, and main content area.
3. **Design Hero Section**: Implement the hero section with a large image, brief tagline, and CTA button styled with the primary color.
4. **Build Product Showcase**: Create a component to display products using a grid format and add hover animations.
5. **Implement Shopping Cart**: Develop cart functionality with state management to handle adding and removing items.
6. **Set Up Checkout Process**: Construct a multi-step checkout component with form inputs for shipping and payment.
7. **User Authentication**: Implement user account management features, including registration and login forms.
8. **Responsive Testing**: Ensure all components are responsive across various screen sizes and devices.

## USER EXPERIENCE
The user journey begins at the hero section, where they are greeted with a clear CTA. As they scroll down, they can easily browse through featured products with smooth animations that enhance the experience. The shopping cart is easily accessible, allowing for quick adjustments while ensuring the checkout process is straightforward and secure. Users can create accounts effortlessly, manage their profiles, and receive personalized experiences based on their interactions.

This structure provides a comprehensive outline for creating a fully functional minimalist dropshipping web application, aligning with the user's vision.