diff --git a/src/app/page.tsx b/src/app/page.tsx
index 804b3ab..c60fc15 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,6 +2,7 @@
 
 import { useState } from 'react';
 import './page.css';
+import { DiscordStatus } from './components/discordstatus';
 
 const TWITTER_LINK = "https://x.com/neruu444"
 const DISCORD_USER = "neru444"
@@ -27,6 +28,11 @@ function Content() {
 					<a href={STEAM_LINK} style={{ cursor: 'pointer' }}>steam</a>
 				</nav>
 
+				<section className="content-box">
+					<h2 className="title">✧ discord ✧</h2>
+					<DiscordStatus userId={DISCORD_ID} />
+				</section>
+
 				<section className="content-box">
 					<h2 className="title">✧ projects im currently working on ✧</h2>
 					<ul className="directory">