feature(website): new layout and landing page (#900)

* feature(website): new layout and landing page

* Prettified Code!

* WIP Translations

* Prettified Code!

* WIP Translations

* Prettified Code!

* Translations done

* Prettified Code!

* Adding SVG logos for quotes from organisations

* delete unused logo

* update navbar styling

* fix navbar link

* cleanups

* Interactive hero video

* cleanup

* Small txt edits in French

* cleanups

---------

Co-authored-by: Michael Kündig <[email protected]>
Co-authored-by: mkue <[email protected]>
Co-authored-by: Sandino Scheidegger <[email protected]>
Co-authored-by: ssandino <[email protected]>

Author: 3 people

package-lock.json

@@ -14,10 +14,10 @@
 	},
 	"language": "Sprache",
 	"languages": {
-		"de": "Deutsch",
-		"en": "Englisch",
-		"fr": "Französisch",
-		"it": "Italienisch",
+		"de": "DE",
+		"en": "EN",
+		"fr": "FR",
+		"it": "IT",
 		"kri": "Krio"
 	},
 	"gender": "Geschlecht",

shared/locales/de/common.json

@@ -44,7 +44,7 @@
 			"Und das auf eine radikal transparente Weise, die es uns ermöglicht, die hohen Verwaltungskosten zu umgehen, die normalerweise mit solchen Projekten verbunden sind."
 		]
 	},
-	"100-percent-model": {
+	"our-promise": {
 		"header": "Unser Versprechen",
 		"title": [
 			{

shared/locales/de/website-about-us.json

@@ -8,15 +8,17 @@
 		"twitter-image": "/assets/metadata/twitter/default.jpg"
 	},
 	"navigation": {
-		"100-percent-model": "100% Model",
+		"our-promise": "Unser Versprechen",
 		"about-us": "Wer wir sind",
 		"contact": "Kontakt",
 		"contributors": "Spender:innen",
+		"donate": "Spenden",
 		"evidence": "Evidenz",
 		"faq": "FAQ",
 		"finances": "Finanzen",
+		"flow-of-funds": "Geldfluss",
 		"how-it-works": "So funktioniert's",
-		"my-profile": "Mein Profil",
+		"my-account": "Mein Konto",
 		"our-mission": "Unsere Mission",
 		"our-work": "Was wir tun",
 		"privacy-policy": "Datenschutzrichtlinie",

shared/locales/de/website-common.json

@@ -5,6 +5,7 @@
 	"amount": "Betrag",
 	"button-text": "Mache einen Unterschied",
 	"button-text-short": "Jetzt spenden",
+	"one-time-donation": "Einmalige Spende",
 	"donation-impact": {
 		"monthly-contribution": "Dein monatlicher Beitrag:",
 		"direct-payout": "Dein Beitrag wird direkt auf das Mobiltelefon der Social Income Empfänger:innen ausgezahlt.",
@@ -38,8 +39,7 @@
 	},
 	"one-time": {
 		"title": "Einmalige Spende",
-		"subtitle": "Unterstütze Social Income mit einem einmaligen Beitrag",
-		"twint-button": "Du kannst uns auch via Twint unterstützen"
+		"subtitle": "Unterstütze Social Income mit einem einmaligen Beitrag"
 	},
 	"success": {
 		"title": "Herzlichen Dank für deine Spende",

shared/locales/de/website-donate.json

@@ -106,7 +106,7 @@
 		"questions": [
 			{
 				"question": "Wie werden die Empfänger:innen ausgewählt?",
-				"answer": "Wir bestimmen mögliche neue Empfänger:innen aufgrund der Vorarbeit unserer lokalen Kontaktpersonen und Vorschläge von Partnern und lokalen NGOs: i.e. Aurora Foundation, Reachout Salone, Equal Rights Alliance, United Polio Brothers und Sisters und Jamyl & Nyanga Jaward Foundation. Unsere Kriterien sind einfach: Die Empfänger müssen älter als 16 Jahre sein und aus einer einkommensschwachen Community stammen.Als übergeordnetes Prinzip verpflichten wir uns, Menschen in Not zu unterstützen und halten uns dabei strikt an ein ausgeglichenes Geschlechterverhältnis."
+				"answer": "Wir bestimmen mögliche neue Empfänger:innen aufgrund der Vorarbeit unserer lokalen Kontaktpersonen und Vorschläge von Partnern und lokalen NGOs: i.e. Aurora Foundation, Reachout Salone, Equal Rights Alliance, United Polio Brothers und Sisters und Jamyl & Nyanga Jaward Foundation. Unsere Kriterien sind einfach: Die Empfänger müssen älter als 16 Jahre sein und aus einer einkommensschwachen Community stammen. Als übergeordnetes Prinzip verpflichten wir uns, Menschen in Not zu unterstützen und halten uns dabei strikt an ein ausgeglichenes Geschlechterverhältnis."
 			},
 			{
 				"question": "Wofür verwenden die Empfänger:innen das Geld?",