import React, { useMemo, useState } from "react";
import { motion } from "framer-motion";
import {
ArrowRight,
BadgeCheck,
BookOpen,
Brain,
Calendar,
CheckCircle2,
CircleHelp,
Clock3,
Download,
HeartHandshake,
LayoutGrid,
MessageCircle,
PenSquare,
Sparkles,
Target,
} from "lucide-react";
import { Card, CardContent, CardHeader, CardTitle, CardDescription } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
import { Progress } from "@/components/ui/progress";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion";
import { Checkbox } from "@/components/ui/checkbox";
import { Badge } from "@/components/ui/badge";
import { Input } from "@/components/ui/input";
import { Textarea } from "@/components/ui/textarea";
const weeks = [
{
id: "w1",
label: "Woche 1",
title: "Warum dein Tag voll ist und das Wichtigste trotzdem liegen bleibt",
focus: "Verstehen, warum Überforderung meist aus fehlender Priorisierung entsteht und wie du wieder mehr Überblick gewinnst.",
learningGoals: [
"Du erkennst den Unterschied zwischen beschäftigt und wirksam.",
"Du verstehst, warum viele Menschen dringend mit wichtig verwechseln.",
"Du sammelst alle offenen privaten und beruflichen Aufgaben an einem Ort.",
],
lesson: [
"Viele Tage fühlen sich voll an, weil alles gleichzeitig Aufmerksamkeit verlangt.",
"Nicht jede Aufgabe ist gleich wichtig. Ohne Sortierung wirkt fast alles dringend.",
"Mehr Klarheit beginnt damit, alles aus dem Kopf auf eine Liste zu holen.",
],
tasks: [
"Schreibe mindestens 20 offene Punkte aus Privatleben und Beruf auf.",
"Markiere drei Dinge, die dir aktuell am meisten Energie ziehen.",
"Notiere, bei welchen Aufgaben du dich häufig verzettelst.",
],
impulse: "Frage dich ehrlich: Bin ich gerade produktiv oder nur beschäftigt?",
},
{
id: "w2",
label: "Woche 2",
title: "Die Eisenhower Matrix verstehen und richtig anwenden",
focus: "Die vier Felder verstehen und aus jeder Einordnung eine klare Handlung ableiten.",
learningGoals: [
"Du kennst die vier Felder der Eisenhower Matrix.",
"Du kannst Aufgaben nach wichtig und dringend unterscheiden.",
"Du leitest konkrete Entscheidungen aus jeder Kategorie ab.",
],
lesson: [
"Wichtig und dringend heißt sofort erledigen.",
"Wichtig, aber nicht dringend heißt bewusst einplanen.",
"Dringend, aber nicht wichtig heißt delegieren, bündeln oder begrenzen.",
"Weder wichtig noch dringend heißt reduzieren oder streichen.",
],
tasks: [
"Ordne deine Liste aus Woche 1 in die vier Felder ein.",
"Wähle drei Aufgaben aus dem wichtigen, aber nicht dringenden Bereich aus.",
"Plane diese drei Aufgaben verbindlich in deinen Kalender ein.",
],
impulse: "Das wertvollste Feld ist oft das, das am wenigsten laut ist.",
},
{
id: "w3",
label: "Woche 3",
title: "Die Methode im echten Alltag nutzen, privat und beruflich",
focus: "Die Matrix auf typische Alltagssituationen übertragen und in echte Entscheidungen umsetzen.",
learningGoals: [
"Du nutzt die Methode für Beruf, Familie, Haushalt, Termine und persönliche Ziele.",
"Du erkennst typische Zeitfresser schneller.",
"Du setzt Prioritäten klarer und ruhiger um.",
],
lesson: [
"Im Beruf hilft die Matrix, weniger im Reaktionsmodus zu arbeiten.",
"Im Privatleben schafft sie Übersicht bei Terminen, Gesundheit, Ordnung und Beziehungen.",
"Die Methode entfaltet ihren Wert erst dann, wenn du sie im echten Alltag anwendest.",
],
tasks: [
"Bearbeite ein Beispiel aus deinem Berufsalltag.",
"Bearbeite ein Beispiel aus deinem Privatleben.",
"Notiere drei Veränderungen, die du ab sofort umsetzen willst.",
],
impulse: "Klarheit zeigt sich nicht auf dem Papier, sondern in deinen Entscheidungen.",
},
{
id: "w4",
label: "Woche 4",
title: "Nachhaltige Umsetzung für mehr Struktur und innere Ruhe",
focus: "Eine einfache Routine aufbauen, damit die Methode dauerhaft im Alltag bleibt.",
learningGoals: [
"Du entwickelst deinen persönlichen Wochenrhythmus.",
"Du lernst, wichtige Themen fest einzuplanen.",
"Du reduzierst Unterbrechungen und unnötige Ablenkungen bewusst.",
],
lesson: [
"Gute Methoden verschwinden oft nicht wegen fehlender Qualität, sondern wegen fehlender Routine.",
"Schon wenige Minuten täglich reichen, um mit mehr Klarheit zu planen.",
"Struktur entsteht durch Wiederholung, nicht durch Perfektion.",
],
tasks: [
"Lege einen festen Moment für deine tägliche Prioritätenprüfung fest.",
"Plane deinen wöchentlichen Klarheitscheck für alle offenen Aufgaben.",
"Erstelle deinen persönlichen Plan mit Sofort, Einplanen und Reduzieren.",
],
impulse: "Mehr Ruhe entsteht, wenn nicht mehr alles gleichzeitig wichtig wirkt.",
},
];
const postingIdeas = [
{
title: "Vorankündigung",
text: "Im Mai startet in der Zeit und Ordnung Community der gratis Monatsworkshop zur Eisenhower Matrix. Ein starker Einstieg für mehr Klarheit im Alltag.",
},
{
title: "Problem aufzeigen",
text: "Dein Tag ist voll und trotzdem bleibt das Wichtigste liegen? Genau darum geht es im Workshop ab dem 04.05.2026.",
},
{
title: "Blick hinter die Kulissen",
text: "Jede Woche gibt es ein klares Modul, konkrete Aufgaben und direkte Umsetzung für Privatleben und Beruf.",
},
{
title: "Mitmachaufruf",
text: "Schreib mir eine DM mit deinem Warum und kommentiere unter dem Beitrag: Ich bin mit dabei.",
},
];
const quizQuestions = [
{
question: "Welche Aufgabe gehört meistens in das wichtigste Entwicklungsfeld?",
options: [
"Wichtige, aber nicht dringende Aufgaben",
"Weder wichtige noch dringende Aufgaben",
"Nur akute Feuerwehreinsätze",
],
correct: 0,
},
{
question: "Was ist oft der größte Denkfehler im Alltag?",
options: [
"Zu wenig Aufgaben zu haben",
"Dringend mit wichtig zu verwechseln",
"Zu früh zu planen",
],
correct: 1,
},
{
question: "Was solltest du mit dringenden, aber nicht wichtigen Aufgaben tun?",
options: [
"Sofort alles selbst erledigen",
"Ignorieren, obwohl Fristen laufen",
"Delegieren, bündeln oder begrenzen",
],
correct: 2,
},
];
const COMMUNITY_URL = "https://www.skool.com/smart-organisiert-3673/about";
const DM_URL = "#anmeldung";
const IMPRESSUM_URL = "https://bigcomputer.eu/rechtliche-informationen.html";
const DATENSCHUTZ_URL = "https://bigcomputer.eu/rechtliche-informationen.html";
const WEEK_DOWNLOADS = {
w1: "/downloads/handout-woche-1.pdf",
w2: "/downloads/handout-woche-2.pdf",
w3: "/downloads/handout-woche-3.pdf",
w4: "/downloads/handout-woche-4.pdf",
};
const fadeUp = {
hidden: { opacity: 0, y: 28 },
visible: { opacity: 1, y: 0 },
};
function FloatingIcon({ children, className = "", delay = 0 }) {
return (
{children}
);
}
function AnimatedCard({ children, delay = 0, className = "" }) {
return (
{children}
);
}
function SectionTitle({ icon: Icon, eyebrow, title, description }) {
return (
{eyebrow}
{title}
{description}
);
}
function ChecklistCard({ title, items, storageKey }) {
const [checked, setChecked] = useState(() => {
if (typeof window === "undefined") return items.map(() => false);
const raw = window.localStorage.getItem(storageKey);
return raw ? JSON.parse(raw) : items.map(() => false);
});
const toggle = (index) => {
const next = checked.map((value, i) => (i === index ? !value : value));
setChecked(next);
if (typeof window !== "undefined") {
window.localStorage.setItem(storageKey, JSON.stringify(next));
}
};
const progress = Math.round((checked.filter(Boolean).length / items.length) * 100);
return (
{title}{progress}% erledigt
{items.map((item, index) => (
))}
);
}
function QuizBox() {
const [answers, setAnswers] = useState(Array(quizQuestions.length).fill(null));
const [submitted, setSubmitted] = useState(false);
const score = useMemo(() => {
return answers.reduce((sum, answer, index) => {
return sum + (answer === quizQuestions[index].correct ? 1 : 0);
}, 0);
}, [answers]);
return (
Kurzer Lerncheck
Mit diesem kurzen Lerncheck kannst du dein Verständnis stärken und sehen, wie sicher du die Grundidee der Eisenhower Matrix schon anwenden kannst.
{quizQuestions.map((q, qIndex) => (
{submitted && (
Ergebnis: {score} von {quizQuestions.length}
)}
);
}
function ReflectionBox() {
const [why, setWhy] = useState("");
const [commentText, setCommentText] = useState("Ich bin mit dabei");
return (
Dein Start in den Monatsworkshop
So meldest du dich in der Zeit und Ordnung Community an und startest mit einer klaren Motivation in den gratis Monatsworkshop im Mai.