Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a portfolio website designed specifically for showcasing video editing projects. It aims to highlight the user's skills through visually appealing layouts while emphasizing a clean and minimalist aesthetic. The site will serve as a digital portfolio, allowing visitors to view samples of work and contact the video editor for potential collaborations.

## CORE FEATURES
- **Project Showcase**: A dedicated section to display video projects with embedded media players, allowing users to play videos directly on the site.
- **About Me**: An informative page that provides background information about the video editor, including their experience, skills, and personal story.
- **Contact Form**: A user-friendly contact form for potential clients to reach out, featuring fields for name, email, message, and an option to attach files.
- **Testimonials**: A section for client testimonials to build credibility and trust, highlighting positive feedback from previous projects.
- **Blog/News Section**: An optional area where the video editor can share insights, tips, and updates on projects or industry trends.
- **Responsive Design**: Ensuring the website is fully functional and visually appealing across all devices, including desktops, tablets, and smartphones.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design that utilizes ample white space to create a spacious feel. The layout is designed to draw attention to the content.
- **Color Mode**: Light theme featuring a minimal color palette with dark text on light backgrounds for high readability and a fresh look.
- **Layout**: A single-column layout that flows vertically, with a fixed header and footer. Each section (Project Showcase, About Me, etc.) is clearly defined with ample spacing to enhance readability.
- **Typography**: Use a sans-serif font for headings (e.g., Montserrat) and a serif font for body text (e.g., Lora) to create a clear hierarchy. Headings should be bold and larger, while body text should be easy to read with sufficient line spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and scalability.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design and customization.
- **UI Components**: Utilize shadcn/ui for consistent and modern UI elements.
- **State Management**: Consider using React Context API or Zustand for managing global state, if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or Vite.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and any other necessary libraries (e.g., React Router for navigation).
3. **Create Layout Components**: Build the main layout components (Header, Footer, MainContent) adhering to the specified design principles.
4. **Develop Core Features**:
   - Implement the Project Showcase using a grid layout with video players.
   - Create the About Me section with personal details and a photo.
   - Set up the Contact Form with validation using a library like Formik or React Hook Form.
   - Add the Testimonials section with a carousel or static layout.
   - Optionally, create a simple Blog/News section with markdown support.
5. **Style Components**: Use Tailwind CSS classes to apply the minimalist design as specified, ensuring proper spacing and alignment.
6. **Implement Responsive Design**: Use Tailwind's responsive utilities to ensure the layout adapts to different screen sizes.
7. **Testing**: Conduct thorough testing across devices and browsers to ensure functionality and responsiveness.
8. **Deployment**: Deploy the application using platforms like Vercel or Netlify for easy access and sharing.

## USER EXPERIENCE
The user journey begins with a clean landing page that introduces the video editor's work through a striking Project Showcase. Users can easily navigate through sections using a sticky header menu. The About Me section offers a personal touch while the Contact Form is straightforward, ensuring minimal friction in reaching out. The responsive design guarantees an optimal experience on all devices, allowing potential clients to explore the portfolio seamlessly. The overall experience is designed to be engaging, informative, and easy to navigate, encouraging visitors to delve deeper into the editor's offerings.