diff --git a/shared/locales/de/website-donate.json b/shared/locales/de/website-donate.json index 458a0cd6e..d972ecc54 100644 --- a/shared/locales/de/website-donate.json +++ b/shared/locales/de/website-donate.json @@ -96,6 +96,7 @@ "about-si-title": "Über Social Income", "about-si-text-1": "Social Income ist eine NGO mit Sitz in der Schweiz, die bedingungslose Geldüberweisungen per Mobiltelefon an Menschen in multidimensionaler Armut in Westafrika bereitstellt.", "about-si-text-2": "Seit 2020 führt Social Income ein zeitlich unbegrenztes Programm für ein universelles Grundeinkommen in Sierra Leone durch.", - "more-faq": "Mehr Fragen" + "more-faq": "Mehr Fragen", + "badge-highlight": "Aktuelle Kampagne" } } diff --git a/shared/locales/en/website-donate.json b/shared/locales/en/website-donate.json index 0e0394eba..d4bd3bdc1 100644 --- a/shared/locales/en/website-donate.json +++ b/shared/locales/en/website-donate.json @@ -96,6 +96,7 @@ "about-si-title": "About Social Income", "about-si-text-1": "Social Income is a nonprofit organization based in Switzerland that provides unconditional cash transfers via mobile phone to people living in multidimensional poverty in West Africa.", "about-si-text-2": "Since 2020, Social Income has been running an open-ended universal basic income program in Sierra Leone.", - "more-faq": "More questions" + "more-faq": "More questions", + "badge-highlight": "Ongoing Campaign" } } diff --git a/website/src/app/[lang]/[region]/(website)/(home)/(sections)/active-campaign.tsx b/website/src/app/[lang]/[region]/(website)/(home)/(sections)/active-campaign.tsx new file mode 100644 index 000000000..e4bc909ce --- /dev/null +++ b/website/src/app/[lang]/[region]/(website)/(home)/(sections)/active-campaign.tsx @@ -0,0 +1,38 @@ +import { WebsiteLanguage } from '@/i18n'; +import { BellAlertIcon } from '@heroicons/react/24/solid'; +import { Translator } from '@socialincome/shared/src/utils/i18n'; +import { Badge, BaseContainer, Typography } from '@socialincome/ui'; +import Link from 'next/link'; + +export async function Campaign({ lang }: { lang: WebsiteLanguage }) { + const translator = await Translator.getInstance({ + language: lang, + namespaces: ['website-donate'], + }); + + return ( + + + + + + {translator.t('campaign.badge-highlight')} + + + Rebuilding Lives by Ismatu Gwendolyn + + + + + ); +} diff --git a/website/src/app/[lang]/[region]/(website)/(home)/page.tsx b/website/src/app/[lang]/[region]/(website)/(home)/page.tsx index 670dbeb81..9544f542a 100644 --- a/website/src/app/[lang]/[region]/(website)/(home)/page.tsx +++ b/website/src/app/[lang]/[region]/(website)/(home)/page.tsx @@ -8,6 +8,7 @@ import { ThreeApproaches } from '@/app/[lang]/[region]/(website)/(home)/(section import { WhatWouldChange } from '@/app/[lang]/[region]/(website)/(home)/(sections)/what-would-change'; import NewsletterPopup from '@/components/newsletter-popup/newsletter-popup'; import { Translator } from '@socialincome/shared/src/utils/i18n'; +import { Campaign } from './(sections)/active-campaign'; import { Video } from './(sections)/video'; export default async function Page({ params: { lang, region } }: DefaultPageProps) { @@ -15,6 +16,7 @@ export default async function Page({ params: { lang, region } }: DefaultPageProp const vimeoVideoId = Number(translator.t('id.video-02')); return ( <> +