diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..97c17c2
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,6 @@
+{
+  "tailwindCSS.includeLanguages": {
+    "phoenix-heex": "html",
+    "elixir": "html"
+  }
+}
diff --git a/assets/css/app.css b/assets/css/app.css
index 3b86da7..c2c70b2 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -106,3 +106,9 @@
 }
 
 /* This file is for your main application CSS */
+
+@layer components {
+  .button {
+    @apply bg-blue-500 text-white px-3 py-1 rounded-full;
+  }
+}
diff --git a/lib/statusphere_web/components/layouts.ex b/lib/statusphere_web/components/layouts.ex
index 1ea30d3..f845f23 100644
--- a/lib/statusphere_web/components/layouts.ex
+++ b/lib/statusphere_web/components/layouts.ex
@@ -35,37 +35,13 @@ defmodule StatusphereWeb.Layouts do
 
   def app(assigns) do
     ~H"""
-    <header class="navbar px-4 sm:px-6 lg:px-8">
-      <div class="flex-1">
-        <a href="/" class="flex-1 flex w-fit items-center gap-2">
-          <img src={~p"/images/logo.svg"} width="36" />
-          <span class="text-sm font-semibold">v{Application.spec(:phoenix, :vsn)}</span>
-        </a>
-      </div>
-      <div class="flex-none">
-        <ul class="flex flex-column px-1 space-x-4 items-center">
-          <li>
-            <a href="https://phoenixframework.org/" class="btn btn-ghost">Website</a>
-          </li>
-          <li>
-            <a href="https://github.com/phoenixframework/phoenix" class="btn btn-ghost">GitHub</a>
-          </li>
-          <li>
-            <.theme_toggle />
-          </li>
-          <li>
-            <a href="https://hexdocs.pm/phoenix/overview.html" class="btn btn-primary">
-              Get Started <span aria-hidden="true">&rarr;</span>
-            </a>
-          </li>
-        </ul>
-      </div>
+    <header class="text-center py-4 flex flex-col gap-4">
+      <h1 class="font-bold text-8xl">Statusphere</h1>
+      <p>Set your status on the Atmosphere</p>
     </header>
 
-    <main class="px-4 py-20 sm:px-6 lg:px-8">
-      <div class="mx-auto max-w-2xl space-y-4">
-        {render_slot(@inner_block)}
-      </div>
+    <main class="flex flex-col gap-2 p-4 max-w-[600px] mx-auto">
+      {render_slot(@inner_block)}
     </main>
 
     <.flash_group flash={@flash} />
diff --git a/lib/statusphere_web/controllers/page_controller.ex b/lib/statusphere_web/controllers/page_controller.ex
index ebd9aec..ac7f1b3 100644
--- a/lib/statusphere_web/controllers/page_controller.ex
+++ b/lib/statusphere_web/controllers/page_controller.ex
@@ -2,6 +2,27 @@ defmodule StatusphereWeb.PageController do
   use StatusphereWeb, :controller
 
   def home(conn, _params) do
-    render(conn, :home)
+    # TODO: fetch bluesky profile instead
+    session = get_session(conn, :atex_oauth)
+
+    identity =
+      with %{did: did} <- session,
+           {:ok, ident} <- Atex.IdentityResolver.resolve(did) do
+        ident
+      else
+        _ -> nil
+      end
+
+    render(conn, :home, identity: identity)
+  end
+
+  def login(conn, _params) do
+    render(conn, :login)
+  end
+
+  def logout(conn, _params) do
+    conn
+    |> delete_session(:atex_oauth)
+    |> redirect(to: "/")
   end
 end
diff --git a/lib/statusphere_web/controllers/page_html/home.html.heex b/lib/statusphere_web/controllers/page_html/home.html.heex
index 97a48f5..a3754ef 100644
--- a/lib/statusphere_web/controllers/page_html/home.html.heex
+++ b/lib/statusphere_web/controllers/page_html/home.html.heex
@@ -1,3 +1,24 @@
 <Layouts.app flash={@flash}>
-  <div>hello</div>
-</Layouts.app>
\ No newline at end of file
+  <div class="flex items-center justify-between">
+    <%= if @identity == nil do %>
+      <p>
+        <.link navigate="/login" class="text-blue-500 underline">Log in</.link>
+        to set your status!
+      </p>
+      <.link
+        navigate="/login"
+        class="button"
+      >
+        Log in
+      </.link>
+    <% else %>
+      <p>Hi, <b>{@identity.handle}</b>. What's your status today?</p>
+      <.link
+        navigate="/logout"
+        class="button"
+      >
+        Log out
+      </.link>
+    <% end %>
+  </div>
+</Layouts.app>
diff --git a/lib/statusphere_web/controllers/page_html/login.html.heex b/lib/statusphere_web/controllers/page_html/login.html.heex
new file mode 100644
index 0000000..bbd5289
--- /dev/null
+++ b/lib/statusphere_web/controllers/page_html/login.html.heex
@@ -0,0 +1,19 @@
+<Layouts.app flash={@flash}>
+  <form
+    id="login-form"
+    action="/oauth/login"
+    method="get"
+    class="flex gap-2 border rounded px-4 py-2 outline-blue-500 focus-within:outline"
+  >
+    <input
+      type="text"
+      name="handle"
+      placeholder="Enter your handle (eg. alice.bsky.social)"
+      required
+      class="grow outline-none"
+    />
+    <button type="submit" class="button">
+      Log in
+    </button>
+  </form>
+</Layouts.app>
diff --git a/lib/statusphere_web/router.ex b/lib/statusphere_web/router.ex
index 5d910f2..a6acc62 100644
--- a/lib/statusphere_web/router.ex
+++ b/lib/statusphere_web/router.ex
@@ -18,6 +18,8 @@ defmodule StatusphereWeb.Router do
     pipe_through :browser
 
     get "/", PageController, :home
+    get "/logout", PageController, :logout
+    get "/login", PageController, :login
   end
 
   forward "/oauth", Atex.OAuth.Plug, callback: {__MODULE__, :oauth_callback, []}
diff --git a/test/statusphere_elixir_web/controllers/page_controller_test.exs b/test/statusphere_elixir_web/controllers/page_controller_test.exs
index 72852f7..536e066 100644
--- a/test/statusphere_elixir_web/controllers/page_controller_test.exs
+++ b/test/statusphere_elixir_web/controllers/page_controller_test.exs
@@ -3,6 +3,10 @@ defmodule StatusphereWeb.PageControllerTest do
 
   test "GET /", %{conn: conn} do
     conn = get(conn, ~p"/")
-    assert html_response(conn, 200) =~ "Peace of mind from prototype to production"
+    response = html_response(conn, 200)
+    assert response =~ "Statusphere"
+    assert response =~ "Set your status on the Atmosphere"
+    assert response =~ "Log in"
+    assert response =~ "to set your status!"
   end
 end