Lovable Prompt Creator - AI Prompt Generator

site totalmente em portugues brasileiro


## APPLICATION OVERVIEW
Villa Wear is a professional e-commerce website designed to showcase and sell stylish Christian-themed oversized t-shirts. The platform will integrate seamlessly with Shopify, providing users with a luxurious shopping experience while reflecting the brand's essence. The site will feature a minimalist design with a dark theme, emphasizing the unique aesthetic of Villa Wear.

## CORE FEATURES
1. **Homepage**: A visually striking hero section featuring the Villa Wear logo, a brief brand introduction, and a prominent call-to-action (CTA) button leading to the product collection.
2. **Product Collection**: A dedicated page showcasing three models of oversized t-shirts, complete with high-quality images, descriptions, pricing, and an "Add to Cart" button.
3. **Shopping Cart**: An easy-to-use cart interface that allows users to review selected items, adjust quantities, and proceed to checkout.
4. **User Account Integration**: Optional account creation for users to track orders and manage their profiles, enhancing customer loyalty.
5. **Contact Section**: A simple contact form for inquiries, providing users with a direct line to customer service.
6. **Responsive Design**: Ensures a seamless experience across different devices, from desktops to mobile phones.

## 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, followed by product collections in a grid format, and a footer with contact details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux for managing cart state and user accounts

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui components to the project.
3. **Create Layout Components**: Build the main layout components including Navbar, Footer, and Hero section.
4. **Develop Product Collection Page**: Create a dynamic product listing that pulls data from Shopify API.
5. **Implement Shopping Cart Functionality**: Set up Redux for state management to handle cart operations.
6. **Design and Integrate Contact Form**: Create a simple contact form that sends user inquiries via email or a designated endpoint.
7. **Ensure Responsiveness**: Use Tailwind CSS utilities to make the website responsive across different devices.
8. **Testing and Deployment**: Test all functionalities and deploy the application to a hosting service.

## USER EXPERIENCE
Users will land on a visually appealing homepage that immediately communicates the essence of Villa Wear. The intuitive navigation will guide them through product offerings, allowing for easy access to the shopping cart and contact form. The responsive design ensures that users can enjoy a smooth experience whether they are browsing on a mobile device or a desktop. The integration with Shopify provides a reliable and secure checkout process, enhancing overall user satisfaction.