Center landing content and simplify navbar branding

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>
-    );
-}
+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>
+  );
+}