# Rolle: Senior Tech Copywriter & React Developer
**Aufgabe:**
Optimiere die deutschen Texte innerhalb der unten angefügten React-Komponente. Das Ziel ist eine professionelle, vertrauenswürdige und fachlich präzise Ansprache für ein innovatives IT-Unternehmen.
**Tonalität & Stil (Professional & Expert):**
* **Souverän statt Werblich:** Vermeide reißerische Marketing-Sprache ("Punch", "Begeisterung"). Setze stattdessen auf nüchterne, aber überzeugende Fachexpertise.
* **Consultative Approach:** Der Text soll wirken wie eine Analyse auf Augenhöhe, nicht wie ein Verkaufsgespräch.
* **Modern & Aktiv:** Nutze starke Verben und klare Aussagen. Vermeide Passivkonstruktionen und leere Buzzwords.
* **Keywords:** Integriere den Aspekt "langjähriges Vertrauen" subtil an passender Stelle.
**Inhaltliche Anweisungen:**
1. **Entfernen:** Alle Sektionen oder Texte, die sich auf "Führung" (Leadership) oder das "Team" beziehen, müssen ersatzlos gestrichen werden (leere Strings oder null zurückgeben, ohne den Code zu brechen).
2. **Leistungsübersicht (Services):** Ersetze den bestehenden Text bei den Leistungen durch die untenstehenden Punkte (1-7). Formatiere diese als saubere HTML-Liste (`<ul>`, `<li>`), damit sie wie eine Checkliste wirken. Der Stil soll analytisch und präzise sein.
**Technische Restriktionen (STRENG):**
* **Code-Integrität:** Die JSX-Struktur, Komponentennamen, Props und `className`-Werte dürfen NICHT verändert werden. Nur die *Inhalte* (Strings/Text) werden angepasst.
* **Formatierung:**
* Konvertiere Markdown-Elemente (wie Aufzählungszeichen) direkt in valides HTML innerhalb der Strings (z.B. `<ul><li>Punkt</li></ul>` statt `* Punkt`).
* Nutze `<b>` oder `<strong>` für Hervorhebungen statt `**`.
* **WICHTIG:** Filtere alle Non-Breaking-Spaces (Unicode `\u00A0`) und ersetze sie durch normale Leerzeichen.
---
**Input-Daten für die "Leistungen" (Bitte fachlich schärfen und als HTML-Liste formatieren):**
1. **UI/UX & Usability:** Heuristische Evaluation (Nielsen, Cognitive Load), Analyse User Journeys (z.B. Nebenwirkungen, Lieferengpass), Mobile-First Check.
2. **Informationsarchitektur (IA):** Task- vs. Organisations-Zentrierung, Taxonomie, HTML-First Strategie (Content vs. PDF).
3. **Texte & Lesbarkeit:** Sprachstil, Flesch-Index, Plain Language, Zielgruppenadäquanz.
4. **Zukunftsfähigkeit (SEO & LLM):** E-E-A-T, LLM-Readiness (RAG-Optimierung), Schema.org, API-Potenziale.
5. **Accessibility:** WZG / WCAG 2.1/2.2 AA (technisch & kognitiv).
6. **Technik & Performance:** Core Web Vitals, CMS-Check, SSL, Error-Handling.
7. **Security & Rechtliches:** DSGVO/ePrivacy (Cookie Consent), OWASP Top 10 Checks, HTTP Security Headers.
---
**[HIER DEINEN REACT CODE EINFÜGEN]**