Webklar/.lovable/plan.md

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

- Sektion mit rotem Faden-Design
- Headline + einleitender Text
- Liste der Schmerzpunkte mit Icons
- Abschlussstatement

Neue Datei: src/components/AgitationSection.tsx

- Emotionales Design mit Kontrast
- Headline + Fliesstext
- Betonung: "Erfolgreiche Unternehmen skalieren Prozesse. Nicht Arbeitsstunden."

Neue Datei: src/components/SolutionSection.tsx

- 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

- Vergleichs- oder USP-Darstellung
- Headline
- (Inhalt kann spaeter erweitert werden)

Datei: src/pages/Index.tsx

• Neue Komponenten importieren
• Reihenfolge der Sektionen anpassen