Navbar added

Author: mallo03

overload/src/app/components/NavBar.tsx

@@ -0,0 +1,31 @@
+// components/Navbar.tsx
+import Link from 'next/link';
+import Image from 'next/image';
+
+interface NavbarProps {
+  // You can add any additional props if needed
+}
+
+const Navbar: React.FC<NavbarProps> = () => {
+  return (
+    <nav className="flex justify-between items-center h-16 px-4 bg-white text-black">
+      <div className="flex items-center">
+        <Link href="/">
+            <Image className='bg-black rounded-full' src="/resources/realskull.jpg" alt="Skull Logo" width={40} height={40} />
+        </Link>
+        <Link href="/">
+            <span className='ml-2'>Home</span>
+        </Link>
+        <Link href="/course-rating">
+            <span  className='ml-2'>Course Rating</span>
+        </Link>
+      </div>
+      <div className="flex items-center">
+        {/* Add your profile picture icon */}
+        <img src="/profile-icon.png" alt="Profile Icon" className="w-8 h-8 rounded-full object-cover bg-black" />
+      </div>
+    </nav>
+  );
+};
+
+export default Navbar;

overload/src/app/course-details/[...courseCode]/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 import { useEffect, useState } from 'react';
 import ScaleModal from './ScaleModal';
+import Navbar from '@/app/components/NavBar';
 
 export default function Page({ params }: { params: { courseCode: string } }) {
   const [courseData, setCourseData] = useState({
@@ -29,6 +30,7 @@ export default function Page({ params }: { params: { courseCode: string } }) {
   }, [params.courseCode]);
 
   return (
+
     <div className="flex bg-black h-screen text-white px-28 py-20 justify-evenly gap-72">
       <div>
         <div className="text-4xl font-bold mb-10">{courseData.courseCode}</div>

overload/src/app/course-rating/page.tsx

@@ -1,9 +1,10 @@
 import React from 'react'
 import { SearchBar } from "../components/SearchBar"
-
+import Navbar from '../components/NavBar'
 export default function CourseRatingPage() {
   return (
     <div className="@apply bg-[#221f1f]">
+      <Navbar></Navbar>
       {/* <NavBar/> */}
       <h1 className="pt-20 font-sans text-5xl text-white font-semibold p-5 text-left px-20">OverLoad</h1>
       <SearchBar/>