mdares/ACVE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pending course, rest ready for launch

Browse Source
This commit is contained in:
Marcelo
2026-03-15 13:52:11 +00:00
parent be4ca2ed78
commit 62b3cfe467
77 changed files with 6450 additions and 868 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/(public)/case-studies/[slug]/page.tsx
View File

@@ -33,34 +33,40 @@ export default function CaseStudyDetailPage() {
<p className="text-sm font-semibold uppercase tracking-wide text-slate-500">{caseStudy.citation} ({caseStudy.year})</p>
<h1 className="mt-2 text-4xl font-semibold leading-tight text-[#1f2b3a] md:text-5xl">{caseStudy.title}</h1>
<div className="mt-3 flex flex-wrap items-center gap-2">
<span className="rounded-full border border-slate-300 bg-white px-3 py-1 text-xs font-semibold text-slate-700">Topic: {caseStudy.topic}</span>
<span className="rounded-full border border-slate-300 bg-white px-3 py-1 text-xs font-semibold text-slate-700">
Categoria: {caseStudy.category}
</span>
<span className="rounded-full border border-slate-300 bg-white px-3 py-1 text-xs font-semibold text-slate-700">
Dificultad: {caseStudy.difficulty}
</span>
<span className={`rounded-full px-3 py-1 text-xs font-semibold ${levelBadgeClass(caseStudy.level)}`}>Level: {caseStudy.level}</span>
</div>
</header>
<section className="grid gap-4 lg:grid-cols-[1.35fr_0.8fr]">
<div className="acve-panel p-5">
<h2 className="text-2xl font-semibold text-[#232b39]">Case Summary</h2>
<p className="mt-2 text-base leading-relaxed text-slate-700 md:text-lg">{caseStudy.summary}</p>
<h2 className="text-2xl font-semibold text-[#232b39]">Resumen del caso</h2>
<p className="mt-2 text-base leading-relaxed text-slate-700 md:text-lg">{caseStudy.summaryEs}</p>
<h3 className="mt-5 text-lg font-semibold text-[#232b39]">Reading Guide (Placeholder)</h3>
<ul className="mt-2 space-y-2 text-sm text-slate-700">
<li className="rounded-lg border border-slate-200 bg-white px-3 py-2">1. Identify the legal issue and the jurisdiction context.</li>
<li className="rounded-lg border border-slate-200 bg-white px-3 py-2">2. Highlight the key reasoning applied by the court.</li>
<li className="rounded-lg border border-slate-200 bg-white px-3 py-2">3. Extract practical implications for drafting or litigation.</li>
</ul>
<h3 className="mt-5 text-lg font-semibold text-[#232b39]">Resultado Juridico</h3>
<p className="mt-2 rounded-lg border border-slate-200 bg-white px-3 py-3 text-sm leading-relaxed text-slate-700">
{caseStudy.legalOutcomeEs}
</p>
</div>
<aside className="acve-panel p-5">
<h2 className="text-lg font-semibold text-[#232b39]">Key Legal Terms</h2>
<h2 className="text-lg font-semibold text-[#232b39]">Terminos Juridicos Fundamentales</h2>
<div className="mt-3 space-y-2">
{caseStudy.keyTerms.map((term, index) => (
<div key={term} className="rounded-xl border border-slate-200 bg-[#faf8f8] p-3">
<p className="text-base font-semibold text-brand">{term}</p>
<p className="mt-1 text-sm text-slate-600">Legal explanation block {index + 1}</p>
{caseStudy.keyTerms.map((term) => (
<div key={term.term} className="rounded-xl border border-slate-200 bg-[#faf8f8] p-3">
<p className="text-base font-semibold text-brand">{term.term}</p>
<p className="mt-1 text-sm text-slate-600">{term.definitionEs}</p>
</div>
))}
</div>
<p className="mt-4 inline-flex rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-slate-700">
{caseStudy.quizPrompt}
</p>
</aside>
</section>