Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for a digital solution service agency targeting clients primarily in Gothenburg, Sweden. The main purpose of the website is to showcase the agency's services, establish credibility, and encourage potential clients to reach out for consultations.

## CORE FEATURES
1. **Hero Section**: A visually engaging introduction with a strong headline, subheadline, and a prominent call-to-action button that encourages visitors to learn more or get in touch.
2. **Services Overview**: A section outlining the key services provided by the agency, each with a brief description and an icon for visual appeal.
3. **Testimonials**: A dedicated area featuring client testimonials to build trust and demonstrate the effectiveness of the agency's services.
4. **Contact Form**: A simple and accessible contact form for potential clients to reach out for inquiries or consultations.
5. **About Us**: A section that tells the agency's story, mission, and values to connect with the audience on a personal level.

## 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 consists of a full-width hero section at the top, followed by sections for services, testimonials, about us, and a contact form. Each section should have clear spacing and hierarchical organization to enhance readability and engagement.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not necessary for this landing page, as it will be primarily static content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: 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 UI components.
3. **Create Layout Components**: Develop reusable components for the header, footer, and each section (hero, services, testimonials, about us, contact).
4. **Implement Hero Section**: Create the hero section with a compelling headline, subheadline, and call-to-action button using the primary color.
5. **Develop Services Section**: Create a grid layout to display the services offered, including icons and brief descriptions.
6. **Add Testimonials Section**: Design a visually appealing testimonials section that showcases client feedback.
7. **Build About Us Section**: Write content for the about us section that reflects the agency's story and values.
8. **Create Contact Form**: Implement a simple contact form that collects user information and inquiries.
9. **Style and Responsiveness**: Use Tailwind CSS to ensure the website is responsive across different devices and screen sizes.
10. **Test and Launch**: Test the website for usability and functionality before launching it to the public.

## USER EXPERIENCE
The user experience should be smooth and intuitive, with clear navigation and accessible sections. Users can easily scroll through the hero, services, testimonials, about us, and contact sections. The contact form should be easy to fill out, encouraging conversion. Overall, the design should prioritize clarity and engagement, inviting potential clients to explore the agency's offerings.