Ich bin selbstständiger Organisationentwickler und Fachberater für Prävention, Intervention und Aufarbeitung sexualisierter Gewalt.
Generated Prompt
## APPLICATION OVERVIEW This project involves creating a landing page for a self-employed organizational developer and consultant specializing in prevention, intervention, and processing of sexual violence. The site will focus on providing clear information about services offered, maintaining a clean and professional aesthetic similar to the referenced websites. ## CORE FEATURES 1. **Hero Section**: A visually appealing introduction with a strong headline, subheadline, and a call-to-action (CTA) button that leads visitors to learn more about services. 2. **About Section**: A brief overview of the consultant's background, expertise, and mission statement to establish credibility and connect with visitors. 3. **Services Offered**: A clearly structured list of services provided, including short descriptions for each service to inform potential clients. 4. **Testimonials**: A section showcasing client feedback and success stories, enhancing trust and encouraging engagement. 5. **Contact Information**: An easy-to-use contact form for inquiries, along with alternative contact methods (email, phone) to facilitate communication. 6. **Footer**: Quick links to social media, privacy policy, and terms of service for comprehensive site navigation. ## 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-column structure for simplicity, with sections stacked vertically. Each section will be clearly defined with ample spacing and clear hierarchies in typography. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not required for this landing page ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Design Hero Section**: Create a responsive hero section with a compelling headline, subheadline, and CTA button styled with the primary color. 3. **Add About Section**: Implement the about section with a brief introduction and mission statement, ensuring adherence to the minimalist design. 4. **Develop Services Section**: List the services in a clear format, using cards or simple text blocks, styled consistently. 5. **Incorporate Testimonials**: Add a testimonial slider or section to display client feedback, ensuring it is visually distinct yet cohesive with the overall design. 6. **Create Contact Form**: Build a contact form that includes fields for name, email, message, and a submit button, styled in accordance with the design specifications. 7. **Finalize Footer**: Include relevant links in the footer, ensuring they are easy to find and navigate. ## USER EXPERIENCE The landing page will provide a seamless experience, guiding users from the hero section through the services offered to testimonials and finally to the contact form. Each section will be easy to navigate, with a consistent color scheme and typography that enhances readability. The design will be responsive, ensuring accessibility across various devices and screen sizes. The primary CTA will remain prominent throughout the page, encouraging potential clients to reach out for services.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
