Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
Create a modern and clean landing page for an architect that showcases their work and services. The website will serve as a portfolio, highlighting projects and providing contact information to potential clients.

## CORE FEATURES
1. **Hero Section**: An engaging introduction with a striking image of architectural work and a call-to-action button that invites visitors to view the portfolio.
2. **About Section**: A brief overview of the architect, including their philosophy and approach to design.
3. **Portfolio Gallery**: A visually appealing grid showcasing completed projects with images, descriptions, and links for more details.
4. **Services Offered**: A section outlining the services provided, such as residential design, commercial architecture, and consultation.
5. **Testimonials**: Quotes from satisfied clients to build trust and credibility.
6. **Contact Form**: A simple form for potential clients to reach out easily, including fields for name, email, and message.

## 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 will follow a single-page structure with clearly defined sections, including a full-width hero, followed by stacked sections for About, Portfolio, Services, Testimonials, and Contact.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**:
   - Initialize a new React project with TypeScript.
   - Install Tailwind CSS and configure it for use in the project.
2. **Create Layout Structure**:
   - Design the main App component to include the hero section and other sections sequentially.
   - Use Tailwind CSS to style each section according to the design specifications.
3. **Develop Components**:
   - Create separate components for each section: Hero, About, Portfolio, Services, Testimonials, and Contact.
   - Ensure each component is responsive and maintains the minimalist aesthetic.
4. **Implement Contact Form**:
   - Create a functional contact form that captures user input and can be submitted via email or a designated backend service.
5. **Optimize for SEO**:
   - Ensure all images have alt text, and implement best practices for SEO, including meta tags and structured data.
6. **Test Responsiveness**:
   - Test the website across different devices and screen sizes to ensure a seamless user experience.

## USER EXPERIENCE
The user interaction will focus on smooth navigation through the sections of the landing page. Visitors will be greeted by a captivating hero section, easily navigate to learn more about the architect and their services, view a curated portfolio, read testimonials, and contact the architect directly through the form. The minimalist design ensures that users can focus on the content without distractions, enhancing their overall experience.
```