Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a redesigned web platform for Plant Club, focusing on a clean, professional, and modern aesthetic. The goal is to enhance user engagement through a minimalist design that emphasizes plant care education and community interaction while providing a seamless user experience.

## CORE FEATURES
1. **Homepage**: A welcoming landing page featuring a hero section, featured plants, and a brief introduction to Plant Club's mission and services.
2. **Plant Care Guides**: A comprehensive library of articles and resources on various plant species, care tips, and troubleshooting advice, easily searchable and categorized.
3. **Community Forum**: A space for users to ask questions, share experiences, and connect with fellow plant enthusiasts.
4. **User Profiles**: Allow users to create and manage their profiles, showcasing their plant collections and participation in the community.
5. **E-commerce Integration**: A simple shopping feature for users to purchase plants, tools, and accessories directly from the site.
6. **Newsletter Signup**: A section for users to subscribe to updates, tips, and exclusive offers, encouraging ongoing engagement with the brand.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a focus on clean, simple design elements. Ample white space enhances readability and provides a modern look.
- **Color Mode**: Light theme featuring soft background shades with dark text for high contrast and readability.
- **Layout**: A grid-based layout that allows for easy navigation between sections. The header will include a logo, navigation menu, and search bar. The footer will contain links to policies and contact information.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a legible serif font for body text (e.g., Lora), creating a clear hierarchy with distinct sizes for headings, subheadings, and body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component-based architecture.
- **Styling**: Tailwind CSS for rapid UI development and consistent styling across components.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components that align with the minimalist design.
- **State Management**: Implement React Context API for managing global state, particularly for user profiles and community interactions.

## 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, along with any necessary libraries (e.g., react-router for navigation).
3. **Structure Components**: Create a folder structure for components, pages, and assets. Develop core components (Header, Footer, PlantCard, etc.) using Tailwind CSS for styling.
4. **Develop Pages**: Build out the main pages (Homepage, Plant Care Guides, Community Forum, User Profiles, E-commerce) following the wireframe layout.
5. **Integrate Backend**: Set up a backend service (e.g., Firebase, Node.js) to manage user data, plant information, and forum posts.
6. **User Authentication**: Implement user authentication to manage profiles and interactions within the community forum.
7. **Testing**: Conduct thorough testing for responsiveness and user experience on various devices and screen sizes.
8. **Deploy Application**: Choose a hosting service (e.g., Vercel, Netlify) to deploy the application and ensure all configurations are set for production.

## USER EXPERIENCE
Users will be welcomed with a clean and intuitive homepage that guides them to explore plant care guides, participate in the community forum, and manage their profiles easily. The streamlined navigation and minimal distractions will enhance focus on content, while responsive design ensures accessibility across devices. Users will enjoy a seamless experience from browsing to purchasing, with clear calls to action and straightforward interactions throughout the platform.