mirror of
https://github.com/tuna2134/cecilia.git
synced 2026-02-06 14:42:40 +00:00
31 lines
1.0 KiB
TypeScript
31 lines
1.0 KiB
TypeScript
const Header: React.FC = () => {
|
|
return (
|
|
<header className="border-b border-gray-200 bg-white shadow-sm">
|
|
<div className="mx-auto flex h-16 max-w-3xl items-center justify-between px-4">
|
|
<div className="flex items-center">
|
|
<h1 className="text-2xl font-bold">tuna2134</h1>
|
|
</div>
|
|
<nav className="flex space-x-4">
|
|
<a href="/" className="text-gray-700 hover:text-gray-900">
|
|
Home
|
|
</a>
|
|
<a
|
|
href="/about"
|
|
className="text-gray-700 hover:text-gray-900"
|
|
>
|
|
About
|
|
</a>
|
|
<a
|
|
href="/contact"
|
|
className="text-gray-700 hover:text-gray-900"
|
|
>
|
|
Blog
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
);
|
|
};
|
|
|
|
export default Header;
|