- Neue BonusCards.tsx Komponente mit Flip-Mechanismus
- Vorderseite: kleines dezentes Icon oben + großer fetter Titel als Hauptelement
- Rückseite: Indigo/Violet Gradient + Detailbeschreibung
- FlipCards-Heading: "Transformation/Kennst du das?" → "Ergebnisse/Diese Ergebnisse kannst du vom Programm erwarten"
- Bonus-Heading: neu mit "HEUTE" + Subzeile
- Unused Icon-Imports aus page.tsx entfernt
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- 4 echte Bewertungen: Varvara Beloussova, Anke Rühle-Metz, Onlinewerbevideo, Ines Thiele-Seidel
- Varvara als Featured-Karte (volle Breite) + 3er-Grid für die anderen
- Reviewer-Fotos als runde Avatare (public/testimonials/)
- Heading und Subtext ohne "Katja" — Market Compass Branding
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Replace generic "Kennst du das?" with topic-specific labels per card
- Topics: Positionierung, Content-Plan, Verkaufsseite, Vertrieb, SEO & Google, Video & Social Media
- Remove Marketing/Vertrieb card, add Verkaufsseite card
- Update card 1 copy to focus on application over theory
- Update card 6 to video/content creation focus
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- MountainClimb: mobile SVG viewport now follows the person (pan/zoom)
- MountainClimb: restored desktop SVG, removed card-only mobile fallback
- page.tsx: inline styles for all text in mc-dark-bg sections (white)
- page.tsx: remove "Nur noch 8 frei" badge
- page.tsx: fix negative copy ("kein neues Wissen") → positive umsetzungsfokus
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- MountainClimb: SVG stick figure climbs 11-step mountain, text card above head each step, flag + bounce at summit, IntersectionObserver auto-start, mobile numbered list fallback
- Replace static content grid with MountainClimb animation
- Add mc-fade-in + mc-bounce keyframes to globals.css
- Typography: IconCard title text-sm→text-base, IconCard sub text-xs→text-sm
- Bonus card title text-sm→text-base, desc text-xs→text-sm
- FAQ answers text-sm→text-base
- WeekTimeline card title text-base→text-lg
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Vorherige CSS-Klassen wurden von Tailwind v4 nicht korrekt verarbeitet.
Alle 3D-Properties (perspective, transformStyle, backfaceVisibility,
transform) jetzt als React Inline-Styles gesetzt.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- WeekTimeline Client-Component mit IntersectionObserver
- Woche 1,3,5,7 erscheint von links — Woche 2,4,6,8 von rechts
- Vertikale Gradient-Linie in der Mitte (indigo → violet)
- Nummerierter Dot auf der Linie pro Woche
- Modul-Divider (1/2/3) als animierte Trennelemente
- CSS-Transitionen: opacity + translateX, 0.6s ease
- Expert-Badges auf den Karten (Can, Stefan & Philipp, Manuela)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Heller Lavendel-Hintergrund (MC CI wie mc-it-website.vercel.app)
- Indigo/Violet Gradient für Buttons + Headlines (MC CI)
- Hero: NUR Headline + Subline + CTA — kein Wall of Text
- Video-Placeholder direkt unter dem Hero (mit Katja-Foto als Preview)
- Nach 8 Wochen: 2x4 Icon-Kacheln
- Meet the Coach: echtes Foto von Katja (katja-1.jpg) + Bio rechts
- Module: Thumbnail-Cards mit Video-Preview-Bereich
- Dark Sections: Nav, CTA-Strip, Footer (MC CI dark)
- Katjas echte Fotos in /public/katja/ eingebunden
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Full 13-section Next.js 16 landing page for "Das 8-Wochen Kundengewinnungs-System für Selbstständige". Built with pnpm, Tailwind CSS v4, TypeScript. Dark theme with MC brand gradient (blue #3B82F6 → purple #8B5CF6). All content from v5 text.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
