diff --git a/src/BlazingPizza.Client/Pages/About.razor b/src/BlazingPizza.Client/Pages/About.razor
new file mode 100644
index 00000000..73cf945e
--- /dev/null
+++ b/src/BlazingPizza.Client/Pages/About.razor
@@ -0,0 +1,5 @@
+@page "/about"
+
+<h3>About Us</h3>
+
+<h5>This is the About Page. Welcome to Blazor Pizza!</h5>
diff --git a/src/BlazingPizza.Client/Shared/MainLayout.razor b/src/BlazingPizza.Client/Shared/MainLayout.razor
index dc427a52..5baa818e 100644
--- a/src/BlazingPizza.Client/Shared/MainLayout.razor
+++ b/src/BlazingPizza.Client/Shared/MainLayout.razor
@@ -1,4 +1,5 @@
-@inherits LayoutComponentBase
+@using Microsoft.AspNetCore.Components.Routing
+@inherits LayoutComponentBase
 
 <div class="top-bar">
     <a class="logo" href="">
@@ -10,6 +11,11 @@
         <div>Get Pizza</div>
     </NavLink>
 
+    <NavLink href="about" class="nav-tab">
+        <img src="img/pizza-slice.svg" />
+        <div>About Us</div>
+    </NavLink>
+
     <AuthorizeView>
         <NavLink href="myorders" class="nav-tab">
             <img src="img/bike.svg" />