Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for an e-commerce site called "Loja da Eli," designed to facilitate sales in a clean and intuitive manner. The page will allow users to easily upload photos, set prices, and communicate with the store via WhatsApp, creating a seamless shopping experience.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with the store name and a prominent call-to-action button that encourages visitors to start shopping.
2. **Product Upload Interface**: A simple and user-friendly area where the store owner can easily upload product images and set prices without technical knowledge.
3. **WhatsApp Communication**: A direct link for customers to contact the store through WhatsApp for inquiries, enhancing customer support.
4. **Featured Products Section**: Showcase popular or new products with images, descriptions, and prices to attract customer interest.
5. **Secure Payment Integration**: A straightforward setup for payment processing to ensure secure transactions.
6. **Responsive Design**: The layout will adjust seamlessly for mobile, tablet, and desktop views, ensuring a consistent user experience across devices.

## 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 layout will feature a top navigation bar, followed by a hero section, product upload interface, featured products area, and a footer with contact information and links.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Component Structure**: Develop the main components: Header, Hero, ProductUpload, FeaturedProducts, and Footer.
4. **Design Layout**: Apply Tailwind CSS classes to achieve the minimalist design and ensure responsiveness.
5. **Implement Product Upload Feature**: Create a form for the store owner to upload images and set prices, ensuring it is intuitive and user-friendly.
6. **Integrate WhatsApp Link**: Add a button or link that opens WhatsApp for easy communication with customers.
7. **Set Up Payment Integration**: Choose a payment processing solution and integrate it into the application.
8. **Test Responsiveness**: Ensure all components function correctly across different device sizes.
9. **Deploy**: Host the landing page on a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Visitors will experience a straightforward journey starting from the hero section that invites them to explore products. The product upload feature will be easy to navigate, allowing the store owner to manage their offerings effortlessly. Customers can easily browse featured products and click on the WhatsApp button for immediate assistance, enhancing overall engagement and satisfaction. The responsive design will ensure that the site looks great on any device, making it accessible to a wider audience.