From 2f093c129f345121eea947344f0839c581fa5176 Mon Sep 17 00:00:00 2001 From: Marco Date: Tue, 30 Jun 2026 22:39:37 +0000 Subject: [PATCH] feat: 7-Tage-Challenge detail page with hero, steps, benefits, testimonials, CTA --- app/challenge/page.tsx | 374 +++++++++++++++++++++++++++++++++++ public/challenge-content.jpg | Bin 0 -> 196381 bytes 2 files changed, 374 insertions(+) create mode 100644 app/challenge/page.tsx create mode 100644 public/challenge-content.jpg diff --git a/app/challenge/page.tsx b/app/challenge/page.tsx new file mode 100644 index 0000000..1570add --- /dev/null +++ b/app/challenge/page.tsx @@ -0,0 +1,374 @@ +import Link from "next/link"; +import { Footer } from "../components/Footer"; + +function IconEnvelope() { + return ( + + + + + ); +} + +function IconMailLines() { + return ( + + + + + + + + ); +} + +function IconNotepad() { + return ( + + + + + + + + + ); +} + +function IconCheckCircle() { + return ( + + + + + ); +} + +function Check() { + return ( + + + + ); +} + +function LockIcon() { + return ( + + + + + ); +} + +function ArrowRight() { + return ( + + + + ); +} + +const steps = [ + { + icon: , + title: "1. Anmelden", + desc: "Trage dich mit deiner E-Mail-Adresse ein und starte sofort.", + }, + { + icon: , + title: "2. E-Mail erhalten", + desc: "Du bekommst 7 Tage lang jeweils einen Impuls direkt in dein Postfach.", + }, + { + icon: , + title: "3. Umsetzen", + desc: "Setze die einfache Aufgabe in wenigen Minuten um – für mehr Klarheit und Fokus.", + }, + { + icon: , + title: "4. Dranbleiben", + desc: "Kleine Schritte führen zu großen Veränderungen – Tag für Tag.", + }, +]; + +const benefits = [ + { title: "Klarheit gewinnen", desc: "Sortiere deine Gedanken und erkenne, was wirklich zählt." }, + { title: "Fokus stärken", desc: "Richte deine Aufmerksamkeit auf das Wesentliche." }, + { title: "Struktur schaffen", desc: "Einfache Methoden für mehr Ordnung im Alltag." }, + { title: "Gewohnheiten aufbauen", desc: "Kleine Schritte, die langfristig Wirkung zeigen." }, + { title: "Gelassener leben", desc: "Weniger Stress, mehr Zeit für die Dinge, die dir wichtig sind." }, +]; + +const testimonials = [ + { + avatar: "/avatar-1.jpg", + quote: "„Die 7-Tage-Challenge hat mir geholfen, wieder klar zu sehen und mit kleinen Schritten wirklich etwas zu verändern.“", + name: "Sarah M.", + role: "Marketing Managerin", + }, + { + avatar: "/avatar-2.jpg", + quote: "„Kurz, konkret und unglaublich wirkungsvoll. Ich habe direkt mehr Fokus und weniger Druck im Kopf.“", + name: "Thomas K.", + role: "Selbständiger Berater", + }, + { + avatar: "/avatar-3.jpg", + quote: "„Endlich eine Challenge, die nicht überfordert, sondern genau die richtigen Impulse gibt – jeden Tag.“", + name: "Miriam L.", + role: "Projektleiterin", + }, +]; + +function EmailCapture({ buttonLabel = "Challenge starten" }: { buttonLabel?: string }) { + return ( +
+
+ + +
+

+ + Keine Werbung. Jederzeit abbestellbar. +

+
+ ); +} + +export default function ChallengePage() { + return ( + <> +
+ + {/* ── Hero ── */} +
+ + {/* Left: text + form */} +
+ + {/* Breadcrumb */} +

+ Startseite + › + 7-Tage-Challenge +

+ + {/* Headline */} +

+ 7 Tage.
+ Mehr Klarheit.
+ Weniger Stress. +

+ + {/* Subtitle */} +

+ Die 7-Tage-Challenge für deinen klaren Kopf und mehr Struktur im Alltag. +

+ + {/* Checklist */} +
    + {[ + "7 kurze Impulse – direkt in dein Postfach", + "Praktisch, umsetzbar und alltagstauglich", + "Für mehr Fokus, Ruhe und Klarheit", + ].map((item) => ( +
  • + + {item} +
    • + ))} +
+ + {/* Email form */} + +
+ + {/* Right: hero image with badge */} +
+ 7-Tage-Challenge + {/* Badge */} +
+

+ Jeden Tag ein neuer Impuls in deinem Postfach. +

+ + + + +
+
+ +
+ + {/* ── So funktioniert die Challenge ── */} +
+
+ +
+

+ So funktioniert die Challenge +

+

Jeden Tag ein Impuls. In nur wenigen Minuten.

+
+ +
+ {steps.flatMap((step, i) => [ +
+
+ {step.icon} +
+
+

{step.title}

+

{step.desc}

+
+
, + i < steps.length - 1 ? ( +
+ +
+ ) : null, + ])} +
+ +
+
+ + {/* ── Das erwartet dich ── */} +
+
+ +
+

+ Das erwartet dich +

+

7 Tage. 7 Impulse. Für mehr Klarheit in deinem Alltag.

+
+ +
+ + {/* Image */} +
+ Notizbuch +
+ + {/* Checklist */} +
    + {benefits.map((b) => ( +
  • + +
    +

    {b.title}

    +

    {b.desc}

    +
    +
    • + ))} +
+ +
+
+
+ + {/* ── Was andere sagen ── */} +
+
+ +

+ Was andere sagen +

+ +
+ {testimonials.map((t) => ( +
+

{t.quote}

+
+ {t.name} +
+

{t.name}

+

{t.role}

+
+
+
+ ))} +
+ +
+
+ + {/* ── Bottom CTA ── */} +
+
+
+ + {/* Left: icon + copy */} +
+
+ + + + +
+
+

+ Starte jetzt deine 7-Tage-Challenge +

+

+ Trage dich ein und erhalte ab sofort täglich einen Impuls für mehr Klarheit und Fokus. +

+
+
+ + {/* Right: form */} +
+ +
+ +
+
+
+ +
+