Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to serve as a business landing page for microgreens. It will provide an informative and visually appealing platform to showcase products, educate visitors about the benefits of microgreens, and capture leads for potential customers.

## CORE FEATURES
1. **Home Page**: A clean, welcoming introduction to the brand with engaging visuals and a brief overview of microgreens.
2. **Product Showcase**: A dedicated section displaying various types of microgreens with images, descriptions, and pricing.
3. **Educational Resources**: Articles and guides about the health benefits and uses of microgreens, enhancing user engagement and knowledge.
4. **Contact Form**: An easy-to-use contact form for inquiries, allowing users to connect with the business directly.
5. **Newsletter Signup**: A section for users to subscribe to a newsletter, keeping them updated on new products and promotions.
6. **Testimonials**: A curated area for customer reviews and testimonials to build trust and credibility.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a focus on a clean and simple design. Ample white space will enhance readability and create a tranquil user experience.
- **Color Mode**: Light theme featuring dark text on a light background, ensuring high contrast for easy reading.
- **Layout**: A single-page layout with a fixed navigation menu at the top, sections for each feature (Home, Products, Resources, Contact, Newsletter, Testimonials), and a sticky footer with contact information.
- **Typography**: Use a sans-serif font such as **Roboto** for body text and **Montserrat** for headings. Establish a clear hierarchy with larger font sizes for headings and adequate line spacing for improved readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and type-safe development experience.
- **Styling**: Tailwind CSS to facilitate rapid styling with utility-first classes.
- **UI Components**: Use shadcn/ui components for consistency and enhanced user interface elements.
- **State Management**: Consider using React Context API for lightweight state management across components.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout Components**: Develop the main layout with a Header, Footer, and individual sections for each feature.
4. **Design Each Section**: Style each section using Tailwind CSS classes, adhering to the minimalist design principles.
5. **Implement Navigation**: Create a smooth scrolling navigation that links to each section of the landing page.
6. **Set Up Forms**: Create functional forms for the Contact section and Newsletter signup, ensuring validation and user feedback.
7. **Add Content**: Populate the application with relevant text, images, and resources about microgreens.
8. **Responsive Design**: Test and optimize the layout for various screen sizes, ensuring a seamless experience across devices.
9. **Deploy Application**: Use platforms like Vercel or Netlify for hosting the web app, ensuring easy access for users.

## USER EXPERIENCE
The application will provide a seamless user journey with intuitive navigation. Users will be welcomed by a visually engaging homepage that succinctly introduces microgreens. Navigation will allow them to easily explore products, read educational content, and connect with the business through forms. The overall experience will focus on simplicity, clarity, and encouraging interaction, making it easy for users to find information and engage with the brand.