Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a three-page website for a painting business focused on selling painting supplies. The site will feature a Home page, a Contacts page, and a Shop page. The design will embody the classic elegance of the Mona Lisa era while maintaining a minimalist aesthetic, ensuring a seamless user experience and highlighting the products offered.

## CORE FEATURES
1. **Home Page**: A visually appealing introduction to the business, showcasing featured products and a compelling hero section with a strong call-to-action (CTA) to encourage visitors to explore the shop.
2. **Shop Page**: A dedicated section for displaying painting supplies available for purchase, complete with product images, descriptions, and an easy-to-navigate interface for selecting items.
3. **Contacts Page**: A simple yet elegant contact form, featuring a special message inviting users to reach out for inquiries, along with business contact information and social media links.
4. **Responsive Design**: The website will be fully responsive, ensuring an optimal viewing experience across all devices, from desktops to mobile phones.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will prioritize a clean and simple aesthetic with ample white space, allowing the products to stand out while ensuring easy navigation.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a sophisticated look.
- **Layout**: 
  - **Home Page**: Full-width hero image with a centered CTA button, followed by sections for featured products and testimonials.
  - **Shop Page**: Grid layout that showcases products with images and descriptions, along with a sidebar for filters.
  - **Contacts Page**: Clean form layout with large input fields and clear labels, accompanied by a visually distinct special message area.
- **Typography**: Use a classic serif font for headings (e.g., "Merriweather") to evoke a timeless feel, paired with a sans-serif font for body text (e.g., "Roboto") for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface.
- **Styling**: Tailwind CSS will be utilized for styling components, allowing for rapid design iterations with utility-first CSS classes.
- **UI Components**: Integration of shadcn/ui for pre-built components that fit the minimalist design ethos.
- **State Management**: Use React's built-in state management for handling product selection and form submissions.

## 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 reusable layout components for the Header, Footer, and Main content areas to maintain consistency across pages.
3. **Build Home Page**: Implement the hero section, featured products, and testimonials using Tailwind CSS for styling.
4. **Develop Shop Page**: Create a product grid layout, integrating product data and ensuring the shop interface is user-friendly.
5. **Design Contacts Page**: Build the contact form with validation, including the special message area styled in a way that draws attention.
6. **Implement Routing**: Set up React Router for navigation between the Home, Shop, and Contacts pages.
7. **Test Responsiveness**: Ensure that all pages look great on various screen sizes and that the functionality works as expected.

## USER EXPERIENCE
Users will be greeted with a beautifully designed Home page that captures the essence of the painting business. They can easily navigate to the Shop page to view and purchase supplies. The Contacts page will provide a friendly and inviting way for users to get in touch, enhancing customer engagement. The overall experience will be smooth, with quick loading times and intuitive navigation, ensuring a delightful visit to the website.