diff --git a/src/routes/marcus/+page.svelte b/src/routes/marcus/+page.svelte
new file mode 100644
index 0000000..3969f84
--- /dev/null
+++ b/src/routes/marcus/+page.svelte
@@ -0,0 +1,36 @@
+<script>
+	import ChatLayout from '@/components/ChatLayout.svelte';
+</script>
+<ChatLayout>
+	<div class="mt-2"></div>
+	<div class="w-full">
+		<div class="grid pb-11">
+			<div class="flex gap-2.5 mb-4">
+				<img
+					class="w-8 h-8 rounded-full"
+					src="https://zenquotes.io/img/marcus-aurelius.jpg"
+					alt="profile pic"
+				/>
+				<div class="grid">
+					<h5 class="text-gray-900 dark:text-orange-600 font-semibold leading-snug pb-1">Marcus</h5>
+					<div class="grid overflow-hidden mr-2">
+						<div
+							class="px-3.5 py-2 bg-gray-200 dark:bg-gray-700 rounded-e-xl rounded-es-xl flex flex-col gap-2"
+						>
+							<p class="text-sm font-normal text-gray-900 dark:text-white py-2">
+								Of all people, they alone who give their time to philosophy are at leisure, they
+								alone really live. For it's not just their own lifetime that they watch over
+								carefully, but they annex every age to their own; all the years that have gone
+								before are added to their own.
+							</p>
+
+                            <p class="text-sm font-normal text-gray-900 dark:text-white py-2">
+								When you click the Marcus button on any note, it will be saved here to your list of personal meditations so that I can remind you to think about them.
+							</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</ChatLayout>
diff --git a/src/routes/messages/Marcus.svelte b/src/routes/messages/Marcus.svelte
new file mode 100644
index 0000000..4338054
--- /dev/null
+++ b/src/routes/messages/Marcus.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	import { base } from '$app/paths';
+	import type { EventTreeItem } from '@/workers/firehose.types';
+
+		export let tree: EventTreeItem;
+	export let onclick: () => {};
+</script>
+
+<button
+	on:click={onclick}
+	type="button"
+	class="relative inline-flex items-center p-1 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-cyan-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+>
+	<img class=" h-10" src={`${base}/marcus.png`} />
+	<span class="sr-only">Notifications</span>
+	<div
+		class="absolute inline-flex items-center justify-center w-6 h-6 text-xs font-bold text-white bg-orange-500 border-2 border-white rounded-full -top-2 -end-2 dark:border-yellow-200"
+	>
+		0
+	</div>
+</button>
diff --git a/static/marcus.png b/static/marcus.png
new file mode 100644
index 0000000..1116574
Binary files /dev/null and b/static/marcus.png differ