Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Build a minimalist, editorial photography portfolio website for "2600 Studios." The site will showcase high-quality visual content in a clean, typographically driven layout, emphasizing simplicity and a natural aesthetic. The main purpose is to provide an engaging platform for potential clients to explore the studio's work, learn about the studio, and get in touch for inquiries.

## CORE FEATURES
1. **Full-Screen Hero Section**: A striking hero image with a parallax scroll effect, setting the tone for the portfolio.
2. **Portfolio Gallery**: A masonry grid layout displaying various photography projects, allowing users to browse and appreciate the studio's work.
3. **About Section**: A brief description of "2600 Studios," highlighting the studio's philosophy and approach to photography.
4. **Testimonials**: A section dedicated to client feedback, enhancing credibility and showcasing the studio's success.
5. **Inquiry Form**: A minimalistic contact form for potential clients to get in touch, featuring underline-only input fields.
6. **Sticky Navigation Bar**: A fixed top navigation spine with Roman numerals and a scroll progress indicator for seamless browsing.

## 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**: Full-screen hero section, followed by a masonry grid for the portfolio, about section, testimonials, inquiry form, and footer. The layout includes a fixed left-side navigation with Roman numerals for easy access.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this static content-focused site.

## IMPLEMENTATION STEPS
1. **Set Up Project Environment**: Initialize a new React project with TypeScript and install necessary dependencies including Tailwind CSS.
2. **Create Layout Components**: Develop the main layout components (Hero, Portfolio, About, Testimonials, Inquiry Form, Footer).
3. **Implement Navigation**: Build the sticky left-side navigation with Roman numeral links and a scroll progress indicator.
4. **Design Portfolio Section**: Create a masonry grid layout for the portfolio, using images that reflect the studio's documentary and candid photography style.
5. **Develop Inquiry Form**: Implement a minimalistic contact form with underline-only input fields and monospaced labels.
6. **Add Animations**: Utilize Framer Motion for subtle animations on scroll and hover effects for the hero image.
7. **Test Responsiveness**: Ensure the site is mobile-friendly, including a hamburger menu for navigation on smaller screens.

## USER EXPERIENCE
Visitors will be greeted with a visually impactful hero section that draws them in. As they scroll down, they will smoothly transition to the portfolio area showcasing stunning photography. The fixed navigation allows for easy access to different sections, while the inquiry form provides a simple way for potential clients to reach out. Each interaction is designed to be intuitive, enhancing the overall user experience while maintaining a focus on the studio's artistic vision.