Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist portfolio website designed to showcase an individual's work and achievements. The website will focus on clean aesthetics and usability, allowing visitors to easily navigate through the portfolio while emphasizing the user's projects and skills.

## CORE FEATURES
1. **Hero Section**: An engaging introduction with a brief tagline and a professional photo or illustration of the user, alongside a prominent call-to-action button leading to the contact section.
2. **Portfolio Gallery**: A grid or masonry layout displaying project thumbnails, each linked to detailed project pages that include descriptions, images, and links to live demos or repositories.
3. **About Section**: A concise biography that highlights the user's background, skills, and professional journey, helping visitors connect with the creator on a personal level.
4. **Testimonials**: A section dedicated to client or peer testimonials to build credibility and showcase the user’s impact through previous work experiences.
5. **Contact Form**: A straightforward form allowing potential clients or employers to reach out, featuring fields for the visitor's name, email, and message.
6. **Responsive Design**: The website will be fully responsive, ensuring optimal viewing on both desktop and mobile 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 main layout will feature a vertical scroll with distinct sections for the hero, portfolio, about, testimonials, and contact, using a grid system for the gallery.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified unless needed for form handling.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the Layout Structure**: Develop a main layout component that includes the header, footer, and main sections (hero, portfolio, about, testimonials, contact).
3. **Build the Hero Section**: Design a visually appealing hero section with a large background image or color, tagline, and a call-to-action button styled with the primary color.
4. **Implement the Portfolio Gallery**: Create a grid layout to display project thumbnails, making them clickable to lead to detailed project descriptions.
5. **Design the About and Testimonials Sections**: Use simple text components for the about section and a carousel or grid for testimonials, ensuring readability and alignment with the minimalist style.
6. **Develop the Contact Form**: Create a simple contact form with validation, ensuring that it matches the overall design aesthetic with rounded inputs and buttons.
7. **Optimize for Responsiveness**: Use Tailwind CSS utilities to ensure the design is responsive and looks great on all devices.
8. **Test and Deploy**: Thoroughly test the website for usability and responsiveness, then deploy it using a hosting service like Vercel or Netlify.

## USER EXPERIENCE
The website will allow users to smoothly transition between sections with simple navigation. The portfolio gallery will enable users to click on projects to explore more details, while the contact form will provide a straightforward way to reach out. The minimalist design will ensure that visitors can focus on the content without unnecessary distractions, enhancing the overall user experience.