Feat: implement navbar (#269)

Author: Olowodarey

…nd/app/(marketing)/components/Navbar.tsx …nd/app/(marketing)/components/NavBar.tsxfrontend/app/(marketing)/components/Navbar.tsx renamed to frontend/app/(marketing)/components/NavBar.tsx frontend/app/(marketing)/components/Navbar.tsx renamed to frontend/app/(marketing)/components/NavBar.tsx

@@ -8,7 +8,7 @@ function Navbar() {
 
   return (
     <nav
-      className="bg-black relative z-50"
+      className="bg-[#000A0B] relative z-50"
       style={{ boxShadow: "0px 20px 25px 0px #000A0B" }}
     >
       <div className="flex justify-between items-center p-5 md:px-[50px]">

frontend/app/page.tsx

@@ -1,16 +1,17 @@
-import Navbar from "./(marketing)/components/Navbar";
 import HeroSection from "./(marketing)/components/HeroSection";
 import PredictionProtocol from "./(marketing)/components/PredictionProtocol";
 import Features from "./(marketing)/components/Features";
 import InstinctsToSignals from "./(marketing)/components/InstinctsToSignals";
 import FAQ from "./(marketing)/components/FAQ";
 import Footer from "./(marketing)/components/Footer";
+import NavBar from "./(marketing)/components/NavBar";
 
 export default function Home() {
   return (
     <div className="text-sm min-h-screen bg-[#001112]">
       <main className="w-screen overflow-x-hidden">
-        <Navbar />
+        {/* <Navbar /> */}
+        <NavBar />
         <HeroSection />
         <div className="relative space-y-10 lg:space-y-[150px] pt-[80px] lg:pt-[180px]">
           <img