Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a comprehensive multi-page website that serves various thematic sections, transitioning from a simple landing page to a fully functional site with dedicated pages for each topic. The main purpose is to provide a clean, informative platform where users can navigate easily between different subjects.

## CORE FEATURES
1. **Homepage:** A clean introduction with an overview of the site, featuring links to various topics and a brief description of each.
2. **Thematic Pages:** Individual pages for each topic, providing detailed information, images, and resources.
3. **About Section:** A dedicated page outlining the mission, vision, and values of the website.
4. **Contact Page:** A form for users to reach out with inquiries, feedback, or collaborations.
5. **Blog Section:** An area for articles and posts related to the themes, allowing for updates and user engagement.
6. **Search Functionality:** Enabling users to quickly find topics or articles of interest across the site.

## 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 responsive grid layout that adapts to different screen sizes, maintaining a clean structure with clear navigation and ample white space.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript
- **Styling:** Tailwind CSS
- **UI Components:** shadcn/ui
- **State Management:** Redux (if needed for complex state management)

## IMPLEMENTATION STEPS
1. **Setup Project:**
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for styling.
   - Integrate shadcn/ui components for UI elements.

2. **Create Core Pages:**
   - Develop the Homepage component with navigation links to each thematic page.
   - Create individual components for each thematic page, ensuring they follow the minimalist design.

3. **Implement Navigation:**
   - Set up a responsive navigation bar that links to the homepage, thematic pages, about, contact, and blog sections.

4. **Design Contact Form:**
   - Create a contact form using shadcn/ui components, ensuring it is styled according to the design specifications.

5. **Add Blog Section:**
   - Implement a blog component to display articles, with a layout that supports reading and navigation between posts.

6. **Test and Optimize:**
   - Ensure responsiveness across various devices.
   - Test user interactions and optimize for performance.

## USER EXPERIENCE
Users will experience a seamless navigation flow between pages, with clear visual cues enhanced by the primary color and typography. The homepage will serve as a welcoming hub, guiding users to thematic content. The minimalist design will keep distractions to a minimum, allowing users to focus on the information presented. The contact form will facilitate easy communication, while the blog section will encourage ongoing engagement with fresh content. The overall user experience will prioritize clarity and simplicity, making information easily accessible.