Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a portfolio website designed to showcase your AI automation work. It aims to present your projects and skills in a visually appealing manner while providing a seamless user experience. The site will focus on simplicity and clarity, allowing visitors to easily navigate through your showcased projects and contact you for inquiries.

## CORE FEATURES
1. **Hero Section**: An engaging introduction that captures attention, featuring a brief overview of your expertise in AI automation and a call-to-action button for visitors to view your work.
2. **Project Showcase**: A dedicated section displaying your AI automation projects with visuals and descriptions, allowing users to learn more about each project.
3. **About Me**: A concise personal section that shares your background, skills, and motivation in the field of AI automation.
4. **Testimonials**: A section for client or colleague testimonials that enhances credibility and showcases the impact of your work.
5. **Contact Form**: A simple form for potential clients or collaborators to reach out easily, ensuring you can connect with interested parties.
6. **Blog/Insights Section**: Optional space for sharing articles or insights related to AI automation to demonstrate thought leadership in your field.

## 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 vertical scroll structure with a full-width hero section, followed by distinct sections for project showcases, about information, testimonials, and a contact form. Each section will be visually separated with ample white space to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for initial version; simple props and local state management will suffice.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Create a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**: Develop individual React components for the hero section, project showcase, about me, testimonials, and contact form.
4. **Styling**: Use Tailwind CSS classes to implement the minimalist design and ensure responsiveness across devices.
5. **Add Routing**: Set up basic routing if needed, although the focus is on a single-page layout.
6. **Deploy**: Choose a hosting solution like Vercel or Netlify for deployment and ensure that the site is optimized for performance.

## USER EXPERIENCE
Visitors will land on a visually appealing hero section that introduces your work in AI automation. As they scroll down, they will encounter your projects displayed in a grid format, with the ability to click for more details. The about section will provide context about your expertise, while testimonials will build trust. The contact form will be easily accessible, allowing for straightforward communication. The overall experience will be smooth, with quick loading times and mobile responsiveness ensuring accessibility on all devices.