diff --git a/askeladd-dvm-marketplace/src/app/components/Navbar.tsx b/askeladd-dvm-marketplace/src/app/components/Navbar.tsx
new file mode 100644
index 0000000..7fd10d1
--- /dev/null
+++ b/askeladd-dvm-marketplace/src/app/components/Navbar.tsx
@@ -0,0 +1,40 @@
+"use client";
+
+import Link from 'next/link';
+import React, { useState } from 'react';
+const Navbar: React.FC = () => {
+  const [isOpen, setIsOpen] = useState(false);
+  return (
+    <nav className=" dark:bg-dark-purple w-full z-20 top-0 start-0 border-b border-gray-200 dark:border-gray-600">
+      <div className="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
+        <Link href="/" className="flex items-center space-x-3 rtl:space-x-reverse">
+          {/* <img src="/vercel.svg" className="h-8" alt="ASKELADD" width={50} height={50} /> */}
+          <span className="self-center text-md font-semibold whitespace-nowrap dark:text-white">ASKELADD</span>
+        </Link>
+        <div className="flex md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
+          <button
+            aria-expanded={isOpen}
+            onClick={() => setIsOpen(!isOpen)}  // Toggle the state on click
+            data-collapse-toggle="navbar-sticky" type="button" className="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-sticky">
+            <span className="sr-only">Open main menu</span>
+            <svg className="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
+              <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15" />
+            </svg>
+          </button>
+        </div>
+        {/* <div className={`items-center justify-between w-full md:flex md:w-auto md:order-1 ${isOpen ? 'flex' : 'hidden'}`} id="navbar-sticky"> */}
+
+        <div className={`items-center justify-between ${isOpen ? 'flex' : 'hidden'} w-full md:flex md:w-auto md:order-1`} id="navbar-sticky">   <ul className="flex flex-col p-4 md:p-0 mt-4 font-medium border border-gray-100 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
+          <li>
+            <Link href={"/config-marketplace"}
+              onClick={() => setIsOpen(!isOpen)}
+             className="text-white  focus:outline-none font-medium rounded-lg text-sm px-4 py-2 text-center dark:focus:ring-blue-800">DVM ZK Config</Link>
+          </li>
+        </ul>
+        </div>
+      </div>
+    </nav>
+  );
+};
+
+export default Navbar;
diff --git a/askeladd-dvm-marketplace/src/app/config-marketplace/page.tsx b/askeladd-dvm-marketplace/src/app/config-marketplace/page.tsx
index c9ac42f..2d69a70 100644
--- a/askeladd-dvm-marketplace/src/app/config-marketplace/page.tsx
+++ b/askeladd-dvm-marketplace/src/app/config-marketplace/page.tsx
@@ -179,8 +179,7 @@ export default function Home() {
         {isLoading ? "PROCESSING..." : "CONNECT"}
       </button>
 
-      {publicKey && publicKey != APPLICATION_PUBKEY_DVM ?
-        <div>
+      {/* <div>
           <div className="arcade-cabinet">
             <div className="cabinet-content">
               <div>
@@ -190,9 +189,11 @@ export default function Home() {
               </div>
             </div>
           </div>
-        </div>
+        </div> */}
+
+      {
 
-        : publicKey && publicKey == APPLICATION_PUBKEY_DVM &&
+        // : publicKey && publicKey == APPLICATION_PUBKEY_DVM &&
         <div className="arcade-cabinet">
           <div className="cabinet-content">
             <h1 className="text-4xl mb-4 text-center glitch neon-text" data-text="Askeladd DVM Arcade NIP-89">Askeladd DVM Marketplace</h1>
@@ -218,10 +219,10 @@ export default function Home() {
                   <p>Selected event: {appKind}</p>
                   <div className="mb-4 flex">
                     <button
-                      className={appKind == ASKELADD_KINDS.KIND_JOB_REQUEST && configKind == ConfigHandle.SPECIFIC_KIND ? "bg-green" : "bg"}
+                      className={appKind == ASKELADD_KINDS.KIND_JOB_REQUEST && configKind == ConfigHandle.SPECIFIC_KIND ? "bg-blue-500" : "bg"}
                       onClick={() => handleSetAppKindSpecific(ASKELADD_KINDS.KIND_JOB_REQUEST, ConfigHandle.SPECIFIC_KIND)}>ZK Job request</button>
                     <button
-                      className={appKind == ASKELADD_KINDS.KIND_JOB_RESULT && configKind == ConfigHandle.SPECIFIC_KIND ? "bg-green" : "bg"}
+                      className={appKind == ASKELADD_KINDS.KIND_JOB_RESULT && configKind == ConfigHandle.SPECIFIC_KIND ? "bg-blue-500" : "bg"}
                       onClick={() => handleSetAppKindSpecific(ASKELADD_KINDS.KIND_JOB_RESULT, ConfigHandle.SPECIFIC_KIND)}>ZK Job result</button>
                   </div>
                 </>
@@ -241,16 +242,8 @@ export default function Home() {
         </div>
       }
 
-
-
-      <button
-        className={`block mb-5 font-bold py-2 px-4 rounded bg-blue-500 hover:bg-blue-700 ${isLoading ? "opacity-50 cursor-not-allowed" : ""}`}
-        disabled={isLoading}
-        onClick={fetchEventsApp}>{events && events?.length ? "Refresh" : "Load"}</button>
-
-
       <div onClick={() => setOpenHowItWork(!openHowItWork)}
-        className="cursor-pointer my-5 p-5"
+        className="max-w-sm cursor-pointer my-5 p-1  m-1 whitespace-pre-line"
       >
         <p className="text-white">How the ASKELADD DVM ZK works?</p>
         {!openHowItWork &&
@@ -260,22 +253,30 @@ export default function Home() {
           <>
             <div>
               <p>As an User  </p>
-              <p className="text-white">User send a JOB_REQUEST with different params on the Nostr event:</p>
-              <p className="text-white">You need theses params on the Nostr event:</p>
+              <p className="text-white">User send a JOB_REQUEST with different params on the Nostr event.</p>
               <p className="text-white">It can change with all STWO Prover enabled on the Marketplace</p>
+              <p className="text-white mb-5">You need theses params on the Nostr event:</p>
+              <p>Inputs  </p>
+
               <p className="text-white">Request: {JSON.stringify({
                 "claim": "413300",
-                "log_size":"5"
+                "log_size": "5"
               })} &quot; The input of the Program</p>
-              <p className="text-white ">Tags: {`["param", "input_name", "value"]`} </p>
+              <p className="text-white ">Tags: {`[
+                ["param", "input_name", "value"] // The input of the Program
+              ]`} </p>
             </div>
             <button> Close </button>
           </>
         }
       </div>
 
-      <div className="text-left max-w-md">
+      <button
+        className={`block mb-5 font-bold py-2 px-4 rounded bg-blue-500 hover:bg-blue-700 ${isLoading ? "opacity-50 cursor-not-allowed" : ""}`}
+        disabled={isLoading}
+        onClick={fetchEventsApp}>{events && events?.length ? "Refresh" : "Load"}</button>
 
+      <div className="text-left max-w-md">
         <p className="text-center mb-5"> Existing Config of DVM</p>
         <p className="text-center text-white mb-1">Last config</p>
         {lastConfig &&
@@ -286,12 +287,9 @@ export default function Home() {
 
         <p className="block mb-1 font-bold py-2 px-4 "> By Event KIND enabled on ASKELADD (WIP)</p>
         <p className="block mb-5 text-md text-white px-4">  (5600, 6600 and more soon)</p>
-
         <p className="block mb-5 font-bold text-white px-4"> Admin config (WIP)</p>
         <p className="block mb-5 text-md text-white px-4">TODO</p>
-
         <p className="block mb-5 font-bold py-2 px-4"> Others config</p>
-
         <div className="grid sm:grid-cols-1 grid-cols-2 md:grid-cols-3 gap-4">{events?.map((event, i) => {
           return (
             <EventCard key={i} event={event}></EventCard>
diff --git a/askeladd-dvm-marketplace/src/app/layout.tsx b/askeladd-dvm-marketplace/src/app/layout.tsx
index bcbd364..df88e56 100644
--- a/askeladd-dvm-marketplace/src/app/layout.tsx
+++ b/askeladd-dvm-marketplace/src/app/layout.tsx
@@ -1,6 +1,7 @@
-import {  NostrProvider } from "@/context/NostrContext";
+import { NostrProvider } from "@/context/NostrContext";
 import "./globals.css";
 import { Inter } from "next/font/google";
+import Navbar from "./components/Navbar";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -17,8 +18,9 @@ export default function RootLayout({
   return (
     <html lang="en">
       <NostrProvider>
-        <body className={inter.className}>{children}</body>
-
+        <body className={inter.className}>
+          <Navbar></Navbar>
+          {children}</body>
       </NostrProvider>
     </html>
   );