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();
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="grid gap-4 lg:grid-cols-2">
<a
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"
>
<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">
View Selected Work →
View Work →
</span>
</a>
@@ -34,14 +33,13 @@ export function ClosingCta() {
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"
>
<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">
Start a Conversation →
Send Signal →
</span>
</a>
</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">
<p className="section-label mb-4">Sections</p>
<ul className="grid gap-3 font-mono text-xs uppercase tracking-[0.14em] text-blacksite-muted">
@@ -74,15 +72,11 @@ export function ClosingCta() {
))}
</ul>
</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 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>
</footer>