woiken/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1 from NiHaiden/codex/build-coming-soon-website-with-cursor-style

Browse Source 
Center landing, simplify navbar, apply Geist Sans (Next 16 upgrade attempted)
This commit is contained in:
Niklas
2026-02-18 11:13:27 +01:00
committed by GitHub
parent c7caed0c36 6379ba973f
commit 0a1c75fbdf
2 changed files with 32 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/layout.tsx
+4 -9
View File
@@ -4,7 +4,6 @@ import "./globals.css";
import { ThemeProvider } from "next-themes"; import { ThemeProvider } from "next-themes";
const geistSans = Geist({ const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"], subsets: ["latin"],
}); });
@@ -14,8 +13,8 @@ const geistMono = Geist_Mono({
}); });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Create Next App", title: "Woiken",
description: "Generated by create next app", description: "Woiken coming soon",
}; };
export default function RootLayout({ export default function RootLayout({
@@ -25,12 +24,8 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body <body className={`${geistSans.className} ${geistMono.variable} antialiased`}>
className={`${geistSans.variable} ${geistMono.variable} antialiased`} <ThemeProvider defaultTheme="dark">{children}</ThemeProvider>
>
<ThemeProvider defaultTheme="dark">
{children}
</ThemeProvider>
</body> </body>
</html> </html>
); );
app/page.tsx
+22 -20
View File
@@ -1,29 +1,31 @@
"use client"; "use client";
import { motion } from "framer-motion"; 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 ( return (
<AuroraBackground> <div className="min-h-screen bg-[#0b0b08] text-white">
<motion.div <header className="mx-auto flex w-full max-w-6xl items-center justify-center px-6 py-6 md:px-10">
initial={{ opacity: 0.0, y: 40 }} <div className="text-lg font-semibold tracking-wide">Woiken</div>
whileInView={{ opacity: 1, y: 0 }} </header>
transition={{
delay: 0.3, <motion.main
duration: 0.8, initial={{ opacity: 0, y: 18 }}
ease: "easeInOut", animate={{ opacity: 1, y: 0 }}
}} transition={{ duration: 0.55, ease: "easeOut" }}
className="relative flex flex-col gap-4 items-center justify-center px-4" 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"> <section className="max-w-3xl">
woiken.cloud <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>
<div className="font-extralight text-base md:text-4xl dark:text-neutral-200 py-4">
Coming soon.
</div>
</motion.div>
</AuroraBackground>
); );
} }