Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist portfolio landing page designed to showcase personal work and skills. It aims to create a clean, professional online presence, allowing users to easily navigate through the portfolio while emphasizing visual appeal and simplicity.

## CORE FEATURES
1. **Hero Section**: A captivating hero section that introduces the individual with a brief tagline and a professional image, encouraging visitors to explore further.
2. **Portfolio Showcase**: A gallery of projects with images, descriptions, and links to detailed project pages or external sites, allowing visitors to view the work in detail.
3. **About Me Section**: A concise section that shares the individual’s background, skills, and professional journey, establishing a personal connection with visitors.
4. **Testimonials**: A section dedicated to displaying client or colleague testimonials, enhancing credibility and trustworthiness.
5. **Contact Form**: A simple contact form for inquiries, ensuring easy communication for potential clients or collaborators.
6. **Call to Action (CTA)**: Strategically placed CTAs throughout the page to encourage visitors to engage, such as "View My Work" or "Get in Touch".

## 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 will feature a single-column design with sections stacked vertically. The hero section will be at the top, followed by the portfolio showcase, about me, testimonials, and contact form.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build individual components for the hero section, portfolio showcase, about me, testimonials, and contact form.
4. **Implement Routing (if necessary)**: Set up React Router for smooth navigation if linking to detailed project pages.
5. **Styling**: Apply Tailwind CSS classes to ensure the design specifications are met, focusing on spacing, typography, and colors.
6. **Test Responsiveness**: Ensure the layout is responsive across various devices by using Tailwind's responsive utilities.
7. **Deploy**: Prepare the application for deployment and choose a hosting platform (e.g., Vercel or Netlify).

## USER EXPERIENCE
Visitors will land on a visually appealing hero section that captures their attention immediately. As they scroll down, they will easily access the portfolio showcase, which displays projects in an organized manner. The about me section will provide a brief background, and testimonials will enhance the portfolio’s credibility. Finally, the contact form will allow visitors to reach out effortlessly, completing a seamless user journey through the portfolio.