diff --git a/lib/chiya_web/components/layouts/root_public.html.heex b/lib/chiya_web/components/layouts/root_public.html.heex
new file mode 100644
index 0000000..3427789
--- /dev/null
+++ b/lib/chiya_web/components/layouts/root_public.html.heex
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en" style="scrollbar-gutter: stable;">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="csrf-token" content={get_csrf_token()} />
+    <.live_title suffix=" · Phoenix Framework">
+      <%= assigns[:page_title] || "Chiya" %>
+    </.live_title>
+    <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
+    <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
+    </script>
+  </head>
+  <body class="bg-white antialiased">
+    <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end bg-black">
+      <%= if @current_user do %>
+        <li class="text-xs leading-6 text-gray-100">
+          <%= @current_user.email %>
+        </li>
+        <li>
+          <.link
+            href={~p"/user"}
+            class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
+          >
+            Profile
+          </.link>
+        </li>
+        <li>
+          <.link
+            href={~p"/admin"}
+            class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
+          >
+            Admin
+          </.link>
+        </li>
+        <li>
+          <.link
+            href={~p"/user/log_out"}
+            method="delete"
+            class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
+          >
+            Log out
+          </.link>
+        </li>
+      <% else %>
+        <li>
+          <.link
+            href={~p"/user/register"}
+            class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
+          >
+            Register
+          </.link>
+        </li>
+        <li>
+          <.link
+            href={~p"/user/log_in"}
+            class="text-xs leading-6 text-gray-100 font-semibold hover:text-gray-300"
+          >
+            Log in
+          </.link>
+        </li>
+      <% end %>
+    </ul>
+    <%= @inner_content %>
+  </body>
+</html>
\ No newline at end of file
