From b2f290af3aa19ad65a0bd2b4028461ea73349ae9 Mon Sep 17 00:00:00 2001
From: Athena <athena@market-compass.de>
Date: Thu, 30 Apr 2026 22:38:07 +0200
Subject: [PATCH] Replace check symbol with SVG CheckIcon

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/components/Icons.tsx        | 8 ++++++++
 src/app/components/WeekTimeline.tsx | 7 +++++--
 src/app/page.tsx                    | 6 +++---
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/app/components/Icons.tsx b/src/app/components/Icons.tsx
index 2e3f385..71263b2 100644
--- a/src/app/components/Icons.tsx
+++ b/src/app/components/Icons.tsx
@@ -129,6 +129,14 @@ export function PackageIcon({ className = "w-6 h-6" }: P) {
   );
 }
 
+export function CheckIcon({ className = "w-6 h-6" }: P) {
+  return (
+    <svg className={className} {...s} viewBox="0 0 24 24">
+      <path d="M4.5 12.75l6 6 9-13.5" />
+    </svg>
+  );
+}
+
 export function ChatIcon({ className = "w-6 h-6" }: P) {
   return (
     <svg className={className} {...s} viewBox="0 0 24 24">
diff --git a/src/app/components/WeekTimeline.tsx b/src/app/components/WeekTimeline.tsx
index 9bf083c..e968bb0 100644
--- a/src/app/components/WeekTimeline.tsx
+++ b/src/app/components/WeekTimeline.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import { ClipboardIcon } from "./Icons";
+import { ClipboardIcon, CheckIcon } from "./Icons";
 
 interface Week {
   week: string;
@@ -150,7 +150,10 @@ function WeekCard({ week, isLeft }: { week: Week; isLeft: boolean }) {
           {week.vorlagen}
         </p>
         {/* Result */}
-        <p className="text-sm font-semibold text-emerald-600">✓ {week.result}</p>
+        <p className="text-sm font-semibold text-emerald-600 flex items-start gap-1.5">
+          <CheckIcon className="w-4 h-4 flex-shrink-0 mt-0.5" />
+          {week.result}
+        </p>
       </div>
     </div>
   );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0ecee27..62b9fe5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import {
   CalendarIcon, GradCapIcon, UsersIcon, ClipboardIcon,
   TargetIcon, LightbulbIcon, DocumentIcon, PhoneIcon,
   VideoCameraIcon, HandshakeIcon, SearchIcon, MapPinIcon,
-  MapIcon, RocketIcon, PackageIcon, ChatIcon,
+  MapIcon, RocketIcon, PackageIcon, ChatIcon, CheckIcon,
 } from "./components/Icons";
 
 const CTA_HREF = "#platz-sichern";
@@ -408,11 +408,11 @@ export default function Home() {
             <div className="mc-card p-6 text-left space-y-3 border-emerald-200 bg-emerald-50">
               <p className="font-bold text-slate-900 text-base">Mein Versprechen an dich:</p>
               <div className="flex items-start gap-3">
-                <span className="w-5 h-5 rounded-full bg-emerald-500 flex items-center justify-center text-white text-xs flex-shrink-0 mt-0.5">✓</span>
+                <span className="w-5 h-5 rounded-full bg-emerald-500 flex items-center justify-center text-white flex-shrink-0 mt-0.5"><CheckIcon className="w-3 h-3" /></span>
                 <p className="text-slate-700 text-sm"><strong>14-Tage-Ausstiegsrecht</strong> — nach der ersten Session, ohne Fragen, voller Betrag zurück.</p>
               </div>
               <div className="flex items-start gap-3">
-                <span className="w-5 h-5 rounded-full bg-emerald-500 flex items-center justify-center text-white text-xs flex-shrink-0 mt-0.5">✓</span>
+                <span className="w-5 h-5 rounded-full bg-emerald-500 flex items-center justify-center text-white flex-shrink-0 mt-0.5"><CheckIcon className="w-3 h-3" /></span>
                 <p className="text-slate-700 text-sm"><strong>Kostenlose Verlängerung*</strong> — Ziel nicht erreicht nach 8 Wochen? Kostenlos um 4 Wochen verlängern.</p>
               </div>
               <p className="text-xs text-slate-500 italic">* Gilt wenn du aktiv teilgenommen und die wöchentlichen Aufgaben umgesetzt hast.</p>