Dagemark-Webapp/app/page.tsx

28 lines
979 B
TypeScript

import Image from "next/image";
import RoundedContainer from "@/components/ui/RoundedContainer";
export default function Home() {
return (
<main className="flex items-center justify-center w-full bg-zinc-200 font-sans dark:bg-slate-800">
<RoundedContainer>
<Image
className="dark:invert"
src="/next.svg"
alt="Next.js logo"
width={100}
height={20}
priority
/>
<div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
Welcome to the Dagemark Server
</h1>
<p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400 italic">
Design In Progress, current layout and theme may change, have a good day :D
</p>
</div>
</RoundedContainer>
</main>
);
}