- Einsprachige (DE) Website mit Vite + React 18 + Tailwind.

Kurz für Kund:innen

- Einsprachige (DE) Website mit Vite + React 18 + Tailwind.

- Fokus: psychologische Beratung und NLP, klare Mailto-CTA.

- Inhalte: Home mit Hero, Highlights und Ansatz; About mit Methoden; Kontakt mit animiertem Hinweis; eigene Cookies/Datenschutz; 404-Fallback.

- Responsiv, schnell, optimierte WebP-Bilder, sticky Header, klare CTA-Buttons.

Was für den Start nötig ist

- `cd frontend && npm install && npm run build` (Output in `dist/`), anschließend statisch deployen.

- Für Text/Übersetzungen: `src/locales/de/*.ts` anpassen; Bilder in `src/assets/**`.

Zur Erweiterung: weitere Sprachen, echtes Kontaktformular mit API (react-query), ggf. erweitertes Cookies/Analytics-Banner.

Warum eine gute Investition

- Schnelle, mobil-optimierte Site, SEO-bereit mit Meta.

- Klare CTA zum Kontakt, wenig Ablenkung, einfache Inhaltsanpassung.

- Skalierbarkeit: I18n für mehr Sprachen, react-query für spätere API, schlanker Tailwind-Setup.

Inhaltsblöcke

- Home: Hero-Claim, CTA zum Kontakt, Highlights (Klarheit, Blockaden lösen, stabil entscheiden), „Mein Ansatz“ mit Benefits, Schritte und Erwartungen.

- About: Intro zu Michael (LSB an der ROK Akademie), Ziele, Offenheit für Austausch, NLP- und Kriseninterventions-Blöcke, Wirkungen der Methoden.

- Kontakt: Badge „Beratung & NLP“, animierte Notiz, Verfügbarkeit/Reaktionszeit, clientseitig zusammengesetzter Mailto-Link.

- Datenschutz / Cookies: statische Texte zum Studienprojekt, obfuskierte E-Mail.

- 404: spielerischer Text mit Button zurück zum Start.

Technische Verkaufsargumente

- Performance: statischer Vite-Build, wenig JS, lokale WebP-Assets, Lazy Images.

- UX/SEO: react-helmet-async für Title/Meta, I18nProvider für weitere Sprachen vorbereitet (aktuell DE), klare CTAs, simpler Cookie-Hinweis (nur technisch notwendig).

- Code: Alias `@` auf `src`, Struktur in pages/sections/components/locales/styles, react-query initialisiert für künftige API-Calls.

- Tests: Vitest + React Testing Library (Home, Contact Mailto).