"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;