Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This application is a web app designed for an AI Automation Specialist and content creator, Henri Hermawan. The main purpose is to showcase his skills in AI workflow automation and photo/video editing while providing a platform for potential clients to understand his expertise and projects.

## CORE FEATURES
1. **Portfolio Showcase**: A visually appealing gallery to display previous photo and video editing projects, highlighting the quality and creativity of the content.
2. **Service Offerings**: Detailed sections outlining the services offered, including AI workflow automation and multimedia editing, with descriptions and pricing options.
3. **Contact Form**: An interactive form allowing potential clients to inquire about services or request custom projects, integrating seamless communication.
4. **Blog Section**: A space for Henri to share insights on AI automation trends and tips on photo/video editing, enhancing engagement and SEO.
5. **Testimonials**: A section for client feedback to build trust and credibility, featuring quotes and ratings.
6. **Integration with Social Media**: Links and feeds from Henri's professional social media accounts to increase visibility and engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will be clean and simple, utilizing plenty of white space to ensure clarity and focus on content.
- **Color Mode**: Light theme with dark text on light backgrounds, complemented by Electric Blue accents for buttons and highlights.
- **Layout**: A structured grid layout for the portfolio and service offerings, ensuring a logical flow of information. Navigation will be simple and intuitive, with a sticky header for easy access.
- **Typography**: Use a combination of modern sans-serif fonts for headings (e.g., 'Montserrat') and a clean serif font for body text (e.g., 'Roboto'), ensuring a clear hierarchy with varied weights to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Utilize shadcn/ui for modern UI components that align with the minimalist aesthetic.
- **State Management**: Implement React's Context API for managing application state effectively, if necessary.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui components.
2. **Create Core Components**: Develop components for the header, footer, portfolio, services, testimonials, and blog sections.
3. **Design Layout**: Use Tailwind CSS to implement the grid layout and ensure responsiveness across devices.
4. **Implement Routing**: Set up React Router to manage navigation between sections of the app.
5. **Integrate Contact Form**: Use Formik or a similar library for form handling and validation, and connect it to an email service for inquiries.
6. **Add Blog Functionality**: Create a simple CMS for blog posts or integrate with an existing platform.
7. **Test Functionality**: Ensure all components work together seamlessly, and perform user testing to gather feedback.

## USER EXPERIENCE
Key user interactions include a smooth navigation experience with a sticky header for easy access to various sections, engaging portfolio galleries with hover effects for project previews, and a responsive contact form that provides real-time validation feedback. Users will enjoy a seamless experience across devices, with a focus on aesthetic appeal and functionality.
```