Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for Yaku, an automatic RO water dispenser vending machine franchise company. The primary purpose of the site is to promote the franchise opportunity, showcase the features of the water dispensers, and encourage potential franchisees to get in touch for more information.

## CORE FEATURES
1. **Hero Section**: A compelling introduction to Yaku with a tagline and a call-to-action button to encourage visitors to learn more about the franchise.
2. **Features Showcase**: Highlight the key benefits of the automatic RO water dispensers, including convenience, quality, and sustainability.
3. **Testimonials**: Display positive feedback from current franchisees to build trust and credibility.
4. **Franchise Information**: Outline the steps to becoming a Yaku franchisee, including investment details and support provided.
5. **Contact Form**: A simple form for potential franchisees to ask questions or request more information.
6. **Footer**: Includes essential links, social media icons, and contact 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**: The main layout will feature a vertical stack of sections, including a hero section at the top, followed by features, testimonials, franchise information, and a contact form, ensuring a smooth flow of information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for a landing page

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Tailwind CSS**: Configure Tailwind CSS in the project by following the official installation guide.
3. **Create the Components**: 
   - Develop a `Hero` component with a catchy tagline and CTA button.
   - Build a `Features` component that outlines the key benefits of the water dispensers.
   - Implement a `Testimonials` component to display feedback from franchisees.
   - Create a `FranchiseInfo` component detailing the franchise process.
   - Design a `ContactForm` component for inquiries.
   - Add a `Footer` component with relevant links and social media icons.
4. **Style the Components**: Use Tailwind CSS classes to achieve the minimalist design, ensuring proper spacing and typography.
5. **Test Responsiveness**: Ensure that all components are responsive and look good on various devices.
6. **Deploy the Landing Page**: Once completed, deploy the site using a platform like Vercel or Netlify for easy access.

## USER EXPERIENCE
Visitors will first encounter a visually appealing hero section that clearly communicates the value of the Yaku franchise. They can scroll down to explore the features of the water dispensers, see testimonials from satisfied franchisees, and learn how to become a franchisee. The contact form will be easily accessible for inquiries, ensuring a seamless experience that guides potential franchisees toward taking action. The minimalist design will enhance readability and focus, making navigation intuitive and engaging.