Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This project is a minimalist landing page designed to showcase your skills as an Automation Specialist & Front-End Developer. It aims to provide a clean and professional online presence that highlights your work, social media links, and personal brand.

## CORE FEATURES
1. **Hero Section**: Features your name as the main title and subtitle stating "Automation Specialist & Front-End Developer" with a brief description about you.
2. **Social Media Icons**: Icons for Gmail, LinkedIn, and WhatsApp that redirect users to your social profiles upon clicking.
3. **Profile Picture**: A circular profile picture that reduces in size and has hover effects for an interactive experience.
4. **Work Categories**: A categorized display of your works, allowing users to filter by ALL, GHL, Zapier, n8n, Make, and Website.
5. **Light Mode Design**: Incorporating a light theme with a focus on white and pastel pink to create a professional and inviting aesthetic.

## 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 layout should consist of a hero section at the top, followed by social links, a profile section with your picture, and a categorized works section below, all arranged vertically for easy scrolling.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive and utility-first styling.
- **UI Components**: shadcn/ui for easy-to-use and customizable components.
- **State Management**: React Context or Zustand if needed for managing state across components.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to your project for styling and UI components.
3. **Create Components**: Develop individual components for the hero section, social links, profile picture, and works categories.
4. **Implement Routing**: Use React Router if necessary for any future expansion, even if it’s a single-page application.
5. **Design Layout**: Structure your components in a vertical layout using Tailwind CSS flex and grid utilities.
6. **Add Interactivity**: Implement hover effects for the profile picture and ensure social media icons function correctly.
7. **Test Responsiveness**: Ensure the design is fully responsive and looks great on various screen sizes.

## USER EXPERIENCE
Users will have an intuitive experience as they enter your landing page. They will immediately see your name and title, followed by a brief description. The social media icons will be easily accessible, allowing for quick connections. The circular profile picture will invite interactions due to its hover effects, while the categorized works section will help users explore your projects effortlessly. The minimalist design will keep users focused on your content without distractions.
```