export const STOIC_PRACTICES = [ { time: "Morning", title: "Set the day's intention", practice: "Read one short Stoic passage, identify the main challenge likely to test you today, and choose one virtue such as patience, courage, or discipline to practice on purpose.", quote: '"At dawn, when you have trouble getting out of bed, tell yourself: I have to go to work as a human being."', color: "from-amber-50 dark:from-amber-900/40 to-yellow-50 dark:to-yellow-900/40 border-amber-500", }, { time: "Midday", title: "Pause before reacting", practice: "When frustration, insult, or delay hits, separate the event from your judgment about it. Take one breath, name what is in your control, and respond instead of reacting.", quote: '"It is not things themselves that disturb us, but our judgments about them."', color: "from-blue-50 dark:from-blue-900/40 to-cyan-50 dark:to-cyan-900/40 border-blue-500", }, { time: "Evening", title: "Run the daily review", practice: "Journal briefly: what did you do well, where did emotion outrun reason, and what will you correct tomorrow? Stoic practice matures through honest repetition, not perfection.", quote: '"When the light has been removed and my wife has fallen silent, I examine my entire day and go back over what I have done and said."', color: "from-stone-50 dark:from-stone-900/40 to-slate-50 dark:to-slate-900/40 border-stone-500", }, { time: "Adversity", title: "Rehearse difficulty before it arrives", practice: "Use negative visualization to remember that plans can fail, people can disappoint you, and comfort can disappear. That mental rehearsal reduces panic and increases gratitude.", quote: '"We suffer more often in imagination than in reality."', color: "from-emerald-50 dark:from-emerald-900/40 to-green-50 dark:to-green-900/40 border-emerald-500", }, ];
export const FAQS = [ { question: "Is Stoicism about suppressing emotions?", answer: "No. Stoicism is about examining your judgments so emotions do not command you blindly. The aim is steadiness and clear action, not emotional numbness.", }, { question: "What Stoic book should I read first?", answer: "Many people begin with Marcus Aurelius's Meditations because it feels personal and accessible. Epictetus is excellent when you want the clearest explanation of control, discipline, and response.", }, { question: "How long should a daily Stoic routine take?", answer: "It can be brief. Five to ten minutes in the morning and another five minutes at night is enough to build consistency, as long as you actually apply the ideas during the day.", }, { question: "Can Stoicism fit with religion or other philosophies?", answer: "Usually yes. Stoicism is primarily a practical framework for conduct, attention, and self-command, so many people combine it with religious faith or other ethical traditions.", }, ];
<div class="min-h-screen bg-gray-50 py-12">
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="bg-gradient-to-r from-stone-700 to-stone-900 rounded-2xl px-8 py-12 text-white mb-10 shadow-xl">
<div class="flex items-center gap-3 mb-4">
<span class="text-4xl" aria-hidden="true">🏛️</span>
<span class="text-stone-300 text-sm font-semibold uppercase tracking-widest">Consciousness & Philosophy</span>
</div>
<h1 class="text-4xl font-bold mb-4 leading-tight">
How to Practice Stoicism Daily: A Modern Guide
</h1>
<p class="text-xl text-stone-200 max-w-3xl">
Morning routines, evening reviews, journaling practices, and core principles from Marcus Aurelius, Epictetus, and Seneca — applied to real modern life.
</p>
</div>
<div class="bg-white dark:bg-card rounded-2xl shadow-xl overflow-hidden p-8">
<div class="prose prose-lg max-w-none">
<section class="mb-12">
<h2 class="text-3xl font-bold text-gray-900 dark:text-foreground mb-6">
The Complete Daily Stoic Practice
</h2>
<p class="text-gray-700 dark:text-foreground mb-6">
Stoicism is not a belief system — it is a practice system. The ancient Stoics were not philosophers who sat in libraries; they were generals, emperors, and former slaves who used philosophy as a daily operating system for navigating difficulty.
</p>
<div class="space-y-6">
{STOIC_PRACTICES.map(p => (
<div key={p.time} class={`bg-gradient-to-r ${p.color} p-6 rounded-xl border-l-4`}>
<div class="flex items-center gap-2 mb-1">
<span class="text-xs font-bold bg-gray-800 text-white px-2 py-0.5 rounded">{p.time}</span>
<h3 class="text-xl font-semibold text-gray-900 dark:text-foreground">{p.title}</h3>
</div>
<p class="text-gray-700 dark:text-foreground mb-4">{p.practice}</p>
<blockquote class="border-l-2 border-gray-400 pl-4 italic text-gray-600 dark:text-gray-400 text-sm">{p.quote}</blockquote>
</div>
))}
</div>
</section>
<section class="mb-12">
<h2 class="text-3xl font-bold text-gray-900 dark:text-foreground mb-6">
The Three Essential Stoic Voices
</h2>
<div class="grid md:grid-cols-3 gap-6">
</div>
</section>
<section class="mb-12">
<h2 class="text-3xl font-bold text-gray-900 dark:text-foreground mb-6">Frequently Asked Questions</h2>
<div class="space-y-4">
{FAQS.map((faq, i) => (
<details key={i} class="bg-gray-50 dark:bg-gray-900/40 rounded-xl p-5 cursor-pointer group">
<summary class="font-semibold text-gray-900 dark:text-foreground list-none flex items-center justify-between gap-2">
<span>{faq.question}</span>
<span class="text-gray-400 group-open:rotate-45 transition-transform duration-200 text-xl leading-none">+</span>
</summary>
<p class="mt-3 text-gray-700 dark:text-foreground text-sm leading-relaxed">{faq.answer}</p>
</details>
))}
</div>
</section>
<section class="mb-8 bg-gradient-to-r from-stone-700 to-stone-900 rounded-xl p-8 text-white text-center">
<h2 class="text-2xl font-bold mb-3">Explore the Path of Consciousness</h2>
<p class="text-stone-300 mb-6 max-w-xl mx-auto">
Stoicism is one thread in a larger tapestry of conscious living. Continue the journey.
</p>
<div class="flex flex-wrap gap-3 justify-center">
<a href="/consciousness">
All Consciousness Articles →
</a>
<a href="/happiness">
The Happiness Path
</a>
</div>
</section>
<section class="mb-8">
<h2 class="text-xl font-bold text-gray-900 dark:text-foreground mb-4">Continue Learning</h2>
<div class="grid md:grid-cols-3 gap-4">
</div>
</section>
</div>
</div>
</div>
</div>