Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
The project is a landing page for www.weardrop.de, focusing on providing an enhanced web presence for various industries. The purpose is to expand the current offerings, improve text and graphics, establish effective call-to-actions, and enhance the contact form for better user engagement.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a catchy tagline and a prominent call-to-action button that encourages users to explore services.
2. **Industry Sections**: Dedicated segments for each industry (Handwerk & Bau, Teamsport & Fitness, Schulen & Gruppen, Gastronomie & Hotellerie, Medizin & Pflege, Automotive & Motorsport) showcasing relevant services and graphics.
3. **Improved Text Content**: Professionally written content that clearly communicates the value of each service offered, tailored to each industry.
4. **Graphics Integration**: Eye-catching graphics and images that complement the text, enhancing visual appeal and engagement.
5. **Call-to-Action Buttons**: Strategically placed buttons throughout the site to guide users towards booking, inquiries, or further information.
6. **Contact Form**: A user-friendly form for inquiries, improved for ease of use and accessibility.

## 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**: A single-page layout with sections for the hero, industries, improved text content, graphics, calls-to-action, and a contact form, ensuring visual flow and coherence.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not specified, can be managed using React's built-in state or context API as necessary.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and components.
3. **Build Layout**: Create the main layout structure with sections for the hero, industries, text content, graphics, CTAs, and contact form.
4. **Design Hero Section**: Implement the hero section with a compelling background, text, and CTA button styled with the primary color.
5. **Develop Industry Sections**: Create individual sections for each industry, incorporating tailored text and relevant graphics.
6. **Enhance Call-to-Action**: Place CTA buttons strategically throughout the page to drive user engagement.
7. **Implement Contact Form**: Design an easy-to-use contact form with necessary fields and validation.
8. **Refine Styles**: Use Tailwind CSS to ensure consistent styling across all components in line with the design specifications.
9. **Test Responsiveness**: Ensure the layout is responsive and works well on various devices and screen sizes.
10. **Deploy**: Once complete, deploy the landing page to a hosting platform of choice.

## USER EXPERIENCE
Users will first encounter the hero section, capturing their attention with a strong visual and message. As they scroll, they will find informative sections for each industry, enhanced by engaging graphics. Clear call-to-action buttons will guide users towards making inquiries or exploring further. Finally, the contact form will provide a seamless way for users to reach out with questions or requests, ensuring a smooth interaction throughout the site.
```