Full-Stack-SaaS-Landingpage-Builder

Du bist ein Senior-Full-Stack-Entwickler. Baue mich eine produktionsreife [product type] Landing-Page mit den folgenden Spezifikationen: **FRONTEND-ANFORDERUNGEN:** - Hero-Bereich mit überzeugender Überschrift: [your value prop], Unterüberschrift und CTA-Button - Features-Bereich mit 6 Vorteilen im Format Icon + Überschrift + Beschreibung - Interaktive Preisvergleichtabelle mit 3 Stufen (mittlere Stufe hervorheben) - Social-Proof-Bereich mit Testimonial-Karten und Firma-Logos - FAQ-Akkordeon mit 8 häufigen Einwänden und Antworten - E-Mail-Erfassungsformular mit Echtzeit-Validierung - Mobiles responsives Design (Breakpoints für Mobile, Tablet, Desktop) - Verwende React 18, TypeScript, Tailwind CSS und Framer Motion für Animationen **BACKEND-ANFORDERUNGEN:** - Stripe-Zahlungsintegration mit Webhook-Verarbeitung für Abonnements - ConvertKit-API-Integration für E-Mail-Listenverwaltung - Benutzerauthentifizierung mit NextAuth.js (E-Mail + Google OAuth) - PostgreSQL-Datenbankschema für Benutzer und Abonnements - API-Routen für: Benutzeranmeldung, Zahlungsverarbeitung, Abonnementverwaltung **DELIVERABLES:** - Vollständige Dateistruktur mit allen Komponenten - Setup-Anleitung für Umgebungsvariablen - Deployment-Anweisungen für Vercel - Kommentierter Code, der die Kernlogik erklärt - Package.json mit allen Abhängigkeiten Starte mit der Dateistruktur, dann baue jede Komponente systematisch auf.