Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for "Cerâmica Celso," showcasing ceramic products with a focus on minimalism and clean design. The main purpose is to highlight the brand's identity, attract potential customers, and facilitate inquiries about the products.

## CORE FEATURES
1. **Hero Section**: An inviting hero section with a captivating image of ceramic products, a brief brand introduction, and a prominent call-to-action (CTA) button directing users to contact or explore the product range.
2. **Product Showcase**: A dedicated section to display featured ceramic products with high-quality images, descriptions, and prices, allowing users to quickly understand the offerings.
3. **About Us**: A section describing the history and craftsmanship behind "Cerâmica Celso," emphasizing the brand's values and unique selling points.
4. **Testimonials**: A section featuring customer reviews and testimonials to build trust and credibility with potential buyers.
5. **Contact Form**: A simple and accessible contact form for inquiries, allowing users to reach out easily for more information about products.
6. **Footer**: A footer with links to social media, contact information, and navigation to essential pages.

## 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 structure includes a full-width hero section followed by stacked sections for product showcase, about us, testimonials, and contact form, each clearly defined with ample white space to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specifically required for this landing page, but consider using React's Context API if needed for managing global state.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Page Structure**: Set up the main components for the hero, product showcase, about us, testimonials, and contact form.
4. **Style Components**: Apply Tailwind CSS classes based on the design specifications, ensuring a minimalist style and appropriate use of the primary color and typography.
5. **Implement Responsive Design**: Ensure all sections are responsive and maintain usability across different devices.
6. **Test Functionality**: Test the contact form to ensure inquiries are captured correctly and review the overall user experience for any improvements.

## USER EXPERIENCE
Users will be greeted by a large, visually appealing hero section that immediately captures attention. As they scroll down, they will encounter the product showcase, which allows for easy browsing of offerings. The about us section will provide a connection with the brand's story, while testimonials will enhance credibility. The contact form will be straightforward, encouraging users to reach out without friction. The overall experience will prioritize clarity, simplicity, and engagement, ensuring users can easily navigate through the content.