feat: bare navbar

app.vue

@@ -1,6 +1,7 @@
 <script>
 import Backdrop from "./components/Backdrop.vue";
 import Footer from "./components/Footer.vue";
+import Navbar from "./components/Navbar.vue";
 </script>
 <style>
 body,
@@ -10,6 +11,7 @@ html {
 </style>
 <template>
   <div>
+    <Navbar />
     <Backdrop />
     <router-view />
     <Footer />

components/Footer.vue

@@ -7,7 +7,7 @@
         Made by Neon - Copyright {{ new Date().getFullYear() }}.
         <br />
         <br />
-        Freedom of speech is a fundamental human right.
+        Free speech & Privacy is a fundamental human right.
       </p>
     </aside>
     <nav>

components/Navbar.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="navbar bg-base-100 shadow-sm">
+    <div class="navbar-start">
+      <div class="dropdown">
+        <div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="h-5 w-5"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+          >
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+              d="M4 6h16M4 12h8m-8 6h16"
+            />
+          </svg>
+        </div>
+        <ul
+          tabindex="0"
+          class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow"
+        >
+          <li><a>Item 1</a></li>
+          <li><a>Item 3</a></li>
+        </ul>
+      </div>
+      <a class="btn btn-ghost text-xl">saahild.com</a>
+    </div>
+    <!-- <div class="navbar-center hidden lg:flex">
+     
+    </div> -->
+    <div class="navbar-end">
+      <ul class="menu menu-horizontal px-1 hidden lg:flex">
+        <li><a>Item 1</a></li>
+        <li><a>Item 3</a></li>
+      </ul>
+    </div>
+  </div>
+</template>