diff --git a/PancakesWeb/Components/Layout/MainLayout.razor b/PancakesWeb/Components/Layout/MainLayout.razor
index 7ef0b71..2eceb99 100644
--- a/PancakesWeb/Components/Layout/MainLayout.razor
+++ b/PancakesWeb/Components/Layout/MainLayout.razor
@@ -1,4 +1,5 @@
-@using PancakesWeb.Components.UI
+@using Microsoft.AspNetCore.Components.Sections
+@using PancakesWeb.Components.UI
 @inherits LayoutComponentBase
 
 <a class="skip-to-content" href="#main-content">Skip to main content</a>
@@ -9,6 +10,13 @@
 
 @Body
 
+<footer>
+    <div class="container">
+        <SectionOutlet SectionName="Footer"/>
+        <p>🐈‍⬛</p>
+    </div>
+</footer>
+
 <div id="blazor-error-ui" data-nosnippet>
     An unhandled error has occurred.
     <a href="." class="reload">Reload</a>
diff --git a/PancakesWeb/Components/Layout/MainLayout.razor.css b/PancakesWeb/Components/Layout/MainLayout.razor.css
index c4f971c..96f6c7e 100644
--- a/PancakesWeb/Components/Layout/MainLayout.razor.css
+++ b/PancakesWeb/Components/Layout/MainLayout.razor.css
@@ -1,3 +1,11 @@
+footer {
+    margin-top: 3rem;
+    padding: 3rem 0;
+
+    text-align: center;
+    background-color: var(--foreground);
+}
+
 #blazor-error-ui {
     color-scheme: light only;
     background: lightyellow;