diff --git a/components/Header.js b/components/Header.js index df6e99a..2b6c547 100644 --- a/components/Header.js +++ b/components/Header.js @@ -43,9 +43,6 @@ export default function Header() {
- - Contact -
- -
-
- {stats.map((stat, i) => ( - -
{stat.label}
-
{stat.value}
-
- ))} -
-
{/* ABOUT */} @@ -126,29 +115,6 @@ export default function Home() { - - {/* CONTACT */} -
-
- -

- 03 - Contact -

-

Have a system that needs to scale?

-

- I’m always happy to talk about backend architecture, interesting problems or new roles. My inbox is open. -

-
- - - {profile.email} - - -
-
-
-
); } diff --git a/styles/globals.scss b/styles/globals.scss index 852d3ad..db5df57 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -651,46 +651,13 @@ button { } } -// STATS -.stats { - display: grid; - grid-template-columns: repeat(3, 1fr); - margin-top: 96px; - border: 1px solid var(--border); - border-radius: var(--radius-lg); - background: var(--bg-elevated); - overflow: hidden; -} - -.stat { - display: flex; - flex-direction: column-reverse; - gap: 4px; - padding: 24px 28px; - - & + & { - border-left: 1px solid var(--border); - } -} - -.stat-value { - font-size: 2rem; - font-weight: 700; - letter-spacing: -0.04em; - line-height: 1.1; -} - -.stat-label { - font-family: var(--font-mono); - font-size: 0.75rem; - text-transform: uppercase; - letter-spacing: 0.08em; - color: var(--text-muted); -} - // SECTIONS .section { padding: 96px 0; + + & + & { + padding-top: 0; + } } .section-heading { @@ -831,52 +798,6 @@ button { margin-bottom: 16px; } -// CONTACT -.contact-card { - @extend .card-base; - position: relative; - overflow: hidden; - padding: 64px; - display: flex; - flex-direction: column; - align-items: flex-start; - gap: 20px; - background: - radial-gradient(80% 140% at 100% 100%, var(--accent-glow), transparent 60%), - var(--bg-elevated); - - &::before { - content: ''; - position: absolute; - inset: 0; - z-index: 0; - background-image: radial-gradient(var(--grid-dot) 1px, transparent 1px); - background-size: 20px 20px; - mask-image: linear-gradient(to left, #000, transparent 60%); - -webkit-mask-image: linear-gradient(to left, #000, transparent 60%); - } - - > * { - position: relative; - z-index: 1; - } -} - -.contact-title { - font-size: clamp(2rem, 4.5vw, 3.25rem); - font-weight: 700; - line-height: 1.05; - letter-spacing: -0.04em; - max-width: 16ch; -} - -.contact-lead { - font-size: 1.0625rem; - color: var(--text-muted); - max-width: 52ch; - margin-bottom: 8px; -} - // FOOTER .footer { border-top: 1px solid var(--border); @@ -1214,10 +1135,6 @@ button { border-radius: var(--radius-sm); } - .nav-cta { - display: none; - } - .nav-menu { display: inline-flex; } @@ -1230,18 +1147,6 @@ button { left: -16px; } - .stats { - margin-top: 72px; - } - - .stat { - padding: 20px 16px; - } - - .stat-value { - font-size: 1.5rem; - } - .section { padding: 72px 0; } @@ -1251,10 +1156,6 @@ button { grid-template-columns: 1fr; } - .contact-card { - padding: 36px 24px; - } - .footer-content, .rates-header { flex-direction: column;