

# Komplette Landing Page Neugestaltung

## Zusammenfassung
Die gesamte Landing Page wird mit neuem Copy und neuen Sektionen umstrukturiert, um eine klare Problem-Agitation-Solution (PAS) Struktur zu schaffen.

## Geplante Aenderungen

### 1. Hero-Sektion aktualisieren (`Hero.tsx`)

**Neue Inhalte:**
- **Subheadline:** "Wir digitalisieren, automatisieren und vernetzen Ihre gesamte Firma in einem einzigen System - damit Ihr Unternehmen wachsen kann, ohne dass Sie mehr arbeiten muessen."
- **Kurztext:** "Die meisten Unternehmen arbeiten mit zu vielen Tools, manuellen Prozessen und ineffizienten Ablaeufen. Wir ersetzen Chaos durch Struktur..."
- **CTA Buttons:** "Kostenlose Potenzialanalyse sichern" + "System-Demo anfordern"
- **Trust Line:** "Fuer Unternehmen, die nicht stehen bleiben wollen."

### 2. Neue Problem-Sektion erstellen (`ProblemSection.tsx`)

**Headline:** "Ihr Unternehmen sollte kein zweiter Vollzeitjob sein."

**Problempunkte:**
- Termine werden manuell koordiniert
- Kundenanfragen gehen unter
- Marketing bringt keine planbaren Ergebnisse
- Wichtige Informationen liegen verteilt in verschiedenen Tools

### 3. Neue Agitation-Sektion erstellen (`AgitationSection.tsx`)

**Headline:** "Mehr Arbeit darf nicht die einzige Antwort auf Wachstum sein."

**Text:** Fokus darauf, dass mehr Umsatz nicht automatisch mehr Stress bedeuten muss - es fehlen nur die richtigen Systeme.

### 4. Neue Solution-Sektion erstellen (`SolutionSection.tsx`)

**Headline:** "Wir bauen Unternehmen, die ohne ihre Besitzer funktionieren."

**Kernbotschaft:** Zentrale digitale Infrastruktur statt isolierter Einzelloesungen.

### 5. Values-Sektion umwandeln zu Core-Value-Sektion

**Headline:** "Alles, was Ihr Unternehmen braucht. In einem System."

**6 neue Bullet-Points:**
1. Digitale Kundenplattform
2. Automatisierte Prozesse
3. Intelligente Kundenkommunikation
4. Planbare Neukundengewinnung
5. Echtzeit-Analytics
6. Skalierbare Infrastruktur

### 6. Neue Differentiation-Sektion erstellen (`DifferentiationSection.tsx`)

**Headline:** "Warum Unternehmen zu uns wechseln."

(Inhalt kann spaeter erweitert werden)

### 7. Index.tsx anpassen

Neue Sektionsreihenfolge:
1. Header
2. Hero (aktualisiert)
3. Partners/Tools
4. ProblemSection (neu)
5. AgitationSection (neu)
6. SolutionSection (neu)
7. Values/CoreValue (aktualisiert)
8. DifferentiationSection (neu)
9. Services
10. ProjectShowcase
11. Process
12. Contact
13. Footer

---

## Technische Umsetzung

### Datei: `src/components/Hero.tsx`
- Hauptueberschrift beibehalten oder anpassen
- Subheadline und Kurztext ersetzen
- CTAs aendern zu "Kostenlose Potenzialanalyse sichern" und "System-Demo anfordern"
- Trust Line hinzufuegen

### Neue Datei: `src/components/ProblemSection.tsx`
```text
- Sektion mit rotem Faden-Design
- Headline + einleitender Text
- Liste der Schmerzpunkte mit Icons
- Abschlussstatement
```

### Neue Datei: `src/components/AgitationSection.tsx`
```text
- Emotionales Design mit Kontrast
- Headline + Fliesstext
- Betonung: "Erfolgreiche Unternehmen skalieren Prozesse. Nicht Arbeitsstunden."
```

### Neue Datei: `src/components/SolutionSection.tsx`
```text
- Positives, loesungsorientiertes Design
- Headline + Erklaerung der zentralen Infrastruktur
- Bullet Points fuer Vorteile
```

### Datei: `src/components/Values.tsx`
- Umbenennen der Inhalte zu den 6 neuen Features
- Icons anpassen (Users, Cog, MessageSquare, Target, BarChart, Layers)
- Neue Headline und Beschreibungen

### Neue Datei: `src/components/DifferentiationSection.tsx`
```text
- Vergleichs- oder USP-Darstellung
- Headline
- (Inhalt kann spaeter erweitert werden)
```

### Datei: `src/pages/Index.tsx`
- Neue Komponenten importieren
- Reihenfolge der Sektionen anpassen

