diff --git a/hdyc-svelte/src/routes/+page.svelte b/hdyc-svelte/src/routes/+page.svelte
index 2e8c66a..0494ed9 100644
--- a/hdyc-svelte/src/routes/+page.svelte
+++ b/hdyc-svelte/src/routes/+page.svelte
@@ -1,11 +1,14 @@
 <script lang="ts">
-  import { getCategoriesWithCounts, calculators } from '$lib/data/calculators';
+  import { categories, calculators } from '$lib/data/calculators';
   import CategoryCard from '$lib/components/CategoryCard.svelte';
   import SearchBar from '$lib/components/SearchBar.svelte';
 
-  const cats = getCategoriesWithCounts();
+  const cats = Object.entries(categories).map(([key, meta]) => ({
+    key,
+    ...meta,
+  }));
   const totalCalculators = calculators.length;
-  const totalCategories = cats.length;
+  const totalCategories = Object.keys(categories).length;
 </script>
 
 <svelte:head>