next-enterprise/components/Header/index.tsx
2024-09-22 19:54:54 +05:30

26 lines
833 B
TypeScript

import Link from 'next/link';
import Image from "next/image";
const Header: React.FC = () => {
return (
<header className="bg-blue-500 flex justify-between items-center p-4">
<div className="left">
<Image src="/Group 1.png" alt="logo" width={100} height={100} />
</div>
<nav className="right">
<ul className="flex space-x-4">
<li><Link href="home">HOME</Link></li>
<li><Link href="about">ABOUT US</Link></li>
<li><Link href="programs">PROGRAMS</Link></li>
<li><Link href="curriculum">CURRICULUM</Link></li>
<li><Link href="admission">ADMISSION</Link></li>
<li><Link href="franchise">FRANCHISE</Link></li>
<li><Link href="blogs">BLOGS</Link></li>
</ul>
</nav>
</header>
);
};
export default Header;