33 lines
1.3 KiB
TypeScript
33 lines
1.3 KiB
TypeScript
import Link from "next/link";
|
|
|
|
export function Footer() {
|
|
return (
|
|
<footer className="border-t border-border/60 bg-surface/95">
|
|
<div className="mx-auto max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
|
|
<div className="flex flex-col items-center justify-between gap-4 sm:flex-row">
|
|
<div className="flex items-center gap-3">
|
|
<div className="flex h-8 w-8 items-center justify-center rounded-xl bg-gradient-to-br from-unit-1 via-unit-2 to-unit-3 shadow-[var(--shadow-sm)]">
|
|
<span className="text-xs font-extrabold text-white">C</span>
|
|
</div>
|
|
<div>
|
|
<p className="text-sm font-extrabold text-[#17367d]">Cabrits Mathematics</p>
|
|
<p className="text-xs text-[#4c6290]">Learn it. Try it. Master it.</p>
|
|
</div>
|
|
</div>
|
|
<nav className="flex items-center gap-5 text-sm font-semibold text-muted">
|
|
<Link href="/lessons" className="transition-colors hover:text-foreground">
|
|
Lessons
|
|
</Link>
|
|
<Link href="/practice" className="transition-colors hover:text-foreground">
|
|
Practice
|
|
</Link>
|
|
</nav>
|
|
<p className="text-xs font-medium text-muted">
|
|
Portsmouth Secondary School
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|