diff --git a/www/components/Nav/index.tsx b/www/components/Nav/index.tsx
index 7c75449fe11..e1db27b483c 100644
--- a/www/components/Nav/index.tsx
+++ b/www/components/Nav/index.tsx
@@ -63,7 +63,7 @@ const Nav = (props: Props) => {
       <a
         key={`solution_${idx}`}
         href="#"
-        className="-m-3 p-3 flex flex-col justify-between rounded-lg hover:bg-gray-50 transition ease-in-out duration-150"
+        className="-m-3 p-3 my-2 flex flex-col justify-between rounded-lg hover:bg-gray-50 dark:hover:bg-dark-600 transition ease-in-out duration-150"
       >
         {content}
       </a>
@@ -215,13 +215,13 @@ const Nav = (props: Props) => {
         leaveFrom="opacity-100 translate-y-0"
         leaveTo="opacity-0 translate-y-1"
       >
-        <div className="p-4 md:p-8 h-full h-screen fixed bg-white transform lg:hidden overflow-y-scroll -inset-y-0 z-50 dark:bg-dark-400">
+        <div className="p-4 md:p-8 h-full h-screen fixed bg-white transform lg:hidden overflow-y-scroll -inset-y-0 z-50 dark:bg-dark-700">
           <div className="absolute right-4 top-4 items-center justify-between">
             <div className="-mr-2">
               <button
                 onClick={() => setOpen(false)}
                 type="button"
-                className="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brand-500 dark:bg-dark-400"
+                className="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brand-500 dark:bg-dark-800"
               >
                 <span className="sr-only">Close menu</span>
 
@@ -247,7 +247,7 @@ const Nav = (props: Props) => {
           <div className="mt-6 mb-12">
             <div className="pt-2 pb-4 space-y-1">
               <a
-                href="#"
+                href="https://app.supabase.io?auth=signin"
                 className="block pl-3 pr-4 text-base font-medium text-gray-600 dark:text-white"
               >
                 Sign in
@@ -255,26 +255,26 @@ const Nav = (props: Props) => {
             </div>
             <div className="pt-2 pb-4 space-y-1">
               <a
-                href="#"
-                className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 dark:text-white"
+                href="https://supabase.io/docs"
+                className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 dark:hover:bg-dark-600 hover:border-gray-300 dark:text-white"
               >
                 Product
               </a>
               <a
-                href="#"
-                className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 dark:text-white"
+                href="https://supabase.io/docs"
+                className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 dark:hover:bg-dark-600 hover:border-gray-300 dark:text-white"
               >
                 Developers
               </a>
               <a
-                href="#"
-                className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 dark:text-white"
+                href="https://supabase.io/docs"
+                className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 dark:hover:bg-dark-600 hover:border-gray-300 dark:text-white"
               >
                 Company
               </a>
               <a
-                href="#"
-                className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 dark:text-white"
+                href="https://supabase.io/pricing"
+                className="block pl-3 pr-4 py-2 text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 dark:hover:bg-dark-600 hover:border-gray-300 dark:text-white"
               >
                 Pricing
               </a>