From 67ca974790c1f6bd85d7abddb6365bf31b985a20 Mon Sep 17 00:00:00 2001
From: Pranav Chatur <pranavchatur@gmail.com>
Date: Sat, 28 Oct 2023 00:02:53 +0530
Subject: [PATCH] Finish evidence section-1

---
 shared/locales/de/website-evidence.json       |  7 +++++
 shared/locales/en/website-evidence.json       |  7 +++++
 shared/locales/it/website-evidence.json       |  7 +++++
 .../[country]/(website)/evidence/page.tsx     | 10 +++++++
 .../(website)/evidence/section-1.tsx          | 26 +++++++++++++++++++
 5 files changed, 57 insertions(+)
 create mode 100644 shared/locales/de/website-evidence.json
 create mode 100644 shared/locales/en/website-evidence.json
 create mode 100644 shared/locales/it/website-evidence.json
 create mode 100644 website/src/app/[lang]/[country]/(website)/evidence/page.tsx
 create mode 100644 website/src/app/[lang]/[country]/(website)/evidence/section-1.tsx

diff --git a/shared/locales/de/website-evidence.json b/shared/locales/de/website-evidence.json
new file mode 100644
index 000000000..ae2d5b7e8
--- /dev/null
+++ b/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."
+	}
+}
diff --git a/shared/locales/en/website-evidence.json b/shared/locales/en/website-evidence.json
new file mode 100644
index 000000000..0207ce1f8
--- /dev/null
+++ b/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."
+	}
+}
diff --git a/shared/locales/it/website-evidence.json b/shared/locales/it/website-evidence.json
new file mode 100644
index 000000000..6b1591079
--- /dev/null
+++ b/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."
+	}
+}
diff --git a/website/src/app/[lang]/[country]/(website)/evidence/page.tsx b/website/src/app/[lang]/[country]/(website)/evidence/page.tsx
new file mode 100644
index 000000000..656f189ca
--- /dev/null
+++ b/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} />
+		</>
+	);
+}
diff --git a/website/src/app/[lang]/[country]/(website)/evidence/section-1.tsx b/website/src/app/[lang]/[country]/(website)/evidence/section-1.tsx
new file mode 100644
index 000000000..d653abd41
--- /dev/null
+++ b/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>
+	);
+}