added links to gitlab

Pages/Home/AboutUs.razor

@@ -2,18 +2,30 @@
 
 <MudContainer MaxWidth="MaxWidth.Large">
     <MudPaper Class="pa-4">
-        <MudText Typo="Typo.h5">About Us</MudText>
+        <MudText Typo="Typo.h5" Class="d-flex justify-content-center">About Us</MudText>
         <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/>
         <MudText Typo="Typo.body1">
-            WatchWhiz is a user-friendly TV show recommendation web application focused on giving the best results back 
-            to the user based on the series they look for. With its glamorous algorithm which uses sets of data to filter 
-            the appropriate response, it is guaranteed to return a group of TV programs that users will enjoy. If one is 
-            looking to review and rate a series they can do so, showing the rest of the people using the website what is 
-            considered highly praised by the public, as well as indicating the official ratings of TMDB. Each person gets 
-            their own customizable profile, in which they can change various information about themselves as well as 
-            uploading their own profile picture and banner, with a list of their favourite movies on top of that. With 
-            all these functionalities in mind, our goal is to give people a simple way to discover their new yet unknown 
-            favourite shows.
+            WatchWhiz is a user-centric TV show recommendation platform designed for those in search of their next
+            favourite show. Utilising a sophisticated algorithm based on cosine similarity, we meticulously filter and
+            curate an extensive selection of TV shows that are similar to each other, ensuring a highly accurate and
+            relevant set of recommendations.
+        </MudText>
+        <MudText Typo="Typo.body1">
+            You can leave reviews and ratings on any TV show, letting our users share their thoughts on various series,
+            which we hope will foster a vibrant community of like-minded individuals. We also show two different ratings
+            across every show, one from TMDB (The Movie Database), and on our end - this provides a well-rounded perspective
+            on the quality and popularity of each show.
+        </MudText>
+        <MudText Typo="Typo.body1">
+            We understand that personalisation is key to an engaging user experience, so everyone can create and
+            customise their own profile, showcasing four of their favourite shows. With the ability to modify personal
+            information and upload custom profile pictures and banners, users can make their profiles a reflection of
+            their inner TV series critic.
+        </MudText>
+        <MudText Typo="Typo.body1">
+            Our platform encourages social interaction, users can explore and appreciate other members’ profiles and
+            reviews. This feature allows others to discover new shows based on the recommendations of fellow enthusiasts.
+            We aim to become the ultimate destination for those in search of their next binge-worthy series.
         </MudText>
     </MudPaper>
 </MudContainer>
\ No newline at end of file

Pages/Home/GitLab.razor

+@page "/GitLab"
+
+<MudContainer MaxWidth="MaxWidth.Large">
+    <MudPaper Class="pa-4">
+        <MudText Typo="Typo.h5" Class="d-flex justify-content-center">GitLab links</MudText>
+        <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/>
+        <MudText Typo="Typo.h6" Class="d-flex justify-content-center">Portal</MudText>
+        <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None"
+                 Href="https://gitlab.surrey.ac.uk/aa03980/Group17Frontend" Target="_blank">
+            https://gitlab.surrey.ac.uk/aa03980/Group17Frontend
+        </MudLink>
+        <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The frontend of the website, written in Blazor WASM - .NET 7</MudText>
+        <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/>
+        <MudText Typo="Typo.h6" Class="d-flex justify-content-center">Authentication Microservice</MudText>
+        <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None"
+                 Href="https://gitlab.surrey.ac.uk/aa03980/Group17AuthenticationMicroservice" Target="_blank">
+            https://gitlab.surrey.ac.uk/aa03980/Group17AuthenticationMicroservice
+        </MudLink>
+        <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The Authentication microservice of the project, written in .NET 8</MudText>
+        <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/>
+        <MudText Typo="Typo.h6" Class="d-flex justify-content-center">Profile Microservice</MudText>
+        <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None"
+                 Href="https://gitlab.surrey.ac.uk/aa03980/Group17ProfileMicroservice" Target="_blank">
+            https://gitlab.surrey.ac.uk/aa03980/Group17ProfileMicroservice
+        </MudLink>
+        <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The Profile microservice of the project, written in .NET 8</MudText>
+        <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/>
+        <MudText Typo="Typo.h6" Class="d-flex justify-content-center">TV Series Recommendation Microservice</MudText>
+        <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None"
+                 Href="https://gitlab.surrey.ac.uk/aa03980/Group17TVSeriesRecommendationMicroservice" Target="_blank">
+            https://gitlab.surrey.ac.uk/aa03980/Group17TVSeriesRecommendationMicroservice
+        </MudLink>
+        <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The TV Series Recommendation microservice for the project, written in Flask</MudText>
+        <MudDivider DividerType="DividerType.FullWidth" Class="my-2"/>
+        <MudText Typo="Typo.h6" Class="d-flex justify-content-center">Reviews and Ratings Microservice</MudText>
+        <MudLink Typo="Typo.h6" Class="d-flex justify-content-center" Underline="Underline.None"
+                 Href="https://gitlab.surrey.ac.uk/aa03980/Group17ReviewsandRatingsMicroservice" Target="_blank">
+            https://gitlab.surrey.ac.uk/aa03980/Group17ReviewsandRatingsMicroservice
+        </MudLink>
+        <MudText Typo="Typo.body1" Class="d-flex justify-content-center">The Reviews and Ratings microservice for the project, written in Flask</MudText>
+    </MudPaper>
+</MudContainer>
\ No newline at end of file

Shared/HomeLayout.razor

@@ -25,7 +25,7 @@
         <MudAppBar Bottom="true" Fixed="false" Class="@(IsDarkMode ? "home-bar-dark" : "home-bar-light")">
             <MudStack Row="true" AlignItems="AlignItems.Center" Justify="Justify.Center" Style="width: 100%">
                 <MudButton Href="AboutUs">About</MudButton>
-                <MudButton>GitLab</MudButton>
+                <MudButton Href="GitLab">GitLab</MudButton>
                 <div class="flex-grow-1"></div>
                 <MudIconButton OnClick="@(() => IsDarkMode = !IsDarkMode)" Icon="@(IsDarkMode ? Icons.Material.Filled.DarkMode : Icons.Material.Filled.LightMode)" Class="ma-4" Variant="Variant.Outlined"/>
             </MudStack>

Shared/LoginLayout.razor

@@ -21,7 +21,7 @@
 <MudAppBar Bottom="true" Fixed="false" Color="Color.Transparent">
     <MudStack Row="true" AlignItems="AlignItems.Center" Justify="Justify.Center" Style="width: 100%">
         <MudButton Href="AboutUs">About</MudButton>
-        <MudButton>GitLab</MudButton>
+        <MudButton Href="GitLab">GitLab</MudButton>
         <div class="flex-grow-1"></div>
         <MudIconButton OnClick="@(() => _isDarkMode = !_isDarkMode)" Icon="@(_isDarkMode ? Icons.Material.Filled.DarkMode : Icons.Material.Filled.LightMode)" Class="ma-4" Variant="Variant.Outlined"/>
     </MudStack>

Shared/MainLayout.razor

@@ -26,7 +26,7 @@
             <MudAppBar Bottom="true" Fixed="false" Color="Color.Transparent">
                 <MudStack Row="true" AlignItems="AlignItems.Center" Justify="Justify.Center" Style="width: 100%">
                     <MudButton Href="AboutUs">About</MudButton>
-                    <MudButton>GitLab</MudButton>
+                    <MudButton Href="GitLab">GitLab</MudButton>
                     <div class="flex-grow-1"></div>
                     <MudIconButton OnClick="@(() => IsDarkMode = !IsDarkMode)" Icon="@(IsDarkMode ? Icons.Material.Filled.DarkMode : Icons.Material.Filled.LightMode)" Class="ma-4" Variant="Variant.Outlined"/>
                 </MudStack>