Feature: Landing-Konsolidierung (statischer Prototyp → Next.js)

Summary

• Der statische Prototyp work7-landingpage (Design-/Content-Source-of-Truth) wurde in das Next.js-landing-Surface portiert; die alte Homepage wurde vollständig ersetzt.
• Neuer Hero: animierte Agent-Karte <AgentDemo scenarios> (Typewriter → Denk-Indikator → Antwort, 3 Szenarien-Loop, pause-on-hover, prefers-reduced-motion-Fallback, sr-only-Alternative)
  • WhatsApp-Mockup als sekundärer Kanal-Nachweis.
• Pricing: 1.300 €/Jahr (Einzelunternehmer) + 4.000 €/Jahr (work7 Komplett), brutto, Jahres/Monats-Toggle (130/400 €), Addons +10 € mobile / +25 € Büro je Monat.

Entschieden (Klärfragen 2026-07-02)

• Kalender: Cal.com (Inline-Embed ohne npm-Dep, CALCOM_LINK; leer = Fallback-Hinweis), Demo 15 Min.
• Referenzen: „Pilotphase läuft" ohne Namen.
• Hosting öffentlich: allgemein „Hosting in der EU", AVV auf Anfrage (/hosting-sicherheit).
• Demo-Konto: NOCH NICHT verfügbar (Feedback 2026-07-02) — alle Demo-Konto-CTAs entfernt, einziger Einstieg ist „Demo buchen"; FAQ sagt „Demo-Konto in Vorbereitung".
• Datenmigration: Daten MÜSSEN migriert werden, aber der KI-Importer macht es easy — Botschaft überall „Datenimport mit KI-Hilfe" statt „keine Datenmigration" (Feedback 2026-07-02).
• Hero (Feedback 2026-07-02): Agent-Demo ist alleiniger Fokus, volle Viewport-Höhe (min-h-screen), kein WhatsApp-Mockup und kein Eyebrow-Chip mit Pulse-Dot im Hero („wirkt KI-generiert"); Monteur-Botschaft (Doku/Checklisten per WhatsApp ans Büro) in Subline.
• Integrationen: die 6 (M365, Google Workspace, SharePoint, OneDrive, Google Drive, Dropbox), neutral als „Anbindung" beworben (keine Sync-Richtung versprochen).
• Agent-Szenarien: Projekt anlegen, Umsatz-Sparring, Rapport→Rechnung + branchenspezifische Prompts auf den Gewerke-Seiten. Prompts orientieren sich an echten Agent-Capabilities (sales.project.create, sales.invoice.revenue_summary, sales.rapport.to_invoice).

Key Changes

• Design-Tokens: tailwind.config.ts → colors.w7.* (Brand-Grün #1F9E61/#0F5B3A, Dark #0E2B26, Paper/Line/Text), boxShadow.w7*, Keyframes w7Pulse/w7Blink/w7Caret/w7MsgIn/w7FadeUp. Fonts (Alexandria/Work Sans/JetBrains Mono) waren bereits über src/lib/fonts.ts eingebunden.
• Neue Komponenten (src/components/marketing/): AgentDemo, WaChat, ProductTabs, PricingSection, FaqList, MarketingFooter, CalBooking.
• Neue Seiten: /kontakt (Cal.com + ContactForm), /loesungen (Gewerke-Übersicht, ersetzt Redirect nach /solutions), /loesungen/[gewerk] (bau, elektro, shk, sanitaer, maler, tischler), /vergleiche/[slug] (plancraft, hero-software, tooltime, sage-50-handwerk), /hosting-sicherheit. Inhalte hardcoded in src/lib/marketing/site.ts (später CMS).
• SEO: Metadata pro Seite (canonical auf work7.net), JSON-LD auf / (Organization, SoftwareApplication, FAQPage), src/app/sitemap.ts, src/app/robots.ts, metadataBase + Title-Template im Root-Layout.
• Routing: site-surface.ts LANDING_ROUTE_PREFIXES + /kontakt, /vergleiche, /hosting-sicherheit; Tests in site-surface.test.ts erweitert.
• GA4: FrontendGaTag liest jetzt NEXT_PUBLIC_GA_MEASUREMENT_ID (ohne Env kein Script), gemäß feature-ga4-website-tracking.
• Navbar: Funktionen-Dropdown verlinkt auf Homepage-Anker, „Anwendungen"-Dropdown mit Gewerken + Vergleichen, Preise/FAQ-Links, „Demo buchen"-CTA.
• Assets: Integrations-SVGs → public/integrations/.
• Helm: CALCOM_LINK: "" in values-{dev,test,prod}.yaml (landing-Block) — Cal.com-Link eintragen, sobald Konto existiert.

Offene Punkte

• [ ] Cal.com-Konto anlegen und CALCOM_LINK in Helm-Values + .env.local setzen
• [ ] OG-Image: aktuell Logo-PNG; dediziertes 1200×630-OG-Bild ergänzen
• [ ] Gewerke-/Vergleichs-Inhalte später ins CMS heben (siehe 17-public-website-landing)
• [ ] landing.css wird weiterhin von auth/signin, impressum, datenschutz, FooterCTA genutzt — erst nach deren Migration entfernbar

Verwandte Notes

• 17-public-website-landing · adr-0001-landing-app-domain-split · feature-ga4-website-tracking