Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a minimalist portfolio website for a developer that showcases skills and expertise in software engineering, AI automation, and full-stack development. The site will feature a clean layout with a focus on typography and white space, aiming to impress potential clients and employers.

## CORE FEATURES
1. **Hero Section**: A striking introductory section that highlights the developer's name, a brief tagline about their expertise, and a call-to-action button leading to contact information or a downloadable resume.
2. **Skills & Expertise**: A dedicated section that outlines the developer's skills in AI automation, full-stack development, WordPress solutions, and infrastructure management, using concise bullet points for easy readability.
3. **Projects Showcase**: A visually appealing grid or card layout displaying selected projects, including descriptions, technologies used, and links to live demos or GitHub repositories.
4. **Testimonials**: A section featuring quotes from clients or colleagues to build credibility and showcase successful collaborations.
5. **Contact Form**: An easy-to-use contact form for potential clients to reach out, integrated with simple validation and a thank-you message upon submission.
6. **Footer**: A section with social media links, copyright information, and quick links to the top of the page.

## 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 consist of a vertical scrolling structure with sections clearly defined, utilizing a full-width hero area, followed by content sections arranged in a single column.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this simple portfolio site.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build individual components for each section (Hero, Skills, Projects, Testimonials, Contact, Footer) using functional components.
3. **Style Components**: Use Tailwind CSS classes to style each component according to the design specifications, including the primary color and typography.
4. **Implement Routing**: If applicable, set up routing using React Router for easy navigation between sections.
5. **Integrate Form Handling**: Create a contact form component and implement basic form validation and submission handling.
6. **Deploy the Website**: Use platforms like Vercel or Netlify for deployment, ensuring the site is responsive and performs well on various devices.

## USER EXPERIENCE
Users will first encounter a visually appealing hero section that introduces the developer. As they scroll down, they will see a clear presentation of skills, a showcase of projects, and testimonials that build trust. The contact form will be easily accessible, encouraging users to reach out for collaborations or inquiries. The minimalist design ensures the focus remains on content, making it easy for visitors to navigate and engage with the site.