diff --git a/src/lib/components/AdBanner.svelte b/src/lib/components/AdBanner.svelte
index e69de29..5877747 100644
--- a/src/lib/components/AdBanner.svelte
+++ b/src/lib/components/AdBanner.svelte
@@ -0,0 +1,3 @@
+<a href="/games/1">
+    <img class="w-full min-h-28 max-h-28" src="https://cdn.discordapp.com/attachments/1025864353452400812/1028718186700480513/058f09be8a19b8607d6fe50baa6659a1-AdBannerTemplate.png" alt="Your ad here.">
+</a>
\ No newline at end of file
diff --git a/src/lib/components/Alert.svelte b/src/lib/components/Alert.svelte
new file mode 100644
index 0000000..e59c2eb
--- /dev/null
+++ b/src/lib/components/Alert.svelte
@@ -0,0 +1,3 @@
+<div class="container flex bg-indigo-600 outline outline-1 outline-indigo-700 items-center justify-center mb-4 mt-[-1rem]">
+    <p class="text-white">This is an example alert</p>
+</div>
\ No newline at end of file
diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
index cc2d5e0..db93359 100644
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -1,12 +1,16 @@
 <script>
 	import Game from "$lib/components/GameListed.svelte";
 	import Friend from "$lib/components/UserListed.svelte";
+	import Banner from "$lib/components/AdBanner.svelte";
+	import Alert from "$lib/components/Alert.svelte";
 </script>
 
 <svelte:head>
 	<title>Home - Rowblox</title>
 </svelte:head>
-
+<Alert />
+<Banner />
+<br>
 <div class="flex items-center">
 	<img class="rounded-full border-2 border-grey-300 w-36 h-36 mx-2 shadow-lg" src="" alt="" />
 	<p class="mx-2 font-bold text-3xl">Hello, Only16Characters!</p>