Files
Webify/src/app/[locale]/page.tsx

21 lines
834 B
TypeScript

import { ImageConverter } from "@/components/image-converter";
import { getTranslations } from "next-intl/server";
export default async function Home() {
const t = await getTranslations("HomePage");
return (
<div className="relative flex flex-col items-center justify-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background font-[family-name:var(--font-geist-sans)]">
<main className="flex flex-col items-center w-full max-w-6xl z-10">
<div className="text-center mb-8">
<h1 className="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-100 sm:text-5xl">
{t("title")}
</h1>
<p className="mt-3 text-lg text-gray-600 dark:text-gray-400">
{t("subtitle")}
</p>
</div>
<ImageConverter />
</main>
</div>
);
}