diff --git a/shared/locales/de/website-team.json b/shared/locales/de/website-team.json new file mode 100644 index 000000000..da55d8b30 --- /dev/null +++ b/shared/locales/de/website-team.json @@ -0,0 +1,35 @@ +{ + "header": "Unser Team", + "title-1": "Wir verhelfen Social Income ", + "title-2": "zur Realität.", + "roles": { + "finance": "Finanzen", + "operations": "Betrieb", + "marketing": "Marketing", + "communications": "Kommunikation", + "co-president": "Co-Präsident:in", + "founder": "Gründer", + "board-member": "Vorstandsmitglied", + "software-development": "Softwareentwicklung", + "app-development": "App-Entwicklung", + "impact-measurement": "Impact Measurement" + }, + "groups": { + "staff": { + "name": "Mitarbeiter:innen", + "description": "Unsere Mitarbeiter:innen vor Ort in Sierra Leone." + }, + "volunteers": { + "name": "Freiwillige", + "description": "Die Menschen, die alles möglich machen." + }, + "board": { + "name": "Vorstand", + "description": "Die Aufsichtspersonen der Organisation." + }, + "special-thanks": { + "name": "Besonderer Dank", + "description": "Diese Personen haben sich großzügig ehrenamtlich eingesetzt und zu Social Income beigetragen." + } + } +} diff --git a/shared/locales/en/website-team.json b/shared/locales/en/website-team.json new file mode 100644 index 000000000..a6649d9e8 --- /dev/null +++ b/shared/locales/en/website-team.json @@ -0,0 +1,36 @@ +{ + "header": "Our Team", + "title-1": "We're making Social Income ", + "title-2": "a reality.", + "roles": { + "finance": "Finances", + "operations": "Operations", + "marketing": "Marketing", + "communications": "Communications", + "co-president": "Co-President", + "founder": "Founder", + "board-member": "Board Member", + "software-development": "Software Development", + "app-development": "App Development", + "impact-measurement": "Impact Measurement", + "strategy": "Strategy" + }, + "groups": { + "staff": { + "name": "Staff", + "description": "Our local staff in Sierra Leone." + }, + "volunteers": { + "name": "Volunteers", + "description": "The people who make it all happen." + }, + "board": { + "name": "Board of Association", + "description": "The overseers of the organization." + }, + "special-thanks": { + "name": "Special Thanks", + "description": "These individuals have volunteered and made generous contributions towards Social Income." + } + } +} diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/ajla.jpg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/ajla.jpg new file mode 100644 index 000000000..934b40ca1 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/ajla.jpg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/alexandre.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/alexandre.jpeg new file mode 100644 index 000000000..3ae901793 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/alexandre.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/anders.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/anders.jpeg new file mode 100644 index 000000000..410e31dc1 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/anders.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/andras.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/andras.jpeg new file mode 100644 index 000000000..e5afc47e1 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/andras.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/anna-lina.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/anna-lina.jpeg new file mode 100644 index 000000000..923df5b25 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/anna-lina.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/anvita.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/anvita.jpeg new file mode 100644 index 000000000..dce3280a3 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/anvita.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/aurelie.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/aurelie.jpeg new file mode 100644 index 000000000..2f9beaaba Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/aurelie.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/carlos.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/carlos.jpeg new file mode 100644 index 000000000..198bf8db8 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/carlos.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/flavien.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/flavien.jpeg new file mode 100644 index 000000000..784edb9b7 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/flavien.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/juan.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/juan.jpeg new file mode 100644 index 000000000..b0bbfd892 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/juan.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/julia.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/julia.jpeg new file mode 100644 index 000000000..4ef8a3a17 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/julia.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/kabelo.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/kabelo.jpeg new file mode 100644 index 000000000..081f73e74 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/kabelo.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/kerrin.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/kerrin.jpeg new file mode 100644 index 000000000..83a01f189 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/kerrin.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/larissa.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/larissa.jpeg new file mode 100644 index 000000000..62aac741c Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/larissa.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/lorenzo.jpg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/lorenzo.jpg new file mode 100644 index 000000000..ae58396a1 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/lorenzo.jpg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/mabel.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/mabel.jpeg new file mode 100644 index 000000000..b2f756313 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/mabel.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/mariatu.jpg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/mariatu.jpg new file mode 100644 index 000000000..68df855da Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/mariatu.jpg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/marion.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/marion.jpeg new file mode 100644 index 000000000..d0fa6249d Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/marion.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/michael.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/michael.jpeg new file mode 100644 index 000000000..a8c7ae8fc Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/michael.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/mikolaj.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/mikolaj.jpeg new file mode 100644 index 000000000..2516a9039 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/mikolaj.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/patrik.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/patrik.jpeg new file mode 100644 index 000000000..483e63493 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/patrik.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/rene.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/rene.jpeg new file mode 100644 index 000000000..4fe349342 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/rene.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/riccardo.jpg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/riccardo.jpg new file mode 100644 index 000000000..df5419cb0 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/riccardo.jpg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/sandino.jpg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/sandino.jpg new file mode 100644 index 000000000..e756619f8 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/sandino.jpg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/sarah.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/sarah.jpeg new file mode 100644 index 000000000..cad6f321f Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/sarah.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/sarvesh.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/sarvesh.jpeg new file mode 100644 index 000000000..a440d653f Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/sarvesh.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/simon.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/simon.jpeg new file mode 100644 index 000000000..38aab8c9c Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/simon.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/simone.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/simone.jpeg new file mode 100644 index 000000000..1310c2f75 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/simone.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/thomas.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/thomas.jpeg new file mode 100644 index 000000000..887a70316 Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/thomas.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/verena.jpeg b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/verena.jpeg new file mode 100644 index 000000000..30c0bf90b Binary files /dev/null and b/website/src/app/[lang]/[country]/(website)/about-us/team/(assets)/verena.jpeg differ diff --git a/website/src/app/[lang]/[country]/(website)/about-us/team/page.tsx b/website/src/app/[lang]/[country]/(website)/about-us/team/page.tsx index 5f2ccbf7b..4df6b92fb 100644 --- a/website/src/app/[lang]/[country]/(website)/about-us/team/page.tsx +++ b/website/src/app/[lang]/[country]/(website)/about-us/team/page.tsx @@ -1,11 +1,169 @@ import { DefaultPageProps } from '@/app/[lang]/[country]'; -import { BaseContainer, Typography } from '@socialincome/ui'; +import { Translator } from '@socialincome/shared/src/utils/i18n'; +import { BaseContainer, FontSize, Typography } from '@socialincome/ui'; +import classNames from 'classnames'; +import { StaticImport } from 'next/dist/shared/lib/get-img-props'; +import Image from 'next/image'; +import ajlaImage from './(assets)/ajla.jpg'; +import alexandreImage from './(assets)/alexandre.jpeg'; +import andersImage from './(assets)/anders.jpeg'; +import andrasImage from './(assets)/andras.jpeg'; +import annalinaImage from './(assets)/anna-lina.jpeg'; +import anvitaImage from './(assets)/anvita.jpeg'; +import aurelieImage from './(assets)/aurelie.jpeg'; +import carlosImage from './(assets)/carlos.jpeg'; +import flavienImage from './(assets)/flavien.jpeg'; +import juanImage from './(assets)/juan.jpeg'; +import juliaImage from './(assets)/julia.jpeg'; +import kabeloImage from './(assets)/kabelo.jpeg'; +import kerrinImage from './(assets)/kerrin.jpeg'; +import larissaImage from './(assets)/larissa.jpeg'; +import lorenzoImage from './(assets)/lorenzo.jpg'; +import mabelImage from './(assets)/mabel.jpeg'; +import mariatuImage from './(assets)/mariatu.jpg'; +import marionImage from './(assets)/marion.jpeg'; +import michaelImage from './(assets)/michael.jpeg'; +import mikolajImage from './(assets)/mikolaj.jpeg'; +import patrikImage from './(assets)/patrik.jpeg'; +import reneImage from './(assets)/rene.jpeg'; +import riccardoImage from './(assets)/riccardo.jpg'; +import sandinoImage from './(assets)/sandino.jpg'; +import sarahImage from './(assets)/sarah.jpeg'; +import sarveshImage from './(assets)/sarvesh.jpeg'; +import simonImage from './(assets)/simon.jpeg'; +import simoneImage from './(assets)/simone.jpeg'; +import thomasImage from './(assets)/thomas.jpeg'; +import verenaImage from './(assets)/verena.jpeg'; -export default async function Page(props: DefaultPageProps) { +type Group = { + name: string; + size: 'sm' | 'md' | 'lg'; + people: Person[]; +}; + +type Person = { + name: string; + role: string; + image: string | StaticImport; +}; + +const groups: Group[] = [ + { + name: 'staff', + size: 'md', + people: [ + { name: 'Mabel Turay', role: 'finance', image: mabelImage }, + { name: 'Mariatu Haja Sesay', role: 'operations', image: mariatuImage }, + ], + }, + { + name: 'volunteers', + size: 'md', + people: [ + { name: 'Sandino Scheidegger', role: 'founder', image: sandinoImage }, + { name: 'Kerrin Dieckmann', role: 'finance', image: kerrinImage }, + { name: 'Aurélie Schmiedlin', role: 'communications', image: aurelieImage }, + { name: 'Julia Bachmann', role: 'communications', image: juliaImage }, + { name: 'Riccardo Tamburini', role: 'communications', image: riccardoImage }, + { name: 'Michael Kündig', role: 'software-development', image: michaelImage }, + { name: 'Mikołaj Demkow', role: 'app-development', image: mikolajImage }, + { name: 'Verena Zaiser', role: 'app-development', image: verenaImage }, + { name: 'András Heé', role: 'software-development', image: andrasImage }, + { name: 'Carlos Badilla', role: 'impact-measurement', image: carlosImage }, + ], + }, + { + name: 'board', + size: 'md', + people: [ + { name: 'Kabelo Ruffo', role: 'co-president', image: kabeloImage }, + { name: 'Simone Huser', role: 'co-president', image: simoneImage }, + { name: 'Anvita Pandey', role: 'board-member', image: anvitaImage }, + { name: 'Flavien Meyer', role: 'board-member', image: flavienImage }, + { name: 'Marion Quartier', role: 'board-member', image: marionImage }, + ], + }, + + { + name: 'special-thanks', + size: 'sm', + people: [ + { name: 'Juan Morales', role: 'software-development', image: juanImage }, + { name: 'René Stalder', role: 'software-development', image: reneImage }, + { name: 'Sarvesh Dwivedi', role: 'software-development', image: sarveshImage }, + { name: 'Thomas Brenner', role: 'software-development', image: thomasImage }, + { name: 'Alexandre Milan', role: 'software-development', image: alexandreImage }, + { name: 'Patrik Sopran', role: 'app-development', image: patrikImage }, + { name: 'Anders Nordhag', role: 'communications', image: andersImage }, + { name: 'Larissa dos Santos Lima', role: 'communications', image: larissaImage }, + { name: 'Ajla Murati', role: 'strategy', image: ajlaImage }, + { name: 'Simon Bühler', role: 'communications', image: simonImage }, + { name: 'Sarah Mekni', role: 'strategy', image: sarahImage }, + { name: 'Lorenzo Garovi', role: 'strategy', image: lorenzoImage }, + { name: 'Anna-Lina Müller', role: 'strategy', image: annalinaImage }, + ], + }, +]; +export default async function Page({ params }: DefaultPageProps) { + const translator = await Translator.getInstance({ language: params.lang, namespaces: ['countries', 'website-team'] }); return ( - - Team - Coming soon + + + {translator.t('header')} + + + {translator.t('title-1')} + + {translator.t('title-2')} + + +
+ {groups.map((group, index1) => ( +
+ + {translator.t(`groups.${group.name}.name`)} + + + {translator.t(`groups.${group.name}.description`)} + +
    + {group.people.map((person: Person, index2) => ( +
  • + {`${person.name} + + {person.name} + + + {translator.t(`roles.${person.role}`)} + +
    • + ))} +
+
+ ))} +
); }