diff --git a/app/page.tsx b/app/page.tsx
index b557b42..639249f 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,3 +1,19 @@
+import { Button } from "@/components/ui/button";
+import { Comic_Neue } from "next/font/google";
+
+const comicNeue = Comic_Neue({ subsets: ["latin"], weight: "700" });
+
 export default function Home() {
-  return <main>helo</main>;
+  return (
+    <main
+      className={`${comicNeue.className} flex flex-col justify-center items-center gap-4 h-[100vh]`}
+    >
+      <h1 className="text-5xl">revolt admin panel</h1>
+      <Button variant="outline">login with revolt sso</Button>
+      <img
+        src={`https://api.gifbox.me/file/posts/w7iUJfiyKA_zGkHN7Rr625WpaTHYgm4v.webp`}
+        height={320}
+      />
+    </main>
+  );
 }