feat: binary glow effects, refined drawings and calls to action

Dark surfaces now carry light: frames glow along their edge and shed binary
digits (BitAura), dark sections open with a lit seam (BitSeam), the career
path is a line of light and "My work" became a dark stage. Buttons carry a
travelling light and a spot that follows the pointer (BitGlow).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-04 13:07:09 +02:00
co-authored by Claude Opus 5.5
parent e9f05b02fc
commit e89a248ca5
21 changed files with 1532 additions and 606 deletions
+9 -2
View File
@@ -1,6 +1,8 @@
import * as React from "react";
import { Reveal } from "@/src/components/Reveal";
import { EmailLink } from "@/src/components/EmailLink";
import { BitAura } from "@/src/components/bits/BitAura";
import { BitSeam } from "@/src/components/bits/BitSeam";
import { BitHeadline, type BitLine } from "./BitHeadline";
import { ContactComposer } from "./ContactComposer";
@@ -13,7 +15,8 @@ const CLOSING: readonly BitLine[] = [
export const ClosingCta: React.FC = () => (
<section
id="contact"
className="relative border-t border-slate-200 bg-slate-900 text-white"
data-glow
className="relative overflow-clip border-t border-slate-200 bg-slate-900 text-white"
>
<div
className="pointer-events-none absolute inset-0 opacity-70"
@@ -23,6 +26,8 @@ export const ClosingCta: React.FC = () => (
}}
aria-hidden="true"
/>
<div className="bit-glow bit-glow-dots" aria-hidden="true" />
<BitSeam />
<div className="relative mx-auto grid w-full max-w-[1400px] grid-cols-1 gap-14 px-5 py-24 md:px-12 md:py-40 lg:grid-cols-12 lg:items-center lg:gap-12">
<Reveal className="lg:col-span-6">
<BitHeadline
@@ -40,7 +45,9 @@ export const ClosingCta: React.FC = () => (
</div>
</Reveal>
<Reveal delay={0.15} className="lg:col-span-6">
<ContactComposer />
<BitAura source="around" tone="dark">
<ContactComposer />
</BitAura>
</Reveal>
</div>
</section>