chore: modularize ui components

This commit is contained in:
Jesse Egbosionu
2025-12-01 22:57:12 +01:00
parent 5c22b9b844
commit c460ea27d4
8 changed files with 270 additions and 216 deletions
+32
View File
@@ -0,0 +1,32 @@
import Link from 'next/link';
export default function Header({ showNavLinks = true }) {
return (
<header className="header">
<nav className="navbar">
<div className="logo">
<Link href="/">
<span className="logo-text">JE</span>
</Link>
</div>
{showNavLinks && (
<div className="nav-links">
<Link href="/" className="nav-link">
Home
</Link>
<Link href="/rates" className="nav-link cta">
Rates
</Link>
</div>
)}
{!showNavLinks && (
<div className="nav-links">
<a href="mailto:me@jesseinit.dev" className="nav-link cta">
Get in touch
</a>
</div>
)}
</nav>
</header>
);
}