Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a portfolio website for Om Garg, focusing on showcasing editing work through a clean, minimalist design. This landing page will serve as a personal brand presence, highlighting skills, projects, and providing a means for potential clients to contact Om.

## CORE FEATURES
1. **Hero Section**: A bold introduction featuring Om Garg’s name and a captivating tagline, along with a high-quality background image or abstract graphic that reflects editing.
   
2. **Portfolio Gallery**: A visually appealing display of selected editing projects, with thumbnails that expand to show more details and descriptions on hover or click.

3. **About Section**: A brief biography that outlines Om's background, skills, and editing philosophy, presented in an engaging manner.

4. **Testimonials**: A section for client feedback, featuring quotes and names to build credibility and trust.

5. **Contact Form**: A simple, user-friendly contact form that allows visitors to reach out easily, including fields for name, email, and message.

6. **Call to Action (CTA)**: A prominent button encouraging visitors to get in touch, placed strategically throughout the page to maximize engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean and simple design with plenty of white space, allowing content to breathe and maintain focus on typography.
  
- **Color Mode**: Light theme with dark text on light backgrounds for readability and clarity.
  
- **Layout**: A single-page layout that smoothly scrolls down through sections (Hero, Portfolio, About, Testimonials, Contact) with smooth transitions and a fixed navigation bar for easy access.
  
- **Typography**: Use a modern sans-serif font (e.g., Montserrat or Open Sans) for headings and a lighter sans-serif font (e.g., Lato or Raleway) for body text, ensuring a clear hierarchy with larger sizes for headings and appropriate line spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for strong typing and maintainability.
  
- **Styling**: Tailwind CSS for rapid styling and responsive design, allowing for quick adjustments without cumbersome CSS files.
  
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist aesthetic.

- **State Management**: Not required for a simple landing page but can use local state management for the contact form if necessary.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript using Create React App or a similar setup.
  
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.

3. **Create Components**: Develop the components for each section (Hero, Portfolio, About, Testimonials, Contact) using functional components.

4. **Implement Routing**: Use React Router if needed for smooth scrolling to sections or maintain a single-page application feel.

5. **Style Components**: Use Tailwind CSS classes to apply the minimalist design principles to each component, ensuring responsiveness.

6. **Test Responsiveness**: Ensure that the layout adapts well on mobile and tablet devices, adjusting font sizes and spacing as necessary.

7. **Deploy**: Choose a hosting platform (e.g., Vercel or Netlify) to deploy the portfolio website, ensuring it’s accessible to potential clients.

## USER EXPERIENCE
Visitors will be greeted by a visually striking hero section that captures Om's essence as an editor. As they scroll down, they will effortlessly navigate through the portfolio gallery, showcasing Om's best work. The about section personalizes the experience, while testimonials build trust. A straightforward contact form at the bottom encourages engagement, ensuring a seamless and inviting user journey throughout the site.