Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The MCP România project is a web application aimed at promoting server programming services and providing API access to client data for companies in Romania. The application will feature a responsive, modern design that caters to a variety of users seeking automation integration for complex applications.

## CORE FEATURES
1. **Homepage**: A welcoming landing section that introduces MCP România, highlighting the services offered and the benefits of their API solutions.
2. **Case Studies Page**: A masonry layout showcasing multiple case studies, starting with MCP Incorpo, featuring images, titles, brief intros, and links to detailed study pages.
3. **Detailed Case Study Pages**: Individual pages for each case study, providing in-depth information about the project, client details, and outcomes.
4. **Contact Page**: A straightforward contact form where users can reach out for inquiries about services or request more information.
5. **Terms and Conditions Page**: A dedicated page outlining the terms of service for users accessing the site and its offerings.

## 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**: The main layout will feature a top navigation bar, a hero section on the homepage, a grid layout for the case studies, and straightforward single-column layouts for detail pages.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, potentially local state management for simplicity.

## IMPLEMENTATION STEPS
1. **Set up the React 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 a responsive layout**: Start by building the main layout, including the navigation bar and footer.
4. **Develop the homepage**: Implement the hero section, including a brief introduction to MCP România and a call-to-action.
5. **Build the case studies page**: Use a masonry layout to present the case studies, integrating card components that link to detailed case study pages.
6. **Detail page creation**: For each case study, create a detailed page that expands on the project specifics and results.
7. **Implement the contact page**: Build a form that captures user inquiries and validates input fields.
8. **Terms and Conditions page**: Draft and format the terms of service.
9. **Ensure responsiveness**: Test the application on various screen sizes to ensure a smooth user experience across devices.
10. **Deploy the application**: Use a hosting service to deploy the completed site, ensuring all components function as intended.

## USER EXPERIENCE
Users will interact with the MCP România website through a seamless navigation experience. The homepage will provide a quick overview of services, while the case studies page will allow users to explore different projects easily. Each case study's detailed page will enhance user understanding of the company's capabilities, fostering trust and encouraging inquiries through the contact form. The overall experience will prioritize simplicity and clarity, ensuring users can find information quickly and efficiently.