Athena/gso-landingpage
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace check symbol with SVG CheckIcon

Browse source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Athena 2026-04-30 22:38:07 +02:00
parent a94d8615dd
commit b2f290af3a
3 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/app/components/Icons.tsx
View file

@ -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) { export function ChatIcon({ className = "w-6 h-6" }: P) {
return ( return (
<svg className={className} {...s} viewBox="0 0 24 24"> <svg className={className} {...s} viewBox="0 0 24 24">

7
src/app/components/WeekTimeline.tsx
View file

@ -1,7 +1,7 @@
"use client"; "use client";
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
import { ClipboardIcon } from "./Icons"; import { ClipboardIcon, CheckIcon } from "./Icons";
interface Week { interface Week {
week: string; week: string;
@ -150,7 +150,10 @@ function WeekCard({ week, isLeft }: { week: Week; isLeft: boolean }) {
{week.vorlagen} {week.vorlagen}
</p> </p>
{/* Result */} {/* 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>
</div> </div>
); );

6
src/app/page.tsx
View file

@ -5,7 +5,7 @@ import {
CalendarIcon, GradCapIcon, UsersIcon, ClipboardIcon, CalendarIcon, GradCapIcon, UsersIcon, ClipboardIcon,
TargetIcon, LightbulbIcon, DocumentIcon, PhoneIcon, TargetIcon, LightbulbIcon, DocumentIcon, PhoneIcon,
VideoCameraIcon, HandshakeIcon, SearchIcon, MapPinIcon, VideoCameraIcon, HandshakeIcon, SearchIcon, MapPinIcon,
MapIcon, RocketIcon, PackageIcon, ChatIcon, MapIcon, RocketIcon, PackageIcon, ChatIcon, CheckIcon,
} from "./components/Icons"; } from "./components/Icons";
const CTA_HREF = "#platz-sichern"; 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"> <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> <p className="font-bold text-slate-900 text-base">Mein Versprechen an dich:</p>
<div className="flex items-start gap-3"> <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> <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>
<div className="flex items-start gap-3"> <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> <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> </div>
<p className="text-xs text-slate-500 italic">* Gilt wenn du aktiv teilgenommen und die wöchentlichen Aufgaben umgesetzt hast.</p> <p className="text-xs text-slate-500 italic">* Gilt wenn du aktiv teilgenommen und die wöchentlichen Aufgaben umgesetzt hast.</p>