Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a minimalist landing page for soswebsite.nl that embodies a modern aesthetic for 2026. The site will serve as a marketing platform to introduce the services offered, highlight key features, and encourage user engagement through a clear call to action. The design will prioritize user experience with a clean layout, focusing on easy navigation and accessibility.

## CORE FEATURES
1. **Hero Section:** A prominent introductory area featuring a catchy headline and a brief description of the website's purpose, alongside a strong call-to-action button.
2. **Features Showcase:** A section dedicated to highlighting the key services or features offered by soswebsite.nl, presented in a visually appealing format with icons and brief descriptions.
3. **Testimonials:** A space for user testimonials to build trust and credibility, showcasing positive feedback from clients.
4. **Contact Form:** An easy-to-use form allowing visitors to get in touch for inquiries or more information, ensuring it is straightforward and accessible.
5. **Footer Links:** Essential links to privacy policy, terms of service, and social media profiles to provide users with additional resources and ways to connect.

## 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 be structured in a single-column format for easy scrolling, with each section clearly defined and spaced to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework:** React with TypeScript
- **Styling:** Tailwind CSS
- **UI Components:** shadcn/ui
- **State Management:** React Context API (if needed for form handling or user interactions)

## IMPLEMENTATION STEPS
1. **Setup Project:** Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies:** Add Tailwind CSS and shadcn/ui to your project.
3. **Create Layout:** Develop the main layout components (Header, Hero, Features, Testimonials, Contact, Footer).
4. **Implement Hero Section:** Design the hero section with a catchy headline, a brief description, and a call-to-action button styled with the primary color.
5. **Create Features Section:** Use Tailwind CSS to create cards for each feature, incorporating icons and text.
6. **Add Testimonials Section:** Design a section for testimonials, ensuring it’s visually distinct and easy to read.
7. **Build Contact Form:** Implement a simple contact form with fields for name, email, and message, styled appropriately.
8. **Footer Implementation:** Add a footer with links to relevant pages and social media.
9. **Testing:** Test the landing page on multiple devices to ensure responsive design and user experience.
10. **Deployment:** Deploy the landing page using a hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will experience a seamless flow while navigating through the landing page. The hero section grabs their attention immediately, guiding them to explore features and read testimonials. The contact form encourages engagement, while the overall minimalist design ensures that no distractions hinder the user’s journey. The responsive layout will adapt beautifully across devices, maintaining usability and aesthetic appeal.