27 lines
690 B
TypeScript
27 lines
690 B
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
import Link from "next/link";
|
|
|
|
const Header: React.FC = () => {
|
|
return (
|
|
<header className="bg-blue-600 text-white p-4 shadow-md">
|
|
<div className="container mx-auto flex justify-between items-center">
|
|
<h1 className="text-xl font-bold">Template 1</h1>
|
|
<nav className="space-x-4">
|
|
<Link href="#" className="hover:underline">
|
|
Home
|
|
</Link>
|
|
<Link href="#" className="hover:underline">
|
|
Shop
|
|
</Link>
|
|
<Link href="#" className="hover:underline">
|
|
Cart
|
|
</Link>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
);
|
|
};
|
|
|
|
export default Header;
|