diff --git a/src/App.vue b/src/App.vue
index bc04e92..484845c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,8 +1,15 @@
 <template>
-  <div class="min-h-screen flex flex-col" style="gap: 4rem;"><!-- Main application wrapper -->
-    <nav>
-      <RouterLink to="/">Home</RouterLink>
-      <RouterLink to="/resources">Resources</RouterLink>
+  <div class="min-h-screen flex flex-col"><!-- Main application wrapper -->
+    <nav class="navbar" role="navigation" aria-label="main navigation">
+      <div class="navbar-brand">
+        <RouterLink class="navbar-item has-text-weight-bold" to="/">Viossa.net</RouterLink>
+      </div>
+      <div class="navbar-menu">
+        <div class="navbar-start">
+          <RouterLink class="navbar-item" to="/">What is Viossa?</RouterLink>
+          <RouterLink class="navbar-item" to="/resources">Resources</RouterLink>
+        </div>
+      </div>
     </nav>
     <RouterView />
   </div>
@@ -10,5 +17,4 @@
 
 <script setup lang="ts">
 import './assets/style.scss'
-import 'bulma/css/bulma.css'
 </script>