Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is an e-commerce web app named "Bloom & Co." focused on buying and selling a variety of flowers, including fresh flowers, ornamental plants, and bouquets. The main purpose is to provide users with a seamless, aesthetically pleasing shopping experience for floral products, promoting easy navigation and a minimalist design to enhance user engagement.

## CORE FEATURES
1. **Product Catalog**: A visually appealing and organized list of flower products, allowing users to browse through categories such as fresh flowers, bouquets, and ornamental plants.
2. **Product Details Page**: Detailed view of each flower product with high-quality images, descriptions, prices, and an option to add to the cart.
3. **Shopping Cart**: A user-friendly interface for managing selected items, allowing users to modify quantities or remove products before checkout.
4. **User Authentication**: Secure user login and registration system to allow personalized shopping experiences and order tracking.
5. **Checkout Process**: Streamlined checkout flow for users to complete their purchases efficiently, including payment options and order summary.
6. **Contact/Support Section**: A dedicated area for customer inquiries, including a contact form and FAQs to assist users.

## 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 feature a top navigation bar, a hero section showcasing featured products, a grid layout for the product catalog, and a responsive footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context or Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create the Folder Structure**: Organize folders for components, pages, services, and styles.
3. **Build the Navigation Bar**: Create a responsive navigation bar with links to the home page, product catalog, and contact section.
4. **Develop the Home Page**: Implement the hero section and product catalog grid using Tailwind CSS for styling.
5. **Create Product Details Page**: Design a detailed view for each flower product with images and descriptions, incorporating an "Add to Cart" button.
6. **Implement the Shopping Cart**: Develop the shopping cart functionality to allow users to add and manage products.
7. **Set Up User Authentication**: Integrate user authentication using JWT or similar methods to secure user sessions.
8. **Develop the Checkout Process**: Implement the checkout workflow, including payment integration and order confirmation.
9. **Create the Contact Section**: Build a contact form for support inquiries and link it to a backend service for handling submissions.
10. **Test the Application**: Conduct thorough testing for responsiveness, usability, and performance before deployment.

## USER EXPERIENCE
Users will interact with a clean interface where they can easily navigate through categories of flowers. The product catalog will allow intuitive browsing, and the detailed product pages will enhance the shopping experience with visual and textual information. The checkout process will be straightforward, ensuring that users can complete their purchases without confusion, while the contact section will provide necessary support to enhance customer satisfaction.