Finish evidence section-1

shared/locales/de/website-evidence.json

@@ -0,0 +1,7 @@
+{
+	"section-1": {
+		"title": "Möchtest du erfahren, wie und warum Social Income funktioniert?",
+		"red-title": "Hier bist du richtig.",
+		"subtitle": "Auf dieser Seite möchten wir den aktuellen Stand der Forschung und den messbaren Impact von Social Income zeigen."
+	}
+}

shared/locales/en/website-evidence.json

@@ -0,0 +1,7 @@
+{
+	"section-1": {
+		"title": "Want to learn how and why Social Income works? You’ve come ",
+		"red-title": "to the right place",
+		"subtitle": "Here we’ll run through some of the research that shows Social Income’s measurable impact in the real world."
+	}
+}

shared/locales/it/website-evidence.json

@@ -0,0 +1,7 @@
+{
+	"section-1": {
+		"title": "Vuoi sapere come funziona Social Income e perché è così efficace? Sei nel",
+		"red-title": "posto giusto.",
+		"subtitle": "Qui analizzeremo alcune delle ricerche che mostrano l’impatto misurabile di Social Income nel mondo reale."
+	}
+}

website/src/app/[lang]/[country]/(website)/evidence/page.tsx

@@ -0,0 +1,10 @@
+import { DefaultPageProps } from '@/app/[lang]/[country]';
+import Section1 from './section-1';
+
+export default async function Page(props: DefaultPageProps) {
+	return (
+		<>
+			<Section1 {...props} />
+		</>
+	);
+}

website/src/app/[lang]/[country]/(website)/evidence/section-1.tsx

@@ -0,0 +1,26 @@
+import { DefaultPageProps } from '@/app/[lang]/[country]';
+import { ClockIcon } from '@heroicons/react/24/solid';
+import { Translator } from '@socialincome/shared/src/utils/i18n';
+import { BaseContainer, Typography } from '@socialincome/ui';
+import Link from 'next/link';
+
+export default async function Section1({ params }: DefaultPageProps) {
+	const translator = await Translator.getInstance({
+		language: params.lang,
+		namespaces: ['website-evidence'],
+	});
+
+	return (
+		<BaseContainer className="mt-12 flex flex-col items-center space-y-4">
+			<Typography as="h1" size="4xl" weight="bold" className="text-center w-2/3">
+				{translator.t('section-1.title')}
+				<div className="text-red-400">
+					{translator.t('section-1.red-title')}
+				</div>
+			</Typography>
+			<Typography as="h2" size="xl" className="max-w-2xl text-center">
+				{translator.t('section-1.subtitle')}
+			</Typography>
+		</BaseContainer>
+	);
+}