diff --git a/frontend/src/main.rs b/frontend/src/main.rs
index 4ca411e..64eb8ca 100644
--- a/frontend/src/main.rs
+++ b/frontend/src/main.rs
@@ -2,8 +2,19 @@ use yew::prelude::*;
 
 #[component]
 fn App() -> Html {
-    html! {
-        <button class="btn">{ "Hello daisyUI" }</button>
+html! {
+    <div class="navbar bg-base-100 shadow-sm">
+        <div class="navbar-start">
+        </div>
+        <div class="navbar-center lg:flex">
+            <ul class="menu menu-horizontal px-1">
+                <li><a>{"DID"}</a></li>
+                <li><a>{"CDR"}</a></li>
+            </ul>
+        </div>
+        <div class="navbar-end">
+        </div>
+    </div>
     }
 }