Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as a modern landing page for Manivannan Photography, showcasing a portfolio of stunning photographs and providing essential information about services offered. The primary goal is to create an engaging user experience that highlights the beauty of the photography while maintaining a clean and minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: A full-width hero image with a captivating tagline and a call-to-action button directing users to view the portfolio.
2. **Portfolio Gallery**: A grid layout displaying a curated selection of photographs, with each image clickable to view in a larger format or to access detailed descriptions.
3. **About Section**: A brief biography of Manivannan, highlighting his expertise and passion for photography, accompanied by a professional profile picture.
4. **Services Offered**: A section detailing the various photography services available, including portraits, events, and commercial shoots, with brief descriptions for each.
5. **Contact Form**: A simple, user-friendly contact form for inquiries, featuring fields for name, email, message, and a submit button.
6. **Testimonials**: A slider showcasing client testimonials, providing social proof and building trust with potential customers.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist with a clean, simple design that utilizes ample white space to enhance readability and focus on content. The layout will prioritize typography, ensuring that text elements stand out.
- **Color Mode**: Light theme featuring dark text on light backgrounds to ensure high contrast and legibility.
- **Layout**: The main layout will feature a single-column structure with a fixed header for navigation, followed by the hero section, portfolio gallery, about section, services, testimonials, and contact form. Each section will be distinctly separated with generous padding.
- **Typography**: Use a modern sans-serif font like "Inter" for headings and body text, maintaining a clear hierarchy with larger sizes for headings and smaller sizes for body text. Ensure consistent line spacing for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript to ensure type safety and a robust component structure.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid and responsive design implementation.
- **UI Components**: Utilize shadcn/ui for pre-built, accessible UI components that align with the minimalist design principles.
- **State Management**: Use React's built-in state management for handling form submissions and displaying dynamic content.

## IMPLEMENTATION STEPS
1. **Initialize the Project**: Set up a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui as well as any other necessary libraries.
3. **Set Up Tailwind CSS**: Configure Tailwind CSS by creating a configuration file and including it in the project.
4. **Create the Layout**: Build the main layout structure using functional components for each section (Hero, Portfolio, About, Services, Testimonials, Contact).
5. **Implement the Hero Section**: Add a full-width image with text overlay and a button linking to the portfolio.
6. **Design the Portfolio Gallery**: Create a responsive grid layout for the portfolio images, ensuring images are optimized for web use.
7. **Develop About and Services Sections**: Add content and styling according to the design specifications.
8. **Set Up the Contact Form**: Implement a simple form with validation and handle submissions with a mock API or email service.
9. **Create the Testimonials Slider**: Use a carousel component to display client testimonials in a visually appealing manner.
10. **Test Responsiveness**: Ensure the layout adapts well to various screen sizes and devices, tweaking styles as necessary.

## USER EXPERIENCE
Key user interactions will include:
- A smooth scroll experience as users navigate through sections, with the header remaining fixed for easy access to navigation links.
- Clickable portfolio images that open in a lightbox, allowing users to view details without leaving the page.
- A straightforward contact form that provides instant feedback upon submission, ensuring users feel connected and acknowledged.
- Intuitive navigation between sections, promoting exploration of the website while maintaining a focus on the photography work. 

This application will create a seamless experience that highlights Manivannan’s photography while adhering to the principles of minimalist design.