diff --git a/src/lib/assets/EOS@2x.svg b/src/lib/assets/EOS@2x.svg
index 98a9336bc..c95616d09 100644
--- a/src/lib/assets/EOS@2x.svg
+++ b/src/lib/assets/EOS@2x.svg
@@ -1,3 +1,3 @@
-<svg width="185" height="276" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="185" height="276" viewBox="0 0 185 276" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path fill-rule="evenodd" clip-rule="evenodd" d="M92.5 0a7.17 7.17 0 0 1 5.847 2.973l57.461 79.268a7.289 7.289 0 0 1 1.222 2.737l27.803 128.26c.649 2.995-.634 6.079-3.207 7.707l-85.264 53.947A7.139 7.139 0 0 1 92.5 276a7.139 7.139 0 0 1-3.862-1.108L3.374 220.945C.8 219.317-.482 216.233.167 213.238L27.97 84.978c.214-.988.63-1.92 1.222-2.737L86.653 2.973A7.17 7.17 0 0 1 92.5 0Zm-7.235 29.48L42.957 87.843l9.79 31.044 32.518-57.942V29.48ZM92.5 77.513l-33.804 60.236 22.006 69.78h23.596l22.006-69.78L92.5 77.513Zm43.469 77.457-16.575 52.559h46.071l-29.496-52.559Zm16.815 67.083h-37.97l-9.465 30.013 47.435-30.013ZM92.5 244.941l7.218-22.888H85.282l7.218 22.888Zm-26.894-37.412L49.03 154.97l-29.496 52.559h46.07ZM24.39 169.415l18.692-33.306-6.799-21.558-11.893 54.864Zm7.825 52.638h37.97l9.465 30.013-47.435-30.013Zm128.393-52.638-18.692-33.306 6.799-21.558 11.893 54.864Zm-18.566-81.572-9.79 31.044-32.518-57.942V29.48l42.308 58.363Z" fill="#fff"/>
 </svg>
diff --git a/src/lib/assets/metamask.svg b/src/lib/assets/metamask.svg
new file mode 100644
index 000000000..7e66ae18e
--- /dev/null
+++ b/src/lib/assets/metamask.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 204.8 192.4" style="enable-background:new 0 0 204.8 192.4" xml:space="preserve">
+  <style>
+    .st1{fill:#f5841f}.st2{fill:#e27625}.st3{fill:#d7c1b3}.st4{fill:#2f343b}.st5{fill:#cc6228}.st7{fill:#763e1a}
+  </style>
+  <path class="st1" d="m167.4 96.1 6.9-8.1-3-2.2 4.8-4.4-3.7-2.8 4.8-3.6-3.1-2.4 5-24.4-7.6-22.6m0 0-48.8 18.1H82L33.2 25.6l.3.2-.3-.2-7.6 22.6 5.1 24.4-3.2 2.4 4.9 3.6-3.7 2.8 4.8 4.4-3 2.2 6.9 8.1-10.5 32.4 9.7 33.1 34.1-9.4v-.1.1l6.6 5.4 13.5 9.2h23.1l13.5-9.2 6.6-5.4 34.2 9.4 9.8-33.1-10.6-32.4m-96.7 56" id="MM_Head_background__x28_Do_not_edit_x29_"/>
+  <g id="Logos">
+    <path class="st2" d="m171.5 25.6-59.9 44.1 11.1-26zM33.2 25.6l59.4 44.5L82 43.7zM150 127.9l-16 24.2 34.2 9.4 9.8-33.1zM26.9 128.4l9.7 33.1 34.1-9.4-15.9-24.2z"/>
+    <path class="st2" d="m68.9 86.9-9.5 14.3 33.8 1.5-1.1-36.2zM135.9 86.9l-23.6-20.8-.7 36.6 33.8-1.5zM70.7 152.1l20.5-9.8-17.7-13.6zM113.6 142.3l20.4 9.8-2.8-23.4z"/>
+    <path class="st3" d="m134 152.1-20.4-9.8 1.7 13.2-.2 5.6zM70.7 152.1l19 9-.1-5.6 1.6-13.2z"/>
+    <path class="st4" d="M90 119.9 73.1 115l12-5.5zM114.7 119.9l5-10.4 12 5.5z"/>
+    <path class="st5" d="m70.7 152.1 3-24.2-18.9.5zM131.1 127.9l2.9 24.2 16-23.7zM145.4 101.2l-33.8 1.5 3.1 17.2 5-10.4 12 5.5zM73.1 115l12-5.5 4.9 10.4 3.2-17.2-33.8-1.5z"/>
+    <path class="st2" d="m59.4 101.2 14.1 27.5-.4-13.7zM131.7 115l-.5 13.7 14.2-27.5zM93.2 102.7 90 119.9l4 20.4.9-26.8zM111.6 102.7l-1.7 10.7.8 26.9 4-20.4z"/>
+    <path class="st1" d="m114.7 119.9-4 20.4 2.9 2 17.6-13.6.5-13.7zM73.1 115l.4 13.7 17.7 13.6 2.8-2-4-20.4z"/>
+    <path style="fill:#c0ad9e" d="m115.1 161.1.2-5.6-1.6-1.3H91l-1.4 1.3.1 5.6-19-9 6.6 5.4 13.5 9.3h23.1l13.5-9.3 6.6-5.4z"/>
+    <path class="st4" d="m113.6 142.3-2.9-2H94l-2.8 2-1.6 13.2 1.4-1.3h22.7l1.6 1.3z"/>
+    <path class="st7" d="m174.1 72.6 5-24.4-7.6-22.6-57.9 42.6 22.3 18.7 31.5 9.2 6.9-8.1-3-2.2 4.8-4.3-3.7-2.9 4.8-3.6zM25.6 48.2l5.1 24.4-3.2 2.4 4.8 3.7-3.7 2.8 4.8 4.3-3 2.2 7 8.1 31.5-9.2 22.3-18.7-58-42.6z"/>
+    <path class="st1" d="m167.4 96.1-31.5-9.2 9.5 14.3-14.2 27.5 18.8-.3h28zM68.9 86.9l-31.5 9.2-10.5 32.3h27.9l18.7.3-14.1-27.5zM111.6 102.7l2-34.5 9.1-24.5H82l9.2 24.5 2 34.5.8 10.8v26.8h16.7l.1-26.8z"/>
+  </g>
+</svg>
diff --git a/src/routes/[network]/(homepage)/+page.svelte b/src/routes/[network]/(homepage)/+page.svelte
index e0e825d72..cc0920b54 100644
--- a/src/routes/[network]/(homepage)/+page.svelte
+++ b/src/routes/[network]/(homepage)/+page.svelte
@@ -1,26 +1,27 @@
 <script lang="ts">
-	import { Stack, Subgrid } from '$lib/components/layout';
+	import { Box, Stack, Subgrid, Switcher } from '$lib/components/layout';
 	import { getContext } from 'svelte';
 	import type { UnicoveContext } from '$lib/state/client.svelte.js';
 	import Pageheader from '$lib/components/pageheader.svelte';
 	import Card from '$lib/components/layout/box/card.svelte';
 	import Button from '$lib/components/button/button.svelte';
 	import EOS from '$lib/assets/EOS@2x.svg';
+	import Metamask from '$lib/assets/metamask.svg';
 
 	const context = getContext<UnicoveContext>('state');
 	const { data } = $props();
 </script>
 
-<!-- {#snippet textblock(stuff)} -->
-<!-- 	<Stack> -->
-<!-- 		<h3 class="h3">{stuff.title}</h3> -->
-<!-- 		<p>{stuff.text}</p> -->
-<!-- 		{#if stuff.button.href} -->
-<!-- 			<Button href={stuff.button.href}>{stuff.button.text}</Button> -->
-<!-- 		{/if} -->
-<!-- 		{@render stuff.children?.()} -->
-<!-- 	</Stack> -->
-<!-- {/snippet} -->
+{#snippet textblock(stuff)}
+	<Stack class="max-w-sm items-start">
+		<h3 class="h3">{stuff.title}</h3>
+		<p>{stuff.text}</p>
+		{#if stuff.button.href}
+			<Button href={stuff.button.href}>{stuff.button.text}</Button>
+		{/if}
+		{@render stuff.children?.()}
+	</Stack>
+{/snippet}
 
 <Subgrid id="homepage" class="gap-y-20">
 	<!-- <Pageheader title={data.network.chain.name} /> -->
@@ -72,6 +73,56 @@
 
 	<!-- Carousel -->
 
+	<div class="col-span-full @container">
+		<div class="-4 grid min-h-72 rounded-2xl bg-mineShaft-950 px-4 @xl:grid-cols-2 @xl:gap-4">
+			<div class="grid place-items-center">
+				<svg
+					class="col-start-1 row-start-1 h-full w-full object-cover"
+					width="635"
+					height="296"
+					viewBox="0 0 635 296"
+					fill="none"
+					xmlns="http://www.w3.org/2000/svg"
+				>
+					<path
+						d="M201.577-49.292h231.851l115.925 200.789-115.925 200.788H201.577L85.652 151.497 201.577-49.292Z"
+						stroke="#fff"
+						stroke-opacity=".1"
+					/>
+					<path
+						d="M179.906 13.903 367.864-36.46l137.594 137.594-50.363 187.957-187.957 50.363L129.543 201.86l50.363-187.957Z"
+						stroke="#fff"
+						stroke-opacity=".5"
+					/>
+					<path
+						d="M179.009 72.29 317.506-7.424l138.497 79.712v159.422l-138.497 79.712-138.497-79.712V72.289Z"
+						stroke="#fff"
+					/>
+				</svg>
+				<div
+					class="col-start-1 row-start-1 grid max-w-sm grid-cols-3 items-center justify-items-center"
+				>
+					<img class="h-40" src={Metamask} alt="metamask" />
+					<svg width="36" height="36" fill="none" xmlns="http://www.w3.org/2000/svg">
+						<path d="M18.008 0v36M36.008 18h-36" stroke="#fff" />
+					</svg>
+					<img class="h-40 rounded-full bg-mineShaft-950 px-2 py-4" src={EOS} alt="eos" />
+				</div>
+			</div>
+
+			<Box class="grid place-items-center py-8">
+				{@render textblock({
+					title: 'Metamask is now EOS compatible',
+					text: 'TODO: The APY is an estimate, and may fluctuate based on how many and much others are staking. Your 21 day lockup period starts when you unstake your EOS. You will always get back your staked EOS.',
+					button: {
+						text: 'Get a free account',
+						href: `/${data.network}/signup`
+					}
+				})}
+			</Box>
+		</div>
+	</div>
+
 	<Subgrid tag="section" class="gap-y-20 *:col-span-full">
 		{#if context.account}
 			<Pageheader title="My Account" subtitle="An account overview" />