diff --git a/app/layout.tsx b/app/layout.tsx
index 0baec9f..5189ff3 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,10 +1,9 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
-import {ThemeProvider} from "next-themes";
+import { ThemeProvider } from "next-themes";
 
 const geistSans = Geist({
-  variable: "--font-geist-sans",
   subsets: ["latin"],
 });
 
@@ -14,8 +13,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "Woiken",
+  description: "Woiken coming soon",
 };
 
 export default function RootLayout({
@@ -25,12 +24,8 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-      <ThemeProvider defaultTheme="dark">
-        {children}
-      </ThemeProvider>
+      <body className={`${geistSans.className} ${geistMono.variable} antialiased`}>
+        <ThemeProvider defaultTheme="dark">{children}</ThemeProvider>
       </body>
     </html>
   );
diff --git a/app/page.tsx b/app/page.tsx
index 9d47c7d..e2554ec 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,29 +1,31 @@
 "use client";
 
 import { motion } from "framer-motion";
-import React from "react";
-import { AuroraBackground } from "@/components/ui/aurora-background";
 
-export default function AuroraBackgroundDemo() {
-    return (
-        <AuroraBackground>
-            <motion.div
-                initial={{ opacity: 0.0, y: 40 }}
-                whileInView={{ opacity: 1, y: 0 }}
-                transition={{
-                    delay: 0.3,
-                    duration: 0.8,
-                    ease: "easeInOut",
-                }}
-                className="relative flex flex-col gap-4 items-center justify-center px-4"
-            >
-                <div className="text-3xl md:text-7xl font-bold dark:text-white text-center">
-                    woiken.cloud
-                </div>
-                <div className="font-extralight text-base md:text-4xl dark:text-neutral-200 py-4">
-                    Coming soon.
-                </div>
-            </motion.div>
-        </AuroraBackground>
-    );
-}
\ No newline at end of file
+export default function Home() {
+  return (
+    <div className="min-h-screen bg-[#0b0b08] text-white">
+      <header className="mx-auto flex w-full max-w-6xl items-center justify-center px-6 py-6 md:px-10">
+        <div className="text-lg font-semibold tracking-wide">Woiken</div>
+      </header>
+
+      <motion.main
+        initial={{ opacity: 0, y: 18 }}
+        animate={{ opacity: 1, y: 0 }}
+        transition={{ duration: 0.55, ease: "easeOut" }}
+        className="mx-auto flex min-h-[calc(100vh-84px)] w-full max-w-6xl flex-col items-center justify-center px-6 pb-20 text-center md:px-10"
+      >
+        <section className="max-w-3xl">
+          <p className="mb-3 text-xs uppercase tracking-[0.25em] text-white/60">
+            Coming soon
+          </p>
+          <h1 className="text-4xl font-medium leading-tight tracking-tight md:text-6xl">
+            A cloud platform who developers who want to ship. Ship fast and ship
+            clean.
+          </h1>
+          <p className="mt-6 text-lg text-white/75">Built for teams that move fast.</p>
+        </section>
+      </motion.main>
+    </div>
+  );
+}
