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

advance

Browse Source
This commit is contained in:
Marcelo
2026-02-17 00:07:00 +00:00
parent b7a86a2d1c
commit be4ca2ed78
92 changed files with 6850 additions and 1188 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
app/(public)/page.tsx Normal file → Executable file
View File

@@ -10,22 +10,22 @@ const highlights = [
export default function HomePage() {
return (
<div className="space-y-8">
<section className="acve-panel relative overflow-hidden p-6 md:p-10">
<div className="grid items-start gap-8 lg:grid-cols-[1.1fr_0.9fr]">
<div className="acve-page">
<section className="acve-panel relative overflow-hidden p-5 md:p-8">
<div className="grid items-start gap-6 lg:grid-cols-[1.15fr_0.85fr]">
<div>
<p className="acve-pill mb-5 w-fit text-base">
<p className="acve-pill mb-4 w-fit text-sm">
<span className="mr-2 text-accent">*</span>
Professional Legal Education
</p>
<h1 className="acve-heading text-4xl leading-[1.1] md:text-7xl">Learn English Law with Confidence</h1>
<p className="mt-5 max-w-2xl text-lg leading-relaxed text-slate-600 md:text-2xl">
<h1 className="acve-heading text-4xl leading-tight md:text-5xl">Learn English Law with Confidence</h1>
<p className="mt-3 max-w-2xl text-base leading-relaxed text-slate-600 md:text-lg">
Courses, case studies, and guided practice designed for Latin American professionals and students.
</p>
<ul className="mt-7 space-y-3">
<ul className="mt-5 grid gap-2 sm:grid-cols-2">
{highlights.map((item) => (
<li key={item} className="flex items-start gap-3 text-base text-slate-700 md:text-xl">
<span className="mt-1 flex h-7 w-7 items-center justify-center rounded-full border-2 border-accent text-base text-accent">
<li key={item} className="flex items-start gap-2 rounded-lg border border-slate-200 bg-white px-3 py-2 text-sm text-slate-700">
<span className="mt-0.5 flex h-5 w-5 items-center justify-center rounded-full border border-accent text-xs text-accent">
v
</span>
{item}
@@ -33,11 +33,11 @@ export default function HomePage() {
))}
</ul>
<div className="mt-8 flex flex-wrap gap-3">
<Link className="acve-button-primary px-8 py-3 text-lg font-semibold transition hover:brightness-105" href="/courses">
<div className="mt-6 flex flex-wrap gap-2">
<Link className="acve-button-primary px-6 py-2 text-sm font-semibold transition hover:brightness-105" href="/courses">
Start Learning
</Link>
<Link className="acve-button-secondary px-8 py-3 text-lg font-semibold transition hover:bg-brand-soft" href="/courses">
<Link className="acve-button-secondary px-6 py-2 text-sm font-semibold transition hover:bg-brand-soft" href="/courses">
Explore Courses
</Link>
</div>
@@ -47,29 +47,29 @@ export default function HomePage() {
<div className="overflow-hidden rounded-3xl border border-slate-300 bg-white shadow-sm">
<Image
alt="ACVE legal library"
className="h-[420px] w-full object-cover object-right md:h-[600px]"
className="h-[360px] w-full object-cover object-right md:h-[460px]"
height={900}
priority
src="/images/hero-reference.png"
width={700}
/>
</div>
<div className="absolute bottom-5 left-5 right-5 rounded-2xl border border-slate-300 bg-white px-5 py-4 shadow-sm">
<div className="absolute bottom-4 left-4 right-4 rounded-2xl border border-slate-300 bg-white px-4 py-3 shadow-sm">
<p className="text-sm font-semibold uppercase tracking-wide text-accent">AI</p>
<p className="text-xl font-semibold text-slate-800">Legal Assistant Ready</p>
<p className="text-base text-slate-500">Ask me anything about English Law</p>
<p className="text-lg font-semibold text-slate-800">Legal Assistant Ready</p>
<p className="text-sm text-slate-500">Ask me anything about English Law</p>
</div>
</div>
</div>
<div className="mt-10 grid gap-4 border-t border-slate-200 pt-7 text-center text-sm font-semibold uppercase tracking-wide text-slate-500 md:grid-cols-3">
<Link className="rounded-xl border border-slate-300 bg-white px-3 py-4 hover:border-brand hover:text-brand" href="/courses">
<div className="mt-6 grid gap-3 border-t border-slate-200 pt-5 text-center text-xs font-semibold uppercase tracking-wide text-slate-500 md:grid-cols-3">
<Link className="rounded-xl border border-slate-300 bg-white px-3 py-3 hover:border-brand hover:text-brand" href="/courses">
Browse courses
</Link>
<Link className="rounded-xl border border-slate-300 bg-white px-3 py-4 hover:border-brand hover:text-brand" href="/case-studies">
<Link className="rounded-xl border border-slate-300 bg-white px-3 py-3 hover:border-brand hover:text-brand" href="/case-studies">
Read case studies
</Link>
<Link className="rounded-xl border border-slate-300 bg-white px-3 py-4 hover:border-brand hover:text-brand" href="/practice">
<Link className="rounded-xl border border-slate-300 bg-white px-3 py-3 hover:border-brand hover:text-brand" href="/practice">
Practice and exercises
</Link>
</div>