diff --git a/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonHeader.razor b/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonHeader.razor
index 60c2310..da9abad 100644
--- a/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonHeader.razor	
+++ b/Portfolio.WebUI.Server/Components/Component/Pokemon Components/PokemonHeader.razor	
@@ -10,26 +10,43 @@
 
     <div class="col-4">
         <div class="btn-group d-flex justify-content-end my-1">
-            <NavLink class="btn btn-primary mx-1" style="border-radius: 50px 15px;" href="/pokemonsleep">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table" viewBox="0 0 16 16">
-                    <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z" />
-                </svg>
-                <span class="mx-1">Pokémon</span>
-            </NavLink>
-            <NavLink class="btn btn-success mx-1" style="border-radius: 50px 15px;" href="/pokemonsleep/rate-pokemon">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-award-fill" viewBox="0 0 16 16">
-                    <path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z" />
-                    <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z" />
-                </svg> 
-                <span class="mx-1">Rate Pokémon</span>
-            </NavLink>
-            <NavLink class="btn btn-info mx-1" style="border-radius: 50px 15px;" href="/pokemonsleep/add-new-pokemon">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle-fill" viewBox="0 0 16 16">
-                    <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
-                </svg> 
-                <span class="mx-1">Add Pokémon</span>
-            </NavLink>
+            <!-- Home -->
+            <button class="btn btn-primary mx-1 align-content-center" style="border-radius: 50px 15px; max-width: 60px;">
+                <NavLink href="/pokemonsleep">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16">
+                        <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L8 2.207l6.646 6.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293z" />
+                        <path d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293z" />
+                    </svg>
+                </NavLink>
+            </button>
 
+            <!-- Pokemon Table-->
+            <button class="btn btn-info mx-1" style="border-radius: 50px 15px; max-width: 60px;">
+                <NavLink href="/pokemon">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-table" viewBox="0 0 16 16">
+                        <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z" />
+                    </svg>
+                </NavLink>
+            </button>
+
+            <!-- Rate Pokemon -->
+            <button class="btn btn-success mx-1" style="border-radius: 50px 15px; max-width: 60px;">
+                <NavLink href="/pokemonsleep/rate-pokemon">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-award-fill" viewBox="0 0 16 16">
+                        <path d="m8 0 1.669.864 1.858.282.842 1.68 1.337 1.32L13.4 6l.306 1.854-1.337 1.32-.842 1.68-1.858.282L8 12l-1.669-.864-1.858-.282-.842-1.68-1.337-1.32L2.6 6l-.306-1.854 1.337-1.32.842-1.68L6.331.864z" />
+                        <path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1z" />
+                    </svg>
+                </NavLink>
+            </button>
+
+            <!-- Add Pokemon (Wrap in Auth) -->
+            <button class="btn btn-warning mx-1" style="border-radius: 50px 15px; max-width: 60px;">
+                <NavLink  href="/pokemonsleep/add-new-pokemon">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-plus-circle-fill" viewBox="0 0 16 16">
+                        <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3z" />
+                    </svg> 
+                </NavLink>
+            </button>
 
         </div>
     </div>
diff --git a/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleep.razor b/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleep.razor
index ec18d63..1d60858 100644
--- a/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleep.razor	
+++ b/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleep.razor	
@@ -1,4 +1,4 @@
-@page "/pokemonsleep"
+@page "/pokemon"
 
 
 @inject IPokemonService PokemonService
diff --git a/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleepHome.razor b/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleepHome.razor
new file mode 100644
index 0000000..1da9ac6
--- /dev/null
+++ b/Portfolio.WebUI.Server/Components/Pages/Pokemon Pages/PokemonSleepHome.razor	
@@ -0,0 +1,38 @@
+@page "/pokemonsleep"
+
+
+@attribute [StreamRendering]
+@rendermode InteractiveServer
+
+
+<PageTitle>Pokémon Sleep</PageTitle>
+
+<div class="w-100">
+    <!-- <PokemonBackground PokemonImages="pokemonImageUrls" ShinyPokemonImages="pokemonShinyImageUrls" /> -->
+    <PokemonHeader />
+    <div class="card shadow border-0 p-3 mt-4 m-auto w-75">
+        <div class="d-flex flex-row justify-content-around">
+            <div class="card border-0 shadow-sm"><img class="card-img shadow-sm w-auto" style="width: 540px; height: 540px;" src="images/Pokemon_Sleep_ID.jpg" /></div>
+            <div class="border border-warning w-50 p-3"> 
+                <p class="fw-bold fst-italic fs-3">Pokémon Sleep? Really?</p>
+                <p class="fw-normal fs-6 text-start">
+                    Yes, really! Pokémon Sleep has become a fun addition to my day since it's release.
+                </p>
+                <p class="fw-bold fst-italic fs-3">But what do you even do?</p>
+                <p class="fw-normal fs-6 text-start">
+                    That's harder to explain. See, it isn't as much a game, as it is a gamified sleep tracker. But it's fun to collect the Pokémon and gather their berries and ingredients and create silly little Pokémon-themed foods. Plus, it encourages me to try to get to bed in a timely manner; though, if I'm honest, I definitely put my Pokémon to bed ahead of when I do.
+                </p>
+                <p class="fw-bold fst-italic fs-3">Okay, but why a whole section dedicated to Pokémon Sleep?</p>
+                <p class="fw-normal fs-6 text-start">
+                    Well, as it is in any Pokémon game, Natures (and in this case Subskills) matter, amongst other things. This was designed as a helpful tool in assessing new Pokémon acquired from Sleep Research.
+                </p>
+            </div>
+        </div>
+        <div class="btn-group d-flex flex-row justify-content-around mt-4">
+            <button class="btn btn-info">Available Pokémon</button>
+            <button class="btn btn-success">Rate Pokémon</button>
+        </div>
+    </div>
+
+
+</div>
\ No newline at end of file
diff --git a/Portfolio.WebUI.Server/wwwroot/images/Pokemon_Sleep_ID.jpg b/Portfolio.WebUI.Server/wwwroot/images/Pokemon_Sleep_ID.jpg
new file mode 100644
index 0000000..fe80020
Binary files /dev/null and b/Portfolio.WebUI.Server/wwwroot/images/Pokemon_Sleep_ID.jpg differ