marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

footer: drop build credits, tighten ctas

Browse Source
This commit is contained in:
kbot
2026-07-06 21:53:15 -05:00
parent 709278e649
commit 41cfccda2a
1 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
components/portfolio/ClosingCta.tsx
View File

@@ -17,16 +17,15 @@ export function ClosingCta() {
const year = new Date().getFullYear(); const year = new Date().getFullYear();
return ( return (
<footer className="border-t border-blacksite-line bg-blacksite-bg px-4 py-16 text-blacksite-text sm:px-6 lg:px-8"> <footer className="border-t border-blacksite-line bg-blacksite-bg px-6 py-20 text-blacksite-text sm:px-8 sm:py-24 lg:px-12">
<div className="mx-auto max-w-7xl"> <div className="mx-auto max-w-7xl">
<div className="grid gap-4 lg:grid-cols-2"> <div className="grid gap-4 lg:grid-cols-2">
<a <a
href="#work" href="#work"
className="group min-h-52 border border-blacksite-line bg-blacksite-surface p-6 transition-colors hover:border-signal-orange/70 focus-visible:outline-signal-orange sm:p-8" className="group min-h-52 border border-blacksite-line bg-blacksite-surface p-6 transition-colors hover:border-signal-orange/70 focus-visible:outline-signal-orange sm:p-8"
> >
<p className="section-label mb-12">CTA /.01</p>
<span className="font-display text-4xl font-semibold tracking-[-0.04em] text-blacksite-text transition-colors group-hover:text-signal-orange sm:text-6xl"> <span className="font-display text-4xl font-semibold tracking-[-0.04em] text-blacksite-text transition-colors group-hover:text-signal-orange sm:text-6xl">
View Selected Work → View Work →
</span> </span>
</a> </a>
@@ -34,14 +33,13 @@ export function ClosingCta() {
href={`mailto:${contact.email}`} href={`mailto:${contact.email}`}
className="group min-h-52 border border-blacksite-line bg-blacksite-surface p-6 transition-colors hover:border-signal-orange/70 focus-visible:outline-signal-orange sm:p-8" className="group min-h-52 border border-blacksite-line bg-blacksite-surface p-6 transition-colors hover:border-signal-orange/70 focus-visible:outline-signal-orange sm:p-8"
> >
<p className="section-label mb-12">CTA /.02</p>
<span className="font-display text-4xl font-semibold tracking-[-0.04em] text-blacksite-text transition-colors group-hover:text-signal-orange sm:text-6xl"> <span className="font-display text-4xl font-semibold tracking-[-0.04em] text-blacksite-text transition-colors group-hover:text-signal-orange sm:text-6xl">
Start a Conversation → Send Signal →
</span> </span>
</a> </a>
</div> </div>
<div className="mt-8 grid gap-8 border border-blacksite-line bg-blacksite-surface2/35 p-6 sm:grid-cols-2 lg:grid-cols-[1fr_1fr_1fr_1.2fr] lg:p-8"> <div className="mt-8 grid gap-8 border border-blacksite-line bg-blacksite-surface2/35 p-6 sm:grid-cols-2 lg:grid-cols-3 lg:p-8">
<nav aria-label="Footer sections"> <nav aria-label="Footer sections">
<p className="section-label mb-4">Sections</p> <p className="section-label mb-4">Sections</p>
<ul className="grid gap-3 font-mono text-xs uppercase tracking-[0.14em] text-blacksite-muted"> <ul className="grid gap-3 font-mono text-xs uppercase tracking-[0.14em] text-blacksite-muted">
@@ -74,15 +72,11 @@ export function ClosingCta() {
))} ))}
</ul> </ul>
</nav> </nav>
<div>
<p className="section-label mb-4">Build</p>
<p className="font-mono text-xs uppercase leading-6 tracking-[0.14em] text-blacksite-muted">
Next.js · Tailwind · deployed from out/
</p>
<p className="mt-4 font-mono text-xs uppercase tracking-[0.14em] text-blacksite-muted">© {year}</p>
<p className="mt-6 font-mono text-xs uppercase tracking-[0.14em] text-blacksite-muted">⌘K opens command index</p>
</div> </div>
<div className="mt-6 flex flex-wrap items-center justify-between gap-4 font-mono text-xs uppercase tracking-[0.14em] text-blacksite-muted">
<p>© {year}</p>
<p>⌘K</p>
</div> </div>
</div> </div>
</footer> </footer>