moving things around

OpenBirchWebsite/Pages/Home.razor

@@ -30,15 +30,29 @@
 </MudStack>
 
 <MudStack style='margin-top: 15vh; width: 100%; height: 100vh; position: relative; background: linear-gradient(180deg, #101018, #1a1a27 2%); z-index: 1'>
-    <MudStack Row="true">
+    <MudContainer Class="d-flex justify-center">
         <MudStack>
-            <MudText Typo="Typo.h1">What is this?</MudText>
+            <MudStack Class="pt-10" Row="true">
-            <MudText Typo="Typo.body1">Maths</MudText>
+                <MudStack>
+                    <MudText Typo="Typo.h2">What is this?</MudText>
+                    <MudText Typo="Typo.body1">This is an open-source solution for your academic math software.</MudText>
+                </MudStack>
+                <MudImage Width="100" Src="/images/literally-scam-v0-ssol5c3n5ibd1.webp" />
+            </MudStack>
+
+            <MudStack Class="pt-10" Row="true">
+                <MudImage Width="100" Src="/images/literally-scam-v0-ssol5c3n5ibd1.webp" />
+                <MudStack>
+                    <MudText Typo="Typo.h2">Why did we make this?</MudText>
+                    <MudText Typo="Typo.body1">Because linux bad and can't run .exe, and other programs are expendsive.</MudText>
+                </MudStack>
+            </MudStack>
         </MudStack>
-        <MudImage Src="/images/literally-scam-v0-ssol5c3n5ibd1.webp" />
+    </MudContainer>
-    </MudStack>
 </MudStack>
 
+<Footer />
+
 @code {
     public string inputField = "";
     public bool hasInteracted = false; // Has the user interacted with the input field?

OpenBirchWebsite/Pages/OpenBirch.razor

@@ -3,7 +3,7 @@
 @inject OpenBirchConsole console
 @inject IJSRuntime js
 
-<div class="console-container reverse-stack-direction pa-4">
+<div class="console-container reverse-stack-direction pa-4" Style="height: 90vh;">
     <div class="px-2 h-100 reverse-scroll-start overflow-auto">
         <ConsoleText/>
     </div>

OpenBirchWebsite/Pages/Pricing.razor

@@ -5,3 +5,5 @@
 <MudContainer Class="h-100" Style="border: red 1mm solid">
     <MudText>Our calculator is on a different plane—it’s got all the right angles!</MudText>
 </MudContainer>
+
+<Footer/>

OpenBirchWebsite/Shared/Footer.razor

@@ -0,0 +1,6 @@
+<div >
+    <MudSpacer />
+    <div style="height: 10vh; background-color: blue;">
+        Test
+    </div>
+</div>

OpenBirchWebsite/Shared/MainLayout.razor

@@ -18,7 +18,7 @@
     </MudAppBar>
     <MudDrawer @bind-Open="_drawerOpen" Anchor="Anchor.End" ClipMode="DrawerClipMode.Always" Breakpoint="Breakpoint.None" Elevation="2">
     </MudDrawer>
-    <MudMainContent Style="height: 100vh;">
+    <MudMainContent>
         @Body
     </MudMainContent>
 </MudLayout>

OpenBirchWebsite/_Imports.razor

@@ -7,7 +7,7 @@
 @using Microsoft.AspNetCore.Components.WebAssembly.Http
 @using Microsoft.JSInterop
 @using OpenBirchWebsite
-@using OpenBirchWebsite.Layout
 @using MudBlazor
 @using OpenBirchWebsite.Services
 @using OpenBirchWebsite.Pages.Components
+@using OpenBirchWebsite.Shared