Schneller, Ramez

app/[locale]/imprint/page.tsx

@@ -1,12 +1,15 @@
-import Link from 'next/link';
 import GradientText from '@/components/GradientText';
+import { getTranslations } from 'next-intl/server';
+import { Link } from '@/i18n/navigation';
+
+export default async function Page() {
+	const t = await getTranslations('imprint');
 
-export default function Home() {
     return (
         <div className="flex min-h-screen items-center justify-center">
             <main className="flex min-h-screen flex-col justify-center gap-4">
 
-                <h1 className="font-bold text-lg">Imprint</h1>
+                <h1 className="font-bold text-lg">{t('title')}</h1>
 
                 <div className="flex flex-col text-secondary gap-2">
                     <div>
@@ -15,16 +18,17 @@ export default function Home() {
                                 colors={[ '#F52491', '#692896' ]}
                                 animationSpeed={3}
                             >
-                                GSH Digital Services
+                                {t('company')}
                             </GradientText>
                         </Link>
-                        <p>CEO Tim Herb</p>
+
+                        <p>{t('ceo')}</p>
                     </div>
 
                     <div>
-                        <p>Horrenberger Straße 25</p>
-                        <p>74909 Meckesheim</p>
-                        <p>Germany</p>
+                        <p>{t('street')}</p>
+                        <p>{t('city')}</p>
+                        <p>{t('country')}</p>
                     </div>
                     
                     <div>
@@ -33,12 +37,14 @@ export default function Home() {
                         </a>
                     </div>
                 </div>
+                
                 <br />
+
                 <Link
                     className="text-secondary underline"
                     href="/"
                 >
-                    Go back
+                    {t('back')}
                 </Link>
             </main>
         </div>

app/[locale]/page.tsx

@@ -1,30 +1,33 @@
 import Image from 'next/image';
-import Link from 'next/link';
 import Logo from '@/public/logo.svg';
 import GradientText from '@/components/GradientText';
+import { getTranslations } from 'next-intl/server';
+import { Link } from '@/i18n/navigation';
+
+export default async function Page() {
+	const t = await getTranslations('main');
 
-export default function Home() {
     return (
         <div className="flex min-h-screen items-center justify-center">
             <main className="flex min-h-screen w-full flex-col items-center justify-center gap-8">
                 <Image
                     className="w-[20rem]"
                     src={Logo}
-                    alt="Company Logo"
+                    alt="GSH Logo"
                     width={300}
                     height={37}
                 />
                 
-                <div className="flex flex-col items-center">
+                <div className="flex flex-col items-center text-center">
                     <GradientText
                         className="font-bold text-lg"
                         colors={[ '#F52491', '#692896' ]}
                         animationSpeed={3}
                     >
-                        Something great is being built here.
+                        {t('title')}
                     </GradientText>
-                    <p>
-                        <span>Can&apos;t wait? Contact us via </span>
+                    <p className="text-center">
+                        <span>{t('text')}</span>
                         <a href="mailto:info@gsh-services.com">
                             info@gsh-services.com
                         </a>
@@ -35,7 +38,7 @@ export default function Home() {
                     className="text-secondary underline"
                     href="/imprint"
                 >
-                    Imprint
+                    {t('imprint')}
                 </Link>
             </main>
         </div>

app/layout.tsx

@@ -1,19 +1,28 @@
 import type { Metadata } from 'next';
+import { NextIntlClientProvider } from 'next-intl';
 import './globals.css';
 
 export const metadata: Metadata = {
-	title: 'GSH Digital Services'
+	title: 'GSH Digital Services',
+	description: ''
 };
 
 type Props = Readonly<{
+	params: {
+		locale: string;
+	},
 	children: React.ReactNode;
-}>
+}>;
+
+export default async function RootLayout({ params, children }: Props) {
+	const { locale } = await params;
 
-export default function RootLayout({ children }: Props) {
 	return (
-		<html lang="en">
+		<html lang={locale}>
 			<body>
-				{children}
+				<NextIntlClientProvider>
+					{children}
+				</NextIntlClientProvider>
 			</body>
 		</html>
 	);

app/not-found.tsx

@@ -0,0 +1,28 @@
+import GradientText from '@/components/GradientText';
+import { getTranslations } from 'next-intl/server';
+import { Link } from '@/i18n/navigation';
+
+export default async function Page() {
+	const t = await getTranslations('notFound');
+
+    return (
+        <div className="flex min-h-screen items-center justify-center">
+            <main className="flex min-h-screen w-full flex-col items-center justify-center gap-4">
+                <GradientText
+                    className="font-bold text-lg text-center"
+                    colors={[ '#F52491', '#692896' ]}
+                    animationSpeed={3}
+                >
+                    {t('title')}
+                </GradientText>
+                <p className="text-center">{t('text')}</p>
+                <Link
+                    className="text-secondary underline"
+                    href="/"
+                >
+                    {t('back')}
+                </Link>
+            </main>
+        </div>
+    );
+}