Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a cachaça club and sales incentive portal. Its main purpose is to promote the club, highlight the unique offerings of cachaça, and encourage membership sign-ups and engagement through a clean, minimalist design.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to the cachaça club with a strong headline and a call-to-action button encouraging visitors to join or learn more about cachaça.
   
2. **About Section**: A brief overview of the cachaça club, its mission, and the benefits of membership, emphasizing community and quality.
   
3. **Featured Products**: Showcase a selection of premium cachaça products with images and descriptions to entice visitors and drive sales.
   
4. **Membership Benefits**: Highlight exclusive perks for members, such as discounts, access to events, and educational resources about cachaça.
   
5. **Testimonials**: Real-life feedback from club members that builds trust and encourages new visitors to join.
   
6. **Contact Form**: An easy-to-use contact form for inquiries and feedback, ensuring potential members can reach out for more information.

## 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**: A single-column layout that flows from the hero section down through features, testimonials, and the contact form, ensuring a straightforward user journey.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, but consider using React's built-in state management or context API as needed.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
   
2. **Create the Main Components**: Develop components for the Hero, About, Featured Products, Membership Benefits, Testimonials, and Contact Form sections.

3. **Implement Routing**: If necessary, set up routing for any additional pages or sections using React Router.

4. **Style the Components**: Use Tailwind CSS to implement the minimalist design, adhering to the specified design specifications.

5. **Add Interactivity**: Implement any necessary state management for the contact form to handle submissions.

6. **Optimize for Mobile**: Ensure the layout is responsive and looks great on all device sizes.

7. **Test the Application**: Conduct thorough testing for usability, performance, and responsiveness.

## USER EXPERIENCE
Key user interactions include engaging with the hero section to learn more about the cachaça club, browsing through featured products, reading testimonials for social proof, and easily accessing the contact form for inquiries. The design will facilitate a seamless experience that encourages visitors to become members of the club.