diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0dfdc94..7f19587 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
   import '../app.css';
 	import { page } from '$app/state';
-  import { setContext } from 'svelte';
+  import { onMount, setContext } from 'svelte';
   import { QueryClient, QueryClientProvider } from "@tanstack/svelte-query";
   import { SvelteQueryDevtools } from "@tanstack/svelte-query-devtools";
+    import { goto } from '$app/navigation';
 
 	let { data, children } = $props();
   const { atclient, user } = data;
@@ -31,6 +32,12 @@
       }
     }
   });
+
+  onMount(() => {
+    if (user) {
+      goto("/home");
+    }
+  });
 </script>
 
 <QueryClientProvider client={queryClient}>
@@ -41,9 +48,9 @@
 
       <div class="flex gap-4 items-center flex-wrap">
         <nav class="flex gap-4 flex-wrap items-center px-3 py-1.5">
-          <a href="/" class="hover:text-shadow-sm" title="explore" aria-label="explore">🛰️ explore</a>
+          <a href="/explore" class="hover:text-shadow-sm" title="explore" aria-label="explore">🛰️ explore</a>
           {#if user}
-            <p>{user.handle}</p>
+            <a href="/home" class="hover:text-shadow-sm" title="explore" aria-label="explore">🏠 {user.handle}</a>
           {/if}
         </nav>
         {#if user}
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7e50e0a..18121c5 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,126 +1 @@
-<script lang="ts">
-  import { Debounced } from "runed";
-  import type { PublicationNode } from '$lib/utils';
-  import { createInfiniteQuery } from '@tanstack/svelte-query';
-  import PublicationCard from '$lib/components/PublicationCard.svelte';
-
-  let { data } = $props();
-  let { atclient, user } = data;
-
-  let page = $state(0);
-  let searchTerm = $state("");
-  const debouncedSearchTerm = new Debounced(() => searchTerm, 500);
-
-  const publicationsQuery = createInfiniteQuery(() => ({
-    queryKey: ["publications", debouncedSearchTerm.current || undefined],
-    queryFn: async ({ pageParam }) => {
-      const query = `
-        query GetPublications {
-          siteStandardPublication(first: 20, after: "${pageParam}", ${debouncedSearchTerm.current && `where: {
-            or: [{
-              name: { contains: "${debouncedSearchTerm.current}" }
-            }, {
-              actorHandle: { contains: "${debouncedSearchTerm.current}" }
-            }]
-          }`}) {
-            edges {}
-            pageInfo {
-              hasNextPage
-              endCursor
-            }
-          }
-        }
-      `;
-      const data = await atclient.publicQuery(query);
-      return data as {
-        siteStandardPublication: {
-          edges: { node: PublicationNode, cursor: string }[],
-          pageInfo: {
-            hasNextPage: boolean;
-            endCursor: string;
-          }
-        }
-      }
-    },
-    initialPageParam: "",
-    getNextPageParam: (lastPage) => lastPage.siteStandardPublication.pageInfo.endCursor,
-    select: (data) => { 
-      const items = data.pages.map((page) => page.siteStandardPublication.edges).flat();
-      const nodes = items.map((i) => i.node);
-      return nodes;
-    }
-  }));
-
-  let currentPage = $derived(publicationsQuery.data?.slice(page*20, (page*20) + 20));
-</script>
-
-<menu>
-  <label>
-    Search: 
-    <input bind:value={searchTerm} class="border" />
-  </label>
-  <button 
-    onclick={() => { 
-      if (page > 0) {
-        page--;
-      }
-    }}
-    class="border"
-  >
-    Prev Page
-  </button>
-  <number>{page + 1}</number>
-  {#if publicationsQuery.hasNextPage}
-    <button 
-      onclick={() => { 
-        page++;
-        if ((page * 20) + 20 > (publicationsQuery.data?.length || 0)) {
-          publicationsQuery.fetchNextPage(); 
-        }
-      }}
-      class="border"
-    >
-      Next Page
-    </button>
-  {/if}
-</menu>
-
-{#if publicationsQuery.isFetching}
-  <p>Fetching...</p>
-{:else if publicationsQuery.isError}
-  <p>Error</p>
-{:else if publicationsQuery.isSuccess}
-  {#if currentPage?.length === 0}
-    There are no publications based onb the current filters
-  {/if}
-  {#each currentPage as publication (publication.uri)}
-    <PublicationCard {publication} />
-  {/each}
-{/if}
-
-<menu>
-  <button 
-    onclick={() => { 
-      if (page > 0) {
-        page--;
-      }
-    }}
-    class="border"
-  >
-    Prev Page
-  </button>
-  <number>{page + 1}</number>
-  {#if publicationsQuery.hasNextPage}
-    <button 
-      onclick={() => { 
-        page++;
-        if ((page * 20) + 20 > (publicationsQuery.data?.length || 0)) {
-          publicationsQuery.fetchNextPage(); 
-        }
-      }}
-      class="border"
-    >
-      Next Page
-    </button>
-  {/if}
-</menu>
+<h1>Index</h1>
diff --git a/src/routes/explore/+page.svelte b/src/routes/explore/+page.svelte
new file mode 100644
index 0000000..1d53575
--- /dev/null
+++ b/src/routes/explore/+page.svelte
@@ -0,0 +1,133 @@
+<script lang="ts">
+  import { Debounced } from "runed";
+  import type { PublicationNode } from '$lib/utils';
+  import { createInfiniteQuery } from '@tanstack/svelte-query';
+  import PublicationCard from '$lib/components/PublicationCard.svelte';
+
+  let { data } = $props();
+  let { atclient, user } = data;
+
+  let page = $state(0);
+  let searchTerm = $state("");
+  const debouncedSearchTerm = new Debounced(() => searchTerm, 500);
+
+  const publicationsQuery = createInfiniteQuery(() => ({
+    queryKey: ["publications", debouncedSearchTerm.current || undefined],
+    queryFn: async ({ pageParam }) => {
+      const query = `
+        query GetPublications {
+          siteStandardPublication(first: 20, after: "${pageParam}", ${debouncedSearchTerm.current && `where: {
+            or: [{
+              name: { contains: "${debouncedSearchTerm.current}" }
+            }, {
+              actorHandle: { contains: "${debouncedSearchTerm.current}" }
+            }]
+          }`}) {
+            edges {}
+            pageInfo {
+              hasNextPage
+              endCursor
+            }
+          }
+        }
+      `;
+      const data = await atclient.publicQuery(query);
+      return data as {
+        siteStandardPublication: {
+          edges: { node: PublicationNode, cursor: string }[],
+          pageInfo: {
+            hasNextPage: boolean;
+            endCursor: string;
+          }
+        }
+      }
+    },
+    initialPageParam: "",
+    getNextPageParam: (lastPage) => lastPage.siteStandardPublication.pageInfo.endCursor,
+    select: (data) => { 
+      const items = data.pages.map((page) => page.siteStandardPublication.edges).flat();
+      const nodes = items.map((i) => i.node);
+      return nodes;
+    }
+  }));
+
+  let currentPage = $derived(publicationsQuery.data?.slice(page*20, (page*20) + 20));
+</script>
+
+<menu class="flex w-full justify-between items-center">
+  <label>
+    Search: 
+    <input bind:value={searchTerm} class="border px-3 py-2" />
+  </label>
+
+  <div class="">
+    {#if page > 0}
+    <button 
+      onclick={() => { 
+        if (page > 0) {
+          page--;
+        }
+      }}
+      class="bg-amber-400 text-black hover:cursor-pointer hover:bg-amber-500 hover:text-white px-4 py-2"
+    >
+      Previous 
+    </button>
+    {/if}
+    <number class="px-3">Page {page + 1}</number>
+    {#if publicationsQuery.hasNextPage}
+      <button 
+        onclick={() => { 
+          page++;
+          if ((page * 20) + 20 > (publicationsQuery.data?.length || 0)) {
+            publicationsQuery.fetchNextPage(); 
+          }
+        }}
+        class="bg-amber-400 text-black hover:cursor-pointer hover:bg-amber-500 hover:text-white px-4 py-2"
+      >
+        Next
+      </button>
+    {/if}
+  </div>
+</menu>
+
+{#if publicationsQuery.isFetching}
+  <p>Fetching...</p>
+{:else if publicationsQuery.isError}
+  <p>Error</p>
+{:else if publicationsQuery.isSuccess}
+  {#if currentPage?.length === 0}
+    There are no publications based onb the current filters
+  {/if}
+  {#each currentPage as publication (publication.uri)}
+    <PublicationCard {publication} />
+  {/each}
+{/if}
+
+<menu>
+  {#if page > 0}
+    <button 
+      onclick={() => { 
+        if (page > 0) {
+          page--;
+        }
+      }}
+      class="bg-amber-400 text-black hover:cursor-pointer hover:bg-amber-500 hover:text-white px-4 py-2"
+    >
+      Previous 
+    </button>
+  {/if}
+  <number class="px-3">Page {page + 1}</number>
+  {#if publicationsQuery.hasNextPage}
+    <button 
+      onclick={() => { 
+        page++;
+        if ((page * 20) + 20 > (publicationsQuery.data?.length || 0)) {
+          publicationsQuery.fetchNextPage(); 
+        }
+      }}
+      class="bg-amber-400 text-black hover:cursor-pointer hover:bg-amber-500 hover:text-white px-4 py-2"
+    >
+      Next
+    </button>
+  {/if}
+</menu>
diff --git a/src/routes/home/+page.svelte b/src/routes/home/+page.svelte
new file mode 100644
index 0000000..d590238
--- /dev/null
+++ b/src/routes/home/+page.svelte
@@ -0,0 +1,116 @@
+<script lang="ts">
+  import { goto } from "$app/navigation";
+  import { getContext, onMount } from "svelte";
+  import type { MiniDoc, PublicationNode } from "$lib/utils";
+  import { createInfiniteQuery } from "@tanstack/svelte-query";
+  import type { QuicksliceClient } from "quickslice-client-js";
+  import PublicationCard from "$lib/components/PublicationCard.svelte";
+    import { Debounced } from "runed";
+
+  const user = getContext("user") as MiniDoc;
+  const atclient = getContext("atclient") as QuicksliceClient;
+
+  let page = $state(0);
+  let searchTerm = $state("");
+  let debouncedSearchTerm = new Debounced(() => searchTerm, 500);
+
+  onMount(() => {
+    if (!user) { 
+      goto("/")
+    }
+  });
+
+  const subscriptionsQuery = createInfiniteQuery(() => ({
+    queryKey: ["subscriptions", user.did, debouncedSearchTerm.current || undefined],
+    queryFn: async () => {
+      const query = `
+        query GetSubscriptionByUserDid {
+          siteStandardGraphSubscription(first: 20, where: { 
+            did: { eq: "${user.did}" }
+          }) {
+            edges {
+              node {
+                publicationResolved {}
+              }
+            }
+            pageInfo {
+              hasNextPage
+              endCursor
+            }
+          }
+        }
+      `;
+
+      const data = await atclient.publicQuery(query);
+      return data as {
+        siteStandardGraphSubscription: {
+          edges: { node: { publicationResolved: PublicationNode }}[],
+          pageInfo: {
+            hasNextPage: boolean;
+            endCursor: string;
+          }
+        }
+      };
+    },
+    initialPageParam: "",
+    getNextPageParam: (lastPage) => lastPage.siteStandardGraphSubscription.pageInfo.endCursor, 
+    select: (data) => { 
+      const items = data.pages.map((page) => page.siteStandardGraphSubscription.edges).flat();
+      const nodes = items.map((i) => i.node.publicationResolved);
+      return nodes;
+    }
+  }));
+
+  let currentPage = $derived(subscriptionsQuery.data?.slice(page*20, (page*20) + 20));
+</script>
+
+<h1 class="text-amber-400 text-3xl font-bold">My Subscriptions</h1>
+
+<menu class="flex w-full justify-between items-center">
+  <label>
+    Search: 
+    <input bind:value={searchTerm} class="border px-3 py-2" />
+  </label>
+
+  <div class="">
+    {#if page > 0}
+    <button 
+      onclick={() => { 
+        if (page > 0) {
+          page--;
+        }
+      }}
+      class="bg-amber-400 text-black hover:cursor-pointer hover:bg-amber-500 hover:text-white px-4 py-2"
+    >
+      Previous 
+    </button>
+    {/if}
+    <number class="px-3">Page {page + 1}</number>
+    {#if subscriptionsQuery.hasNextPage}
+      <button 
+        onclick={() => { 
+          page++;
+          if ((page * 20) + 20 > (subscriptionsQuery.data?.length || 0)) {
+            subscriptionsQuery.fetchNextPage(); 
+          }
+        }}
+        class="bg-amber-400 text-black hover:cursor-pointer hover:bg-amber-500 hover:text-white px-4 py-2"
+      >
+        Next
+      </button>
+    {/if}
+  </div>
+</menu>
+
+{#if subscriptionsQuery.isFetching}
+  <p>Fetching...</p>
+{:else if subscriptionsQuery.isError}
+  <p>Error</p>
+{:else if subscriptionsQuery.isSuccess}
+  {#if currentPage?.length === 0}
+    There are no subscriptions based onb the current filters
+  {/if}
+  {#each subscriptionsQuery.data as publication (publication.uri)}
+    <PublicationCard {publication} />
+  {/each}
+{/if}