Initial commit

src/app/components/Navbar.js

@@ -0,0 +1,43 @@
+import Image from "next/image";
+import Link from 'next/link'
+import styles from "./Navbar.module.css";
+import logo from "../assets/logo.svg";
+import menu from "../assets/menu.svg";
+
+export default function Navbar() {
+  return (
+    <nav className={styles.navbar}>
+      <div className={`${styles.container} container shadow`}>
+        <div className={styles.header}>
+          <div>
+            <Link href="/">
+              <Image src={logo} width="32" height="32" alt="Logo" />
+            </Link>
+          </div>
+          <button className={styles.menuIcon} aria-label="Menu">
+            <Image src={menu} width="32" height="32" alt="Menu" />
+          </button>
+        </div>
+        <ul className={styles.links}>
+          <li>
+            <Link href="/" className={styles.active}>
+              Home
+            </Link>
+          </li>
+          <li>
+            <Link href="winners.html">Winners Podium</Link>
+          </li>
+          <li>
+            <a href="gallery.html">Gallery</a>
+          </li>
+          <li>
+            <a href="contact.html">Contact</a>
+          </li>
+          <li>
+            <a href="about.html">About</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+  );
+}