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
+5 -10
View File
@@ -1,10 +1,9 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google"; import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css"; 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
+26 -24
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">
</div> Coming soon
<div className="font-extralight text-base md:text-4xl dark:text-neutral-200 py-4"> </p>
Coming soon. <h1 className="text-4xl font-medium leading-tight tracking-tight md:text-6xl">
</div> A cloud platform who developers who want to ship. Ship fast and ship
</motion.div> clean.
</AuroraBackground> </h1>
); <p className="mt-6 text-lg text-white/75">Built for teams that move fast.</p>
</section>
</motion.main>
</div>
);
} }