feat: added dockerfile and now following all lower case convention for folder naming

components/header.tsx

@@ -0,0 +1,26 @@
+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;