Completed UX/UI design

MidrandBookshop/Components/Pages/Home.razor

@@ -2,7 +2,7 @@
 @rendermode InteractiveServer
 @inject NavigationManager Navigation
 
-<div class="container text-center text-hero-wrapper">
+<div id="top-target" class="container text-center text-hero-wrapper">
     <h1 class="display-3 text-dark mb-3 px-2 master-headline">
         Discover thoughtfully curated<br>books for every reader.
     </h1>
@@ -208,6 +208,16 @@
     }
 </div>
 
+<a class="back-to-top-btn d-flex align-items-center justify-content-center"
+   aria-label="Back to top"
+   href="#top-target"
+   onclick="window.scrollTo({ top: 0, behavior: 'smooth' });">
+    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+        <line x1="12" y1="19" x2="12" y2="5"></line>
+        <polyline points="5 12 12 5 19 12"></polyline>
+    </svg>
+</a>
+
 @code {
     public enum ViewMode { Grid, List }
     private ViewMode CurrentViewMode = ViewMode.Grid;