Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves designing a unique landing page for an exclusive web design studio run by two brothers. The primary purpose is to create a digital experience that reflects high-quality craftsmanship and sophistication, positioning the studio as a trusted design partner without falling into the trap of generic templates or overly commercial aesthetics.

## CORE FEATURES
1. **Hero Section**: A minimal yet impactful introduction with a clear value proposition, featuring a primary CTA that invites engagement without being aggressive.
2. **About Us**: A subtle narrative that introduces the two brothers, emphasizing their genuine passion for design and their commitment to quality craftsmanship.
3. **Portfolio Showcase**: A curated selection of strong case studies using real images of past projects, demonstrating the studio's capabilities and design philosophy.
4. **Contact Information**: A simple, intuitive contact section that encourages potential clients to reach out without pressure, fostering trust through straightforward communication.
5. **Testimonials (Subtle)**: Carefully selected client feedback that adds credibility without overwhelming the design, focusing on trust rather than marketing fluff.

## 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 layout should have an editorial feel with distinct sections that have their own character, avoiding repetitive patterns or standard landing page templates. Asymmetry should be used only to enhance flow, and each section should contribute to the storytelling of the studio's identity.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Structure the landing page with distinct sections: Hero, About Us, Portfolio, Contact, and Testimonials.
3. **Design Hero Section**: Craft the hero with a simple background, a clear value proposition, and a prominent CTA button styled with the primary color.
4. **Build About Us Section**: Write concise content introducing the brothers, focusing on authenticity and craftsmanship.
5. **Portfolio Showcase**: Implement a visually appealing grid layout for project showcases, ensuring images are of high quality and convey the studio's aesthetic.
6. **Design Contact Section**: Create a straightforward contact form that invites user interaction without pressure to convert.
7. **Add Testimonials**: Include a few carefully selected testimonials to subtly enhance trust without detracting from the overall minimalist design.
8. **Optimize for Mobile**: Ensure all sections are responsive and maintain usability across various devices.
9. **Testing**: Conduct thorough testing to ensure functionality and visual integrity.

## USER EXPERIENCE
Key user interactions will focus on a seamless journey through the landing page. Users should feel a sense of calm and confidence as they navigate, with each section providing a clear and purposeful insight into the studio's identity. The design will encourage users to trust in the brothers' expertise without feeling overwhelmed by typical marketing tactics. Each call-to-action will be integrated naturally into the flow, promoting engagement in a subtle yet effective manner.