Center landing content and simplify navbar branding

2026-02-18 11:13:06 +01:00
parent c7caed0c36
commit 6379ba973f
2 changed files with 32 additions and 35 deletions
@@ -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>
  );
@@ -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() {
+export default function Home() {
  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="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"
      >
-                <div className="text-3xl md:text-7xl font-bold dark:text-white text-center">
-                    woiken.cloud
+        <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>
-                <div className="font-extralight text-base md:text-4xl dark:text-neutral-200 py-4">
-                    Coming soon.
-                </div>
-            </motion.div>
-        </AuroraBackground>
  );
 }