Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a portfolio website designed to showcase an individual's work and skills in a minimalist and professional manner. The primary goal is to create an engaging landing page that highlights the user's projects, expertise, and contact information while maintaining a clean and simple aesthetic.

## CORE FEATURES
1. **Hero Section**: A prominent introduction with a captivating headline, a brief description, and a call-to-action button that directs visitors to the portfolio section.
2. **Portfolio Showcase**: A grid or card layout displaying images and descriptions of key projects, allowing visitors to quickly grasp the user's capabilities.
3. **About Section**: A concise overview of the user's background, skills, and professional journey, creating a personal connection with visitors.
4. **Testimonials**: A section featuring quotes from clients or colleagues, providing social proof of the user's expertise and reliability.
5. **Contact Form**: An easy-to-use form for potential clients or collaborators to get in touch, including fields for name, email, message, and a submit button.
6. **Responsive Design**: The entire website will be optimized for mobile and desktop views, ensuring a seamless user experience across all devices.

## 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 vertical flow with sections stacked for easy navigation: Hero, Portfolio, About, Testimonials, and Contact, ensuring each section is clearly defined with ample spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this project, as it is primarily static content.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and component usage.
3. **Create Layout Components**: Build reusable components for the Hero section, Portfolio cards, About section, Testimonials, and Contact form.
4. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist design and incorporate the specified typography and color scheme.
5. **Implement Navigation**: Ensure smooth scrolling between sections and implement the contact form functionality (with basic validation).
6. **Test Responsiveness**: Use browser developer tools to check and adjust the layout for various screen sizes.
7. **Deploy**: Choose a hosting platform (like Vercel or Netlify) to deploy the portfolio website.

## USER EXPERIENCE
The user experience will be centered around simplicity and ease of navigation. Visitors will first encounter a striking hero section that immediately conveys the user's identity and purpose. As they scroll down, they will smoothly transition through the portfolio showcase, gaining insights into the user’s work. The contact form will be straightforward, allowing users to reach out effortlessly, while testimonials will reinforce credibility. The overall design will ensure that all elements are easily accessible and visually appealing, encouraging longer engagement times.