diff --git a/lib/wild_web/components/layouts/app.html.heex b/lib/wild_web/components/layouts/app.html.heex
index 3b3b607..5fbc721 100644
--- a/lib/wild_web/components/layouts/app.html.heex
+++ b/lib/wild_web/components/layouts/app.html.heex
@@ -1,31 +1,5 @@
-<header class="px-4 sm:px-6 lg:px-8">
-  <div class="flex items-center justify-between border-b border-zinc-100 py-3 text-sm">
-    <div class="flex items-center gap-4">
-      <a href="/">
-        <img src={~p"/images/logo.svg"} width="36" />
-      </a>
-      <p class="bg-brand/5 text-brand rounded-full px-2 font-medium leading-6">
-        v{Application.spec(:phoenix, :vsn)}
-      </p>
-    </div>
-    <div class="flex items-center gap-4 font-semibold leading-6 text-zinc-900">
-      <a href="https://twitter.com/elixirphoenix" class="hover:text-zinc-700">
-        @elixirphoenix
-      </a>
-      <a href="https://github.com/phoenixframework/phoenix" class="hover:text-zinc-700">
-        GitHub
-      </a>
-      <a
-        href="https://hexdocs.pm/phoenix/overview.html"
-        class="rounded-lg bg-zinc-100 px-2 py-1 hover:bg-zinc-200/80"
-      >
-        Get Started <span aria-hidden="true">&rarr;</span>
-      </a>
-    </div>
-  </div>
-</header>
 <main class="px-4 py-20 sm:px-6 lg:px-8">
-  <div class="mx-auto max-w-2xl">
+  <div class="mx-auto max-w-6xl">
     <.flash_group flash={@flash} />
     {@inner_content}
   </div>
diff --git a/lib/wild_web/components/layouts/root.html.heex b/lib/wild_web/components/layouts/root.html.heex
index 1592342..84a3e27 100644
--- a/lib/wild_web/components/layouts/root.html.heex
+++ b/lib/wild_web/components/layouts/root.html.heex
@@ -4,55 +4,38 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="csrf-token" content={get_csrf_token()} />
-    <.live_title default="Call of the Wild" suffix="">
+    <.live_title default="BookSocial" suffix="">
       {assigns[:page_title]}
     </.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>
+    <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"} />
   </head>
   <body class="bg-white">
-    <ul class="relative z-10 flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end">
-      <%= if @current_user do %>
-        <li class="text-[0.8125rem] leading-6 text-zinc-900">
-          {@current_user.email}
-        </li>
-        <li>
-          <.link
-            href={~p"/account/settings"}
-            class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
-          >
-            Settings
-          </.link>
-        </li>
-        <li>
-          <.link
-            href={~p"/account/log_out"}
-            method="delete"
-            class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
-          >
-            Log out
-          </.link>
-        </li>
-      <% else %>
-        <li>
-          <.link
-            href={~p"/account/register"}
-            class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
-          >
-            Register
-          </.link>
-        </li>
-        <li>
-          <.link
-            href={~p"/account/log_in"}
-            class="text-[0.8125rem] leading-6 text-zinc-900 font-semibold hover:text-zinc-700"
-          >
-            Log in
-          </.link>
-        </li>
-      <% end %>
-    </ul>
+    <nav class="py-2">
+      <ul class="relative flex items-center gap-4 px-4 sm:px-6 lg:px-8 justify-end font-semibold text-sm text-zinc-900">
+        <%= if @current_user do %>
+          <li class="">
+            {@current_user.email}
+          </li>
+          <li>
+            <.link href={~p"/account/settings"} class="hover:text-zinc-600">
+              Settings
+            </.link>
+          </li>
+        <% else %>
+          <li>
+            <.link href={~p"/account/log_in"} class="hover:text-zinc-600">
+              Log in
+            </.link>
+          </li>
+          <li>
+            <.link href={~p"/account/register"} class="hover:text-zinc-600">
+              Sign up
+            </.link>
+          </li>
+        <% end %>
+      </ul>
+    </nav>
     {@inner_content}
   </body>
 </html>
diff --git a/lib/wild_web/live/books.ex b/lib/wild_web/live/books.ex
new file mode 100644
index 0000000..e479dc3
--- /dev/null
+++ b/lib/wild_web/live/books.ex
@@ -0,0 +1,3 @@
+defmodule WildWeb.Books do
+  use WildWeb, :live_view
+end
diff --git a/lib/wild_web/live/books.html.heex b/lib/wild_web/live/books.html.heex
new file mode 100644
index 0000000..b477887
--- /dev/null
+++ b/lib/wild_web/live/books.html.heex
@@ -0,0 +1 @@
+<div>Books</div>
diff --git a/lib/wild_web/router.ex b/lib/wild_web/router.ex
index 070f39d..18929be 100644
--- a/lib/wild_web/router.ex
+++ b/lib/wild_web/router.ex
@@ -81,6 +81,8 @@ defmodule WildWeb.Router do
       live "/account/confirm/:token", UserConfirmationLive, :edit
       live "/account/confirm", UserConfirmationInstructionsLive, :new
       live "/", Index
+      # live "/books/thoughts", BookReads, :thoughts
+      live "/books", Books
     end
   end
 end
