feat(ui): polish homepage layout and component refinements

Reorder homepage sections (journey above projects), refine component
styles, update copy and data across projects, timeline, and homelab.
This commit is contained in:
lerko96
2026-04-19 20:25:42 -04:00
parent 8e9fcfaeeb
commit d3972fb760
14 changed files with 397 additions and 218 deletions

View File

@@ -15,7 +15,7 @@ export default function Nav() {
const { isDark, toggle } = useTheme();
return (
<header className="sticky top-0 z-50 bg-[var(--color-surface)] border-b border-[var(--color-border)]">
<nav className="max-w-[740px] mx-auto px-8 h-11 flex items-center justify-between">
<nav className="max-w-[740px] mx-auto px-4ch h-11 flex items-center justify-between">
<Link
href="/"
className="font-mono text-sm font-bold text-[var(--color-text)] hover:text-[var(--color-text-label)]"
@@ -23,7 +23,7 @@ export default function Nav() {
~/
</Link>
<ul className="flex items-center gap-6">
<ul className="flex items-center gap-2ch">
{links.map(({ href, label }) => {
const active =
pathname === href || pathname === href.replace(/\/$/, "");