Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a multi-page web application designed with a minimalist aesthetic. The primary purpose of the application is to deliver content in a clean and efficient manner while providing users with an intuitive navigation experience. The focus will be on showcasing information clearly and effectively, ensuring users can easily find what they are looking for.

## CORE FEATURES
1. **Homepage**: A welcoming landing page that introduces the application and its purpose, featuring a prominent call-to-action (CTA) to guide users to explore further.
2. **About Page**: A dedicated page that provides detailed information about the application, including its mission, vision, and the team behind it.
3. **Services Page**: A section outlining the key services offered, providing concise descriptions with engaging visuals to enhance user understanding.
4. **Contact Page**: A straightforward contact form that allows users to reach out for inquiries, feedback, or support, ensuring user engagement and communication.
5. **Blog Page**: A space for sharing insights, updates, and articles related to the application’s focus area, helping to keep users informed and engaged.
6. **FAQ Page**: A resource for users to find answers to common questions, reducing the need for direct support and improving user satisfaction.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will emphasize a clean and simple aesthetic, utilizing ample white space to improve readability and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds for enhanced contrast and visibility.
- **Layout**: A consistent layout throughout the application with a top navigation bar for easy access to all pages. Each page will feature a prominent hero section, followed by content structured in clear sections with adequate spacing.
- **Typography**: Use a modern sans-serif font for body text and a distinct serif font for headings to create a visual hierarchy. Maintain consistent font sizes and weights to ensure readability and an attractive design.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and robust component-based architecture.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iterations and responsive layouts.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable user interface components to maintain consistency and functionality.
- **State Management**: React Context API or Zustand for managing global state if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize the React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary libraries for routing and state management.
3. **Create Layout Components**: Develop reusable layout components such as Header, Footer, and Navigation for consistency across pages.
4. **Build Individual Pages**: Implement each core feature as a separate page using React Router for navigation.
5. **Design and Style**: Apply Tailwind CSS to style each component according to the specified design guidelines, focusing on responsiveness.
6. **Implement Forms**: Create functional forms for the Contact page and ensure proper validation for user input.
7. **Add Routing**: Set up client-side routing to enable navigation between the different pages of the application.
8. **Test and Optimize**: Conduct thorough testing across different browsers and devices to ensure a seamless user experience, making adjustments as necessary.

## USER EXPERIENCE
Users will navigate through the application using a top navigation bar, allowing for easy access to all information. The homepage will serve as the starting point, inviting users to explore different sections. Interactive elements, such as the contact form and blog articles, will provide opportunities for user engagement. The responsive design will ensure a consistent experience across all devices, making it easy for users to access content regardless of their screen size. Overall, the application will prioritize simplicity and clarity, making it effortless for users to find and interact with information.