Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a unique and exclusive landing page for Helland Webdesign, a small web design studio run by two brothers. The goal is to design a digital experience that exudes premium quality, authenticity, and trust, ensuring that visitors immediately recognize the studio's commitment to high-quality design.

## CORE FEATURES
- **Hero Section**: A simple yet impactful introduction featuring a clear value proposition and a primary call-to-action (Contact Us).
- **About Us**: A short, authentic narrative about the two brothers, focusing on their passion for design and craftsmanship.
- **Services Offered**: A straightforward overview of services including Web Design, UI/UX Design, Landing Pages, and Web Development, without excessive details or sales pressure.
- **Pricing**: Transparent pricing structure with two fixed prices for website setup and monthly maintenance, ensuring clarity and honesty.
- **Portfolio/Projects**: A showcase of real projects with actual screenshots and a few strong case studies to build trust.
- **Contact Form**: A simple and professional contact form integrated naturally into the design, along with subtle testimonials from satisfied clients.

## 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 employ a subtle variation in section widths, actively use whitespace, and maintain an editorial flow while avoiding repetitive block structures typical of AI-generated pages.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not explicitly required at this stage but can be implemented as needed.

## IMPLEMENTATION STEPS
1. **Setup Project Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and component usage.
3. **Create Basic Structure**: Build out the main structure of the landing page, including the top navigation with links to Home, Services, Pricing, About Us, and Contact.
4. **Design Hero Section**: Implement the hero section with a strong value proposition and a prominent 'Contact Us' button styled with the primary color.
5. **Develop About Us Section**: Write a concise and engaging narrative about the founders, emphasizing their passion for design.
6. **List Services**: Clearly outline the services offered, using a simple and clean layout without overcrowding.
7. **Pricing Section**: Set up a clear pricing table with fixed prices for website creation and ongoing maintenance.
8. **Portfolio Display**: Create a section to showcase completed projects with actual images and brief descriptions.
9. **Contact Form Integration**: Develop a user-friendly contact form that encourages inquiries.
10. **Add Testimonials**: Incorporate brief testimonials throughout the page without creating a separate section.

## USER EXPERIENCE
Users should feel a sense of trust, calmness, quality, and professionalism while navigating the site. The design will emphasize whitespace and typography, creating a premium feel that speaks to the craftsmanship of Helland Webdesign. The experience will be smooth, intuitive, and devoid of aggressive marketing tactics, allowing the quality of the work to sell itself.