Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a web application that serves as a comprehensive resource hub for AI enthusiasts, providing the latest news, articles, and educational materials on artificial intelligence. The application will focus on delivering unique ideas for integrating AI into daily life, along with a structured learning roadmap and curated resources for both personal and professional growth.

## CORE FEATURES
1. **Latest News Section**: A dynamic feed showcasing the most recent articles, news, and updates in the AI field, sourced from reputable outlets.
2. **Learning Roadmap**: A guided pathway for users to understand AI concepts, from beginner to advanced levels, with suggested resources and materials at each stage.
3. **Resource Library**: A curated collection of articles, tutorials, and videos categorized by topics such as AI applications, tools, and best practices.
4. **AI Use Cases**: A dedicated section highlighting practical applications of AI in various sectors, featuring unique ideas for implementation in both personal and professional environments.
5. **Community Forum**: An interactive space for users to discuss AI trends, share insights, and ask questions, fostering a collaborative learning environment.
6. **Newsletter Signup**: A prominent call-to-action for users to subscribe to a newsletter for regular updates and curated content directly to their inbox.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist – Clean and simple design with ample white space to enhance readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: A single-page layout with a smooth scrolling experience, divided into sections for the news feed, learning roadmap, resource library, use cases, community forum, and newsletter signup.
- **Typography**: Use a modern sans-serif font for headings (e.g., Montserrat) and a clean serif font for body text (e.g., Merriweather) to maintain clarity and professionalism.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component management.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments and a responsive layout.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable components that align with the minimalist aesthetic.
- **State Management**: Use React's Context API or Zustand for managing global state across the application.

## IMPLEMENTATION STEPS
1. **Set up the React environment** with TypeScript and install necessary dependencies including Tailwind CSS and shadcn/ui.
2. **Create the main layout** component that includes a header, footer, and sections for each feature (news, roadmap, resources, use cases, forum, newsletter).
3. **Implement the Latest News Section** by fetching data from a news API and displaying articles in a card format.
4. **Develop the Learning Roadmap** section with a structured layout, including collapsible panels for each learning level and embedded resource links.
5. **Build the Resource Library** using a grid layout to showcase resources with filtering options based on categories and tags.
6. **Create the AI Use Cases section** that highlights different applications, with links to detailed articles or case studies.
7. **Integrate the Community Forum** using a simple comment system or third-party service for user engagement.
8. **Add the Newsletter Signup functionality** with form validation and backend integration for email collection.
9. **Ensure responsiveness** across devices by implementing Tailwind's responsive utility classes.
10. **Conduct user testing** to gather feedback and iterate on design and functionality before launch.

## USER EXPERIENCE
Users will experience a seamless journey starting from the landing section with a captivating hero image and introduction to the application. They can easily navigate through sections using a sticky navigation bar. Each feature will provide intuitive interactions, such as expanding panels for the learning roadmap and dynamic filtering in the resource library. The community forum will allow users to engage actively, while the newsletter signup will ensure they remain connected with the latest updates. The overall experience will be designed to encourage exploration and learning in a user-friendly manner.