diff --git a/src/lib/loaders/LoaderPerson.ts b/src/lib/loaders/LoaderPerson.ts
new file mode 100644
index 0000000..c018ecb
--- /dev/null
+++ b/src/lib/loaders/LoaderPerson.ts
@@ -0,0 +1,5 @@
+import { DB } from '$lib/integrations/db';
+
+export const LoaderPersons = (yearId: string) => {
+	return () => DB.getPersons(yearId);
+};
diff --git a/src/routes/rok/[year]/+page.server.ts b/src/routes/rok/[year]/+page.server.ts
index 91cb23d..d6d36f1 100644
--- a/src/routes/rok/[year]/+page.server.ts
+++ b/src/routes/rok/[year]/+page.server.ts
@@ -1,4 +1,5 @@
 import { orchestrateLoaders } from '$lib/loaders';
+import { LoaderPersons } from '$lib/loaders/LoaderPerson';
 import { LoaderYear } from '$lib/loaders/LoaderYear';
 import { LoaderYears } from '$lib/loaders/LoaderYear';
 
@@ -8,8 +9,11 @@ export const load = async ({ params }: { params: { year: string } }) => {
 		LoaderYears()
 	]);
 
+	const personsData = await LoaderPersons(yearData.id)();
+
 	return {
 		year: yearData,
-		years: yearsData
+		years: yearsData,
+		persons: personsData
 	};
 };
diff --git a/src/routes/rok/[year]/+page.svelte b/src/routes/rok/[year]/+page.svelte
index c2b956f..9c45f69 100644
--- a/src/routes/rok/[year]/+page.svelte
+++ b/src/routes/rok/[year]/+page.svelte
@@ -1,4 +1,5 @@
 <script>
+	import PersonCard from '$lib/components/molecules/PersonCard.svelte';
 	import YearNav from '$lib/components/molecules/YearNav.svelte';
 	import YearControls from '$lib/components/organisms/YearControls.svelte';
 	import YearOverview from '$lib/components/organisms/YearOverview.svelte';
@@ -9,3 +10,8 @@
 <YearOverview data={data.year} />
 <YearNav years={data.years} />
 <YearControls />
+<section class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+	{#each data.persons as person}
+		<PersonCard {...person} />
+	{/each}
+</section>