feature(website): quiz pages

shared/locales/de/website-quiz.json

@@ -0,0 +1,14 @@
+{
+	"metadata": {
+		"title": "Quizantwort ",
+		"description": "Deine Antwort ist entweder richtig oder falsch. Finde es heraus.",
+		"keywords": "Quizergebnisse, sofortige Rückmeldung, Geografiequiz",
+		"url": "https://socialincome.org/",
+		"og-image": "/assets/metadata/og/default.jpg",
+		"twitter-image": "/assets/metadata/twitter/default.jpg"
+	},
+	"result": {
+		"right": "Genau richtig!",
+		"wrong": "Nicht ganz, aber guter Versuch!"
+	}
+}

shared/locales/en/website-quiz.json

@@ -0,0 +1,14 @@
+{
+	"metadata": {
+		"title": "Quick Quiz Results!",
+		"description": "Discover your quiz results instantly. Whether you nailed it or need a retry, we'll let you knonw.",
+		"keywords": "Quiz Results, Instant Feedback, Geography Quiz",
+		"url": "https://socialincome.org/",
+		"og-image": "/assets/metadata/og/default.jpg",
+		"twitter-image": "/assets/metadata/twitter/default.jpg"
+	},
+	"result": {
+		"right": "Spot on!",
+		"wrong": "Not quite, but good try!"
+	}
+}

website/src/app/[lang]/[region]/(website)/(quiz)/right/page.tsx

@@ -0,0 +1,20 @@
+import { DefaultPageProps } from '@/app/[lang]/[region]';
+import { Translator } from '@socialincome/shared/src/utils/i18n';
+import { BaseContainer, Typography } from '@socialincome/ui';
+
+export default async function Page({ params }: DefaultPageProps) {
+	const translator = await Translator.getInstance({
+		language: params.lang,
+		namespaces: ['website-quiz'],
+	});
+
+	return (
+		<BaseContainer className="min-h-screen-navbar flex items-center justify-center">
+			<div>
+				<Typography size="5xl" weight="medium" className="text-center">
+					{translator.t('result.right')}
+				</Typography>
+			</div>
+		</BaseContainer>
+	);
+}

website/src/app/[lang]/[region]/(website)/(quiz)/wrong/page.tsx

@@ -0,0 +1,20 @@
+import { DefaultPageProps } from '@/app/[lang]/[region]';
+import { Translator } from '@socialincome/shared/src/utils/i18n';
+import { BaseContainer, Typography } from '@socialincome/ui';
+
+export default async function Page({ params }: DefaultPageProps) {
+	const translator = await Translator.getInstance({
+		language: params.lang,
+		namespaces: ['website-quiz'],
+	});
+
+	return (
+		<BaseContainer className="min-h-screen-navbar flex items-center justify-center">
+			<div>
+				<Typography size="5xl" weight="medium" className="text-center">
+					{translator.t('result.wrong')}
+				</Typography>
+			</div>
+		</BaseContainer>
+	);
+}