From 6630b0677109158bafaf9109df605fc72dba8042 Mon Sep 17 00:00:00 2001
From: Micha de Vries <micha@devrie.sh>
Date: Mon, 15 Apr 2024 00:03:33 +0200
Subject: [PATCH] Add missing translations

---
 .../events/[id]/[subpage]/page.tsx            |  12 +-
 .../events/[id]/[subpage]/settings.tsx        |  16 ++-
 .../(public)/account/create-profile/page.tsx  |  18 ++-
 src/app/[locale]/(public)/e/[event]/page.tsx  |  44 ++++---
 .../e/[event]/registration/[id]/page.tsx      |  50 +++++---
 .../[locale]/(public)/get-started/page.tsx    |  23 ----
 .../(public)/o/[organisation]/page.tsx        |  36 ++++--
 src/components/data/events/cards.tsx          |   6 +-
 src/lib/branding.ts                           |   3 +
 src/locales/en/components.json                |   6 +
 src/locales/en/pages.json                     | 107 +++++++++++++++++-
 src/locales/nl/components.json                |   6 +
 src/locales/nl/pages.json                     | 107 +++++++++++++++++-
 13 files changed, 352 insertions(+), 82 deletions(-)
 delete mode 100644 src/app/[locale]/(public)/get-started/page.tsx

diff --git a/src/app/[locale]/(console)/organisation/[organisation]/events/[id]/[subpage]/page.tsx b/src/app/[locale]/(console)/organisation/[organisation]/events/[id]/[subpage]/page.tsx
index 7ad4144..f39aa2f 100644
--- a/src/app/[locale]/(console)/organisation/[organisation]/events/[id]/[subpage]/page.tsx
+++ b/src/app/[locale]/(console)/organisation/[organisation]/events/[id]/[subpage]/page.tsx
@@ -111,15 +111,19 @@ export default function Account() {
                                     />
                                 </Link>
                             </div>
-                            <Tab value="overview">Overview</Tab>
-                            <Tab value="attendees">Attendees</Tab>
-                            <Tab value="events">Events</Tab>
+                            <Tab value="overview">
+                                {t('page.overview.title')}
+                            </Tab>
+                            <Tab value="attendees">
+                                {t('page.attendees.title')}
+                            </Tab>
+                            <Tab value="events">{t('page.events.title')}</Tab>
                             {organisation.can_manage && (
                                 <Tab
                                     value="settings"
                                     className="bg-transparent"
                                 >
-                                    Settings
+                                    {t('page.settings.title')}
                                 </Tab>
                             )}
                         </Container>
diff --git a/src/app/[locale]/(console)/organisation/[organisation]/events/[id]/[subpage]/settings.tsx b/src/app/[locale]/(console)/organisation/[organisation]/events/[id]/[subpage]/settings.tsx
index 0d8b1ee..17e2d6b 100644
--- a/src/app/[locale]/(console)/organisation/[organisation]/events/[id]/[subpage]/settings.tsx
+++ b/src/app/[locale]/(console)/organisation/[organisation]/events/[id]/[subpage]/settings.tsx
@@ -15,6 +15,7 @@ import { Actor } from '@/schema/resources/actor';
 import { Event } from '@/schema/resources/event';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { AlertOctagon, Loader2 } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import { useParams } from 'next/navigation';
 import React, { useCallback } from 'react';
 import { useForm } from 'react-hook-form';
@@ -28,6 +29,9 @@ export function EventSettingsTab({
     event: Event;
     refetch: () => unknown;
 }) {
+    const t = useTranslations(
+        'pages.console.organisation.events.page.settings'
+    );
     const { mutateAsync } = useUpdateEvent(event.id);
     const onSubmit = useCallback(
         async (payload: Partial<Event>) => {
@@ -76,30 +80,30 @@ export function EventSettingsTab({
                             <UploadImage
                                 intent="logo"
                                 actor={event as unknown as Actor}
-                                title="Upload Logo"
-                                description="Upload Logo"
+                                title={t('change-logo.title')}
+                                description={t('change-logo.description')}
                                 triggerRefresh={refetch}
                                 trigger={
                                     <Button
                                         variant="ghost"
                                         className="bg-white/10 backdrop-blur-lg hover:bg-white/20"
                                     >
-                                        Change logo
+                                        {t('change-logo.trigger')}
                                     </Button>
                                 }
                             />
                             <UploadImage
                                 intent="banner"
                                 actor={event as unknown as Actor}
-                                title="Upload Banner"
-                                description="Upload banner"
+                                title={t('change-banner.title')}
+                                description={t('change-banner.description')}
                                 triggerRefresh={refetch}
                                 trigger={
                                     <Button
                                         variant="ghost"
                                         className="bg-white/10 backdrop-blur-lg hover:bg-white/20"
                                     >
-                                        Change banner
+                                        {t('change-banner.trigger')}
                                     </Button>
                                 }
                             />
diff --git a/src/app/[locale]/(public)/account/create-profile/page.tsx b/src/app/[locale]/(public)/account/create-profile/page.tsx
index b5c25bd..e285ee4 100644
--- a/src/app/[locale]/(public)/account/create-profile/page.tsx
+++ b/src/app/[locale]/(public)/account/create-profile/page.tsx
@@ -18,6 +18,7 @@ import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { useSurreal } from '@/lib/Surreal';
 import { useAuth } from '@/lib/auth';
+import { privacy_policy } from '@/lib/branding';
 import { useFeatureFlags } from '@/lib/featureFlags';
 import { cn } from '@/lib/utils';
 import { useWebAuthnAvailable } from '@/lib/webauthn';
@@ -27,6 +28,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import jwt from 'jsonwebtoken';
 import { Info, Loader2, XCircle } from 'lucide-react';
 import { useTranslations } from 'next-intl';
+import Link from 'next/link';
 import { useSearchParams } from 'next/navigation';
 import React, { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
@@ -209,13 +211,27 @@ export default function CreateProfile() {
                             )}
                         </div>
                     </CardContent>
-                    <CardFooter>
+                    <CardFooter className="flex flex-col gap-2">
                         <Button
                             disabled={!isValid || !isBirthdateReady}
                             type="submit"
                         >
                             {t('button.continue')}
                         </Button>
+                        {privacy_policy && (
+                            <p>
+                                {t.rich('privacy-policy', {
+                                    link: (children) => (
+                                        <Link
+                                            href={privacy_policy ?? '#'}
+                                            target="_blank"
+                                        >
+                                            {children}
+                                        </Link>
+                                    ),
+                                })}
+                            </p>
+                        )}
                     </CardFooter>
                 </Card>
             </form>
diff --git a/src/app/[locale]/(public)/e/[event]/page.tsx b/src/app/[locale]/(public)/e/[event]/page.tsx
index 945bdab..4312e36 100644
--- a/src/app/[locale]/(public)/e/[event]/page.tsx
+++ b/src/app/[locale]/(public)/e/[event]/page.tsx
@@ -32,7 +32,7 @@ import {
 import { linkToProfile } from '@/schema/resources/profile';
 import { useQuery } from '@tanstack/react-query';
 import { Share } from 'lucide-react';
-import { useLocale } from 'next-intl';
+import { useLocale, useTranslations } from 'next-intl';
 import { useParams } from 'next/navigation';
 import React, { Fragment, useMemo, useState } from 'react';
 import { z } from 'zod';
@@ -41,6 +41,7 @@ export default function Page() {
     const params = useParams();
     const slug = Array.isArray(params.event) ? params.event[0] : params.event;
     const share = useShare();
+    const t = useTranslations('pages.e.index');
 
     const locale = useLocale();
     const order = useState<'desc' | 'asc'>('asc');
@@ -71,7 +72,7 @@ export default function Page() {
 
     if (isPending) return <LoaderOverlay />;
 
-    if (!data || !data.event) return <NotFoundScreen text="Event not found" />;
+    if (!data || !data.event) return <NotFoundScreen text={t('not-found')} />;
 
     const {
         event,
@@ -164,7 +165,7 @@ export default function Page() {
                                     'bg-white/10 backdrop-blur hover:bg-white/20'
                                 )}
                             >
-                                Manage
+                                {t('banner.manage')}
                             </Link>
                         )}
                         {!event.is_tournament && (
@@ -181,8 +182,8 @@ export default function Page() {
                                 className={buttonVariants()}
                             >
                                 {registration
-                                    ? 'Manage registration'
-                                    : 'Register'}
+                                    ? t('banner.registration.manage')
+                                    : t('banner.registration.register')}
                             </Link>
                         )}
                     </div>
@@ -192,7 +193,9 @@ export default function Page() {
                 {events.length > 0 && (
                     <div className="space-y-6 md:col-span-2 xl:col-span-3">
                         <div className="flex items-center justify-between pb-2">
-                            <h2 className="text-2xl font-semibold">Events</h2>
+                            <h2 className="text-2xl font-semibold">
+                                {t('details.title')}
+                            </h2>
                             <Pagination
                                 count={count}
                                 pagination={pagination}
@@ -205,8 +208,11 @@ export default function Page() {
                 <div className="space-y-6 md:col-span-2">
                     <div className="space-y-2">
                         <h2 className="pb-2 text-2xl font-semibold">
-                            About the{' '}
-                            {event.is_tournament ? 'tournament' : 'event'}
+                            {t(
+                                event.is_tournament
+                                    ? 'details.about.title-tournament'
+                                    : 'details.about.title-event'
+                            )}
                         </h2>
                         {event.computed.description && (
                             <div className="pb-2 text-foreground/75">
@@ -219,7 +225,7 @@ export default function Page() {
                     {event.start && (
                         <div className="space-y-1">
                             <h3 className="text-md font-semibold">
-                                Start of event
+                                {t('details.about.start')}
                             </h3>
                             <p className="text-sm text-foreground/75">
                                 <DateTooltip date={event.start} forceTime />
@@ -229,7 +235,7 @@ export default function Page() {
                     {event.end && (
                         <div className="space-y-1">
                             <h3 className="text-md font-semibold">
-                                End of event
+                                {t('details.about.end')}
                             </h3>
                             <p className="text-sm text-foreground/75">
                                 <DateTooltip date={event.end} forceTime />
@@ -239,7 +245,7 @@ export default function Page() {
                     {tournament && (
                         <div className="space-y-3">
                             <h3 className="text-md font-semibold">
-                                Tournament
+                                {t('details.about.tournament')}
                             </h3>
                             <div className="flex flex-col gap-3">
                                 <Profile
@@ -255,7 +261,9 @@ export default function Page() {
                     )}
                     {location && (
                         <div className="space-y-3">
-                            <h3 className="text-md font-semibold">Location</h3>
+                            <h3 className="text-md font-semibold">
+                                {t('details.about.location')}
+                            </h3>
                             <div className="w-full rounded-lg border p-2">
                                 <iframe
                                     width="100%"
@@ -269,7 +277,7 @@ export default function Page() {
                 </div>
                 <div className="space-y-6 md:col-span-2">
                     <h2 className="pb-2 text-2xl font-semibold">
-                        About the organiser
+                        {t('details.organiser.title')}
                     </h2>
                     <Profile
                         profile={organiser}
@@ -285,15 +293,19 @@ export default function Page() {
                         </p>
                     )}
                     <div className="space-y-1">
-                        <h3 className="text-md font-semibold">Email address</h3>
+                        <h3 className="text-md font-semibold">
+                            {t('details.organiser.email')}
+                        </h3>
                         <p className="text-sm text-foreground/75">
                             {organiser.email}
                         </p>
                     </div>
                     {organiser.website && (
                         <div className="space-y-1">
-                            <h3 className="text-md font-semibold">Website</h3>
-                            <p className="text-sm text-foreground/75">
+                            <h3 className="text-md font-semibold">
+                                {t('details.organiser.website')}
+                            </h3>
+                            <p className="text-sm text-foreground/75 hover:underline">
                                 <Link href={organiser.website} target="_blank">
                                     {organiser.website}
                                 </Link>
diff --git a/src/app/[locale]/(public)/e/[event]/registration/[id]/page.tsx b/src/app/[locale]/(public)/e/[event]/registration/[id]/page.tsx
index c8eb33f..ab2ba09 100644
--- a/src/app/[locale]/(public)/e/[event]/registration/[id]/page.tsx
+++ b/src/app/[locale]/(public)/e/[event]/registration/[id]/page.tsx
@@ -32,6 +32,7 @@ import { Organisation } from '@/schema/resources/organisation';
 import { linkToProfile } from '@/schema/resources/profile';
 import { User } from '@/schema/resources/user';
 import { useMutation, useQuery } from '@tanstack/react-query';
+import { useTranslations } from 'next-intl';
 import { useParams, useRouter } from 'next/navigation';
 import React, { Fragment, useCallback, useMemo } from 'react';
 import { z } from 'zod';
@@ -41,6 +42,7 @@ export default function Page() {
     const params = useParams();
     const slug = Array.isArray(params.event) ? params.event[0] : params.event;
     const regId = Array.isArray(params.id) ? params.id[0] : params.id;
+    const t = useTranslations('pages.e.registration');
 
     const { isPending, isLoading, data, refetch } = useData({
         slug,
@@ -111,7 +113,7 @@ export default function Page() {
     );
 
     if (isPending) return <LoaderOverlay />;
-    if (!data) return <NotFoundScreen text="Registration not found" />;
+    if (!data) return <NotFoundScreen text={t('not-found')} />;
 
     const { registration, tournament_path, is_player, can_manage } = data;
     const { out: event, in: registrant, players } = registration;
@@ -183,21 +185,23 @@ export default function Page() {
                                 'bg-white/10 backdrop-blur hover:bg-white/20'
                             )}
                         >
-                            View event
+                            {t('banner.view')}
                         </Link>
                         {(is_player || can_manage) && (
                             <DD>
                                 <DDTrigger asChild>
                                     <Button variant="destructive">
-                                        Unregister
+                                        {t('banner.unregister.trigger')}
                                     </Button>
                                 </DDTrigger>
                                 <DDContent>
-                                    <DDTitle>Are you sure?</DDTitle>
+                                    <DDTitle>
+                                        {t('banner.unregister.dialog.title')}
+                                    </DDTitle>
                                     <DDDescription>
-                                        If you decide you still want to play
-                                        after unregistering, you might need to
-                                        wait for approval by the organiser.
+                                        {t(
+                                            'banner.unregister.dialog.description'
+                                        )}
                                     </DDDescription>
                                     <DDFooter>
                                         <Button
@@ -205,7 +209,9 @@ export default function Page() {
                                             onClick={() => deleteRegistration()}
                                             disabled={isDeletingRegistration}
                                         >
-                                            I no longer want to participate
+                                            {t(
+                                                'banner.unregister.dialog.submit'
+                                            )}
                                         </Button>
                                     </DDFooter>
                                 </DDContent>
@@ -217,20 +223,28 @@ export default function Page() {
             <div className="grid gap-16 md:grid-cols-2">
                 <div className="space-y-8">
                     <h2 className="pb-2 text-2xl font-semibold">
-                        Registration
+                        {t('title')}
                     </h2>
                     <div className="space-y-1">
-                        <h3 className="text-md font-semibold">Confirmed</h3>
+                        <h3 className="text-md font-semibold">
+                            {t('details.confirmed.label')}
+                        </h3>
                         <p className="text-sm text-foreground/75">
-                            {registration.confirmed ? 'Yes' : 'No'}
+                            {registration.confirmed
+                                ? t('details.confirmed.yes')
+                                : t('details.confirmed.no')}
                         </p>
                     </div>
                     <div className="space-y-3">
-                        <h3 className="text-md font-semibold">Registered as</h3>
+                        <h3 className="text-md font-semibold">
+                            {t('details.registered-as')}
+                        </h3>
                         <Profile profile={registrant} size="tiny" />
                     </div>
                     <div className="space-y-3">
-                        <h3 className="text-md font-semibold">Players</h3>
+                        <h3 className="text-md font-semibold">
+                            {t('details.players.label')}
+                        </h3>
                         <div className="flex flex-col gap-2">
                             {players.map((player) => (
                                 <div
@@ -254,7 +268,7 @@ export default function Page() {
                                                 variant="destructive"
                                                 size="sm"
                                             >
-                                                Remove
+                                                {t('details.players.remove')}
                                             </Button>
                                         ) : (
                                             <Button
@@ -268,7 +282,7 @@ export default function Page() {
                                                 }
                                                 size="sm"
                                             >
-                                                Add
+                                                {t('details.players.add')}
                                             </Button>
                                         ))}
                                 </div>
@@ -278,7 +292,7 @@ export default function Page() {
                 </div>
                 <div className="space-y-6">
                     <h2 className="pb-2 text-2xl font-semibold">
-                        About the event
+                        {t('details.about.label')}
                     </h2>
                     {event.computed.description && (
                         <p className="text-foreground/75">
@@ -288,7 +302,7 @@ export default function Page() {
                     {event.start && (
                         <div className="space-y-1">
                             <h3 className="text-md font-semibold">
-                                Start of event
+                                {t('details.about.start')}
                             </h3>
                             <p className="text-sm text-foreground/75">
                                 <DateTooltip date={event.start} />
@@ -298,7 +312,7 @@ export default function Page() {
                     {event.end && (
                         <div className="space-y-1">
                             <h3 className="text-md font-semibold">
-                                End of event
+                                {t('details.about.end')}
                             </h3>
                             <p className="text-sm text-foreground/75">
                                 <DateTooltip date={event.end} />
diff --git a/src/app/[locale]/(public)/get-started/page.tsx b/src/app/[locale]/(public)/get-started/page.tsx
deleted file mode 100644
index 2281ac6..0000000
--- a/src/app/[locale]/(public)/get-started/page.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import Container from '@/components/layout/Container';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import React from 'react';
-
-export default function Home() {
-    return (
-        <div className="mx-24 flex flex-grow flex-col items-center justify-end">
-            <Container className="bg-noise-modal mt-12 w-full flex-grow rounded-t-3xl py-24">
-                <form className="flex h-full w-full flex-col items-center gap-20">
-                    <h1 className="py-12 text-5xl">Get Started</h1>
-                    <div className="flex w-full max-w-3xl flex-col gap-8">
-                        <Input placeholder="Name of organisation" />
-                        <Input type="email" placeholder="Email address" />
-                    </div>
-                    <Button className="mt-8" size="lg">
-                        Confirm my Email
-                    </Button>
-                </form>
-            </Container>
-        </div>
-    );
-}
diff --git a/src/app/[locale]/(public)/o/[organisation]/page.tsx b/src/app/[locale]/(public)/o/[organisation]/page.tsx
index 06de2c7..068792b 100644
--- a/src/app/[locale]/(public)/o/[organisation]/page.tsx
+++ b/src/app/[locale]/(public)/o/[organisation]/page.tsx
@@ -19,11 +19,13 @@ import {
 import { linkToProfile } from '@/schema/resources/profile';
 import { User } from '@/schema/resources/user';
 import { useQuery } from '@tanstack/react-query';
+import { useTranslations } from 'next-intl';
 import { useParams } from 'next/navigation';
 import React, { useState } from 'react';
 import { z } from 'zod';
 
 export default function Page() {
+    const t = useTranslations('pages.o.index');
     const params = useParams();
     const slug = Array.isArray(params.organisation)
         ? params.organisation[0]
@@ -40,7 +42,7 @@ export default function Page() {
     if (isPending) return <LoaderOverlay />;
 
     if (!data || !data.organisation)
-        return <NotFoundScreen text="Organisation not found" />;
+        return <NotFoundScreen text={t('not-found')} />;
 
     const { organisation, count, events, managers, part_of } = data;
 
@@ -62,14 +64,16 @@ export default function Page() {
                         href={linkToProfile(organisation, 'manage') ?? ''}
                         className={buttonVariants()}
                     >
-                        Manage
+                        {t('manage')}
                     </Link>
                 )}
             </div>
             <div className="flex flex-col-reverse gap-12 md:flex-row md:gap-16">
                 <div className="flex-[3] space-y-6">
                     <div className="flex items-center justify-between pb-2">
-                        <h2 className="text-2xl font-semibold">Events</h2>
+                        <h2 className="text-2xl font-semibold">
+                            {t('events.title')}
+                        </h2>
                         {events.length > 0 && (
                             <Pagination
                                 count={count}
@@ -81,20 +85,28 @@ export default function Page() {
                     {events.length > 0 ? (
                         <EventGrid events={events} viewButton narrow />
                     ) : (
-                        <p className="text-foreground/75">No events found</p>
+                        <p className="text-foreground/75">
+                            {t('events.empty')}
+                        </p>
                     )}
                 </div>
                 <div className="flex-[2] space-y-6">
-                    <h2 className="pb-2 text-2xl font-semibold">About</h2>
+                    <h2 className="pb-2 text-2xl font-semibold">
+                        {t('about.title')}
+                    </h2>
                     <div className="space-y-1">
-                        <h3 className="text-md font-semibold">Email</h3>
+                        <h3 className="text-md font-semibold">
+                            {t('about.email')}
+                        </h3>
                         <p className="text-sm text-foreground/75">
                             {organisation.email}
                         </p>
                     </div>
                     {organisation.website && (
                         <div className="space-y-1">
-                            <h3 className="text-md font-semibold">Website</h3>
+                            <h3 className="text-md font-semibold">
+                                {t('about.website')}
+                            </h3>
                             <Link
                                 href={organisation.website}
                                 target="_blank"
@@ -107,7 +119,7 @@ export default function Page() {
                     {organisation.description && (
                         <div className="space-y-1">
                             <h3 className="text-md font-semibold">
-                                Description
+                                {t('about.description')}
                             </h3>
                             <p className="text-sm text-foreground/75">
                                 <Markdown>{organisation.description}</Markdown>
@@ -116,7 +128,9 @@ export default function Page() {
                     )}
                     {part_of && (
                         <div className="space-y-3">
-                            <h3 className="text-md font-semibold">Part of</h3>
+                            <h3 className="text-md font-semibold">
+                                {t('about.part-of')}
+                            </h3>
                             <div className="flex flex-col gap-3">
                                 <Profile
                                     key={part_of.id}
@@ -131,7 +145,9 @@ export default function Page() {
                     )}
                     {managers.length > 0 && (
                         <div className="space-y-3">
-                            <h3 className="text-md font-semibold">Members</h3>
+                            <h3 className="text-md font-semibold">
+                                {t('about.members')}
+                            </h3>
                             <div className="flex flex-col gap-3">
                                 {managers.map((manager) => {
                                     const user = manager as unknown as User;
diff --git a/src/components/data/events/cards.tsx b/src/components/data/events/cards.tsx
index f921a06..ca2f501 100644
--- a/src/components/data/events/cards.tsx
+++ b/src/components/data/events/cards.tsx
@@ -14,6 +14,7 @@ import { cn } from '@/lib/utils';
 import { Link } from '@/locales/navigation';
 import { Event } from '@/schema/resources/event';
 import { Baby, CalendarDays, Users } from 'lucide-react';
+import { useTranslations } from 'next-intl';
 import React from 'react';
 
 export function EventGrid({
@@ -126,6 +127,7 @@ export function EventCard({
     viewButton?: boolean;
     manageButton?: boolean;
 }) {
+    const t = useTranslations('components.data.events.cards.card');
     return (
         <div className="flex flex-col overflow-hidden rounded border">
             <Banner
@@ -234,7 +236,7 @@ export function EventCard({
                                     href={`/e/${event.id.slice(6)}`}
                                     className={buttonVariants({ size: 'sm' })}
                                 >
-                                    View
+                                    {t('view')}
                                 </Link>
                             )}
                             {manageButton && (
@@ -247,7 +249,7 @@ export function EventCard({
                                         variant: 'outline',
                                     })}
                                 >
-                                    Manage
+                                    {t('manage')}
                                 </Link>
                             )}
                         </>
diff --git a/src/lib/branding.ts b/src/lib/branding.ts
index a7aba14..558398e 100644
--- a/src/lib/branding.ts
+++ b/src/lib/branding.ts
@@ -2,3 +2,6 @@ export const brand_name = process.env.NEXT_PUBLIC_BRAND_NAME ?? 'Playrbase';
 export const brand_description =
     process.env.NEXT_PUBLIC_BRAND_DESCRIPTION ??
     `${brand_name} is an all-in-one event and player management solution. Get started for free!`;
+
+export const privacy_policy =
+    process.env.NEXT_PUBLIC_PRIVACY_POLICY ?? undefined;
diff --git a/src/locales/en/components.json b/src/locales/en/components.json
index 7a8f7d2..a61ddf5 100644
--- a/src/locales/en/components.json
+++ b/src/locales/en/components.json
@@ -495,6 +495,12 @@
         "button": {
           "save": "Create event"
         }
+      },
+      "cards": {
+        "card": {
+          "view": "View",
+          "manage": "Manage"
+        }
       }
     },
     "teams": {
diff --git a/src/locales/en/pages.json b/src/locales/en/pages.json
index 99d6269..b912b7b 100644
--- a/src/locales/en/pages.json
+++ b/src/locales/en/pages.json
@@ -342,6 +342,30 @@
             }
           },
           "submit": "Create event"
+        },
+        "page": {
+          "overview": {
+            "title": "Overview"
+          },
+          "attendees": {
+            "title": "Attendees"
+          },
+          "events": {
+            "title": "Events"
+          },
+          "settings": {
+            "title": "Settings",
+            "change-logo": {
+              "title": "Change logo",
+              "description": "Upload a logo which will be shown publicly throughout {brand_name}",
+              "trigger": "Change logo"
+            },
+            "change-banner": {
+              "title": "Change banner",
+              "description": "Upload a banner which will be shown publicly throughout {brand_name}",
+              "trigger": "Change banner"
+            }
+          }
         }
       },
       "members": {
@@ -647,7 +671,8 @@
       },
       "button": {
         "continue": "Continue"
-      }
+      },
+      "privacy-policy": "By creating an account with {brand_name}, you agree to <link>our privacy policy</link>."
     },
     "create-passkey": {
       "title": "Create a Passkey",
@@ -662,5 +687,85 @@
         "trigger": "Save name"
       }
     }
+  },
+  "e": {
+    "index": {
+      "not-found": "Event not found",
+      "banner": {
+        "manage": "Manage",
+        "registration": {
+          "manage": "Manage registration",
+          "register": "Register"
+        }
+      },
+      "details": {
+        "title": "Events",
+        "about": {
+          "title-tournament": "About the tournament",
+          "title-event": "About the event",
+          "start": "Start of event",
+          "end": "End of event",
+          "tournament": "Tournament",
+          "location": "Location"
+        },
+        "organiser": {
+          "title": "About the organiser",
+          "email": "Email address",
+          "website": "Website"
+        },
+        "outcome": "Outcome"
+      }
+    },
+    "registration": {
+      "title": "Registration",
+      "not-found": "Registration not found",
+      "banner": {
+        "view": "View event",
+        "unregister": {
+          "trigger": "Unregister",
+          "dialog": {
+            "title": "Are you sure?",
+            "description": "If you decide you still want to play after unregistering, you might need to wait for approval by the organiser.",
+            "submit": "I no longer want to participate"
+          }
+        }
+      },
+      "details": {
+        "confirmed": {
+          "label": "Confirmed",
+          "yes": "Yes",
+          "no": "No"
+        },
+        "registered-as": "Registered as",
+        "players": {
+          "label": "Players",
+          "remove": "Remove",
+          "add": "Add"
+        },
+        "about": {
+          "label": "About the event",
+          "start": "Start of event",
+          "end": "End of event"
+        }
+      }
+    }
+  },
+  "o": {
+    "index": {
+      "not-found": "Organisation not found",
+      "manage": "Manage",
+      "events": {
+        "title": "Events",
+        "empty": "No events found"
+      },
+      "about": {
+        "title": "About",
+        "email": "Email address",
+        "website": "Website",
+        "description": "Description",
+        "part-of": "Part of",
+        "members": "Members"
+      }
+    }
   }
 }
\ No newline at end of file
diff --git a/src/locales/nl/components.json b/src/locales/nl/components.json
index 23b3eab..5d5e8bc 100644
--- a/src/locales/nl/components.json
+++ b/src/locales/nl/components.json
@@ -495,6 +495,12 @@
             }
           }
         }
+      },
+      "cards": {
+        "card": {
+          "manage": "Beheren",
+          "view": "Bekijken"
+        }
       }
     },
     "organisations": {
diff --git a/src/locales/nl/pages.json b/src/locales/nl/pages.json
index 5d92be3..285ff14 100644
--- a/src/locales/nl/pages.json
+++ b/src/locales/nl/pages.json
@@ -476,6 +476,30 @@
             "creating-event": "Evenement aan het maken"
           },
           "trigger": "Nieuw evenement"
+        },
+        "page": {
+          "attendees": {
+            "title": "Deelnemers"
+          },
+          "events": {
+            "title": "Evenementen"
+          },
+          "overview": {
+            "title": "Overzicht"
+          },
+          "settings": {
+            "change-banner": {
+              "description": "Upload een banner die overal in {brand_name} openbaar wordt getoond",
+              "title": "Verander banner",
+              "trigger": "Verander banner"
+            },
+            "change-logo": {
+              "description": "Upload een logo dat overal in {brand_name} openbaar wordt getoond",
+              "title": "Verander logo",
+              "trigger": "Verander logo"
+            },
+            "title": "Instellingen"
+          }
         }
       },
       "organisations": {
@@ -647,7 +671,8 @@
         }
       },
       "tagline": "om inschrijving te voltooien",
-      "title": "Profiel aanmaken"
+      "title": "Profiel aanmaken",
+      "privacy-policy": "Door een account te maken bij {brand_name}, ga je akkoord met <link>onze privacy voorwaarden</link>."
     },
     "create-passkey": {
       "created": {
@@ -662,5 +687,85 @@
       },
       "title": "Maak een Passkey"
     }
+  },
+  "e": {
+    "index": {
+      "banner": {
+        "manage": "Beheren",
+        "registration": {
+          "manage": "Registratie beheren",
+          "register": "Registreren"
+        }
+      },
+      "details": {
+        "about": {
+          "end": "Einde van evenement",
+          "location": "Locatie",
+          "start": "Start van evenement",
+          "title-event": "Over het evenement",
+          "title-tournament": "Over het tournament",
+          "tournament": "Tournament"
+        },
+        "organiser": {
+          "email": "E-mailadres",
+          "title": "Over de organisator",
+          "website": "Website"
+        },
+        "outcome": "Uitslag",
+        "title": "Evenementen"
+      },
+      "not-found": "Evenement niet gevonden"
+    },
+    "registration": {
+      "banner": {
+        "unregister": {
+          "dialog": {
+            "description": "Als je na het uitschrijven besluit dat je toch wilt spelen, moet je mogelijk wachten op goedkeuring van de organisator.",
+            "submit": "Ik wil niet langer deelnemen",
+            "title": "Weet je het zeker?"
+          },
+          "trigger": "Uitschrijven"
+        },
+        "view": "Bekijk evenement"
+      },
+      "details": {
+        "about": {
+          "end": "Einde van evenement",
+          "label": "Over het evenement",
+          "start": "Start van evenement"
+        },
+        "confirmed": {
+          "label": "Bevestigd",
+          "no": "Nee",
+          "yes": "Ja"
+        },
+        "players": {
+          "add": "Toevoegen",
+          "label": "Spelers",
+          "remove": "Verwijderen"
+        },
+        "registered-as": "Geregistreerd als"
+      },
+      "not-found": "Registratie niet gevonden",
+      "title": "Registratie"
+    }
+  },
+  "o": {
+    "index": {
+      "about": {
+        "description": "Beschrijving",
+        "email": "E-mailadres",
+        "members": "Leden",
+        "part-of": "Onderdeel van",
+        "title": "Over",
+        "website": "Website"
+      },
+      "events": {
+        "empty": "Geen evenementen gevonden",
+        "title": "Evenementen"
+      },
+      "manage": "Beheren",
+      "not-found": "Organisatie niet gevonden"
+    }
   }
 }
\ No newline at end of file