diff --git a/packages/gui/src/components/ProfileBanner/ProfileBanner.svelte b/packages/gui/src/components/ProfileBanner/ProfileBanner.svelte
index e9c9ec8..c44d1ad 100644
--- a/packages/gui/src/components/ProfileBanner/ProfileBanner.svelte
+++ b/packages/gui/src/components/ProfileBanner/ProfileBanner.svelte
@@ -1,6 +1,23 @@
 <script lang="ts">
 	import '$appcss';
-	import Placeholder from '$components/Placeholder/Placeholder.svelte';
 </script>
 
-<Placeholder label="ProfileBanner" />
+<section class="border-2 border-gray bg-black p-2">
+	<div class="profile_banner container flex border border-gray bg-black">
+		<img class="w-1/5" src="/images/bored-ape.png" />
+		<div class="flex w-4/5 items-center p-5">
+			<div class="w-1/2 pl-5">
+				<p class="uppercase text-gray">Authenticated with GitHub</p>
+				<p />
+				<p class="text-4xl text-primary">@Username</p>
+			</div>
+			<div class="h-full border-l border-gray" />
+			<div class="w-1/2 pl-10">
+				<p class="uppercase leading-loose text-gray">
+					Country: <span>Germany</span><br />Wallet:
+					<a class="text-green underline" href="">Connect Now</a>
+				</p>
+			</div>
+		</div>
+	</div>
+</section>