From 13b2e0e1e2f9a8f7bebe6ed7f028462196155645 Mon Sep 17 00:00:00 2001
From: Tan Ken Yong <neskenyong327@gmail.com>
Date: Sun, 27 Apr 2025 02:09:17 +0800
Subject: [PATCH] feat: add About page and link in navigation

---
 src/BlazingPizza.Client/Pages/About.razor       | 5 +++++
 src/BlazingPizza.Client/Shared/MainLayout.razor | 8 +++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/BlazingPizza.Client/Pages/About.razor

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" />