feat: add website

components/SlimLayout.tsx

@@ -1,31 +1,23 @@
-import { Header } from "./Header";
-import { Footer } from "./Footer";
-import Link from "next/link";
+import { Link } from "@/i18n/routing";
+import { useTranslations } from "next-intl";
 
-export function SlimLayout({ children }: { children: React.ReactNode }) {
+export function SlimLayout() {
+	const t = useTranslations("404");
 	return (
 		<>
-			<div>
-				<Header />
-			</div>
-			<main className="text-center flex-auto items-center flex justify-center">
+			<main className="flex flex-auto items-center justify-center text-center">
 				<div>
 					<h1 className="mb-4 text-6xl font-semibold text-primary">404</h1>
-					<p className="mb-4 text-lg text-muted-foreground">
-						Oops! Looks like you're lost.
-					</p>
+					<p className="mb-4 text-lg text-muted-foreground">{t("title")}</p>
 					<p className="mt-4 text-muted-foreground">
-						Let's get you back{" "}
+						{t("des")}{" "}
 						<Link href="/" className="text-primary">
-							home
+							{t("action")}
 						</Link>
-						.
+						p{" "}
 					</p>
 				</div>
 			</main>
-			<div>
-				<Footer />
-			</div>
 		</>
 	);
 }