Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a minimalist landing page for a "Digital Marketing Freelancer" portfolio. The primary purpose is to showcase the freelancer's skills, attract potential clients, and facilitate job opportunities through a downloadable resume.

## CORE FEATURES
1. **Hero Section**: An engaging introduction with a brief overview of services offered, a professional photo, and a prominent call-to-action button for hiring inquiries.
2. **Portfolio Showcase**: A visually appealing gallery or grid display of past projects, highlighting key achievements and skills.
3. **Services Offered**: A dedicated section outlining the specific digital marketing services provided, such as SEO, content marketing, social media management, etc.
4. **Resume Download**: A feature that allows visitors to easily download the freelancer's resume in PDF format.
5. **Testimonials**: A section featuring quotes or reviews from past clients to build credibility and trust.
6. **Contact Form**: A simple form for potential clients to reach out, including fields for name, email, message, and a submit button.

## 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 structure will be a single-page format with sections stacked vertically, including a hero section at the top, followed by portfolio, services, testimonials, and contact form, ensuring a smooth scrolling experience.

## TECHNICAL REQUIREMENTS
- Framework: React with TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- State Management: Not specifically required for this landing page

## IMPLEMENTATION STEPS
1. **Setup Project**: Create a new React project with TypeScript and install Tailwind CSS.
2. **Configure Fonts**: Import Inter from Google Fonts into the project for both headings and body text.
3. **Create Layout Structure**: Develop the main sections of the landing page using functional components for the hero, portfolio, services, testimonials, and contact form.
4. **Implement Styling**: Use Tailwind CSS classes to style each section according to the design specifications, ensuring a minimalist aesthetic.
5. **Add Resume Download Feature**: Implement a button that links to the freelancer's resume PDF file for easy downloading.
6. **Test Responsiveness**: Ensure the layout is responsive across different devices, adjusting styles as necessary for mobile views.
7. **Deploy the Landing Page**: Host the finished landing page on a suitable platform like GitHub Pages, Vercel, or Netlify.

## USER EXPERIENCE
Users will first encounter an engaging hero section that introduces the freelancer and encourages them to explore the portfolio. As they scroll down, they will view a selection of past work, learn about the services offered, read testimonials from satisfied clients, and finally have the opportunity to reach out via the contact form or download the resume. The overall experience will be smooth and intuitive, with clear navigation and minimal distractions, guiding potential clients towards hiring the freelancer.