diff --git a/package-lock.json b/package-lock.json
index 8782c44..ca6501d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,12 +14,14 @@
         "@testing-library/user-event": "^13.5.0",
         "katex": "^0.16.25",
         "lucide-react": "^0.263.1",
+        "raw.macro": "^0.4.2",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-katex": "^3.1.0",
         "react-router-dom": "^6.8.1",
         "recharts": "^2.8.0",
-        "web-vitals": "^2.1.4"
+        "web-vitals": "^2.1.4",
+        "yaml": "^2.6.0"
       },
       "devDependencies": {
         "@types/node": "^16.18.0",
@@ -4123,7 +4125,6 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
       "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/@types/prettier": {
@@ -6093,7 +6094,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -6702,6 +6702,16 @@
         "node": ">=10"
       }
     },
+    "node_modules/cosmiconfig/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/cross-spawn": {
       "version": "7.0.6",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
@@ -7048,6 +7058,16 @@
         "postcss": "^8.2.15"
       }
     },
+    "node_modules/cssnano/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/csso": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
@@ -7866,7 +7886,6 @@
       "version": "1.3.4",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
       "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-arrayish": "^0.2.1"
@@ -9602,6 +9621,16 @@
         "node": ">=10"
       }
     },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/form-data": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.4.tgz",
@@ -9701,7 +9730,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -10157,7 +10185,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
@@ -10533,7 +10560,6 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
       "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
@@ -10550,7 +10576,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=4"
@@ -10677,7 +10702,6 @@
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/is-async-function": {
@@ -10763,7 +10787,6 @@
       "version": "2.16.1",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
       "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.2"
@@ -12416,7 +12439,6 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
       "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/json-schema": {
@@ -12651,7 +12673,6 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
       "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/loader-runner": {
@@ -13580,7 +13601,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
@@ -13593,7 +13613,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
       "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/code-frame": "^7.0.0",
@@ -13670,7 +13689,6 @@
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/path-scurry": {
@@ -13708,7 +13726,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -15456,6 +15473,54 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/raw.macro": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/raw.macro/-/raw.macro-0.4.2.tgz",
+      "integrity": "sha512-Z+zKtCweyJ3lGYdUNq/BQwfzqQE2wrXjz0RNEes5nDniPpjvBw64sKYFXStJSfmZUmiBxv4DsN1lto982UAhFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "babel-plugin-macros": "^2.8.0"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/raw.macro/node_modules/babel-plugin-macros": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz",
+      "integrity": "sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.7.2",
+        "cosmiconfig": "^6.0.0",
+        "resolve": "^1.12.0"
+      }
+    },
+    "node_modules/raw.macro/node_modules/cosmiconfig": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz",
+      "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.1.0",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.7.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/raw.macro/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/react": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
@@ -16273,7 +16338,6 @@
       "version": "1.22.11",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
       "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.16.1",
@@ -17913,7 +17977,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -18205,21 +18268,6 @@
         }
       }
     },
-    "node_modules/tailwindcss/node_modules/yaml": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.1.tgz",
-      "integrity": "sha512-lcYcMxX2PO9XMGvAJkJ3OsNMw+/7FKes7/hgerGUYWIoWu5j/+YQqcZr5JnPZWzOsEBgMbSbiSTn/dv/69Mkpw==",
-      "dev": true,
-      "license": "ISC",
-      "optional": true,
-      "peer": true,
-      "bin": {
-        "yaml": "bin.mjs"
-      },
-      "engines": {
-        "node": ">= 14.6"
-      }
-    },
     "node_modules/tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
@@ -19981,13 +20029,18 @@
       "license": "ISC"
     },
     "node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "dev": true,
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.2.tgz",
+      "integrity": "sha512-mplynKqc1C2hTVYxd0PU2xQAc22TI1vShAYGksCCfxbn/dFwnHTNi1bvYsBTkhdUNtGIf5xNOg938rrSSYvS9A==",
       "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
       "engines": {
-        "node": ">= 6"
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
       }
     },
     "node_modules/yargs": {
diff --git a/package.json b/package.json
index 4107ef9..e1f2c82 100644
--- a/package.json
+++ b/package.json
@@ -10,12 +10,14 @@
     "@testing-library/user-event": "^13.5.0",
     "katex": "^0.16.25",
     "lucide-react": "^0.263.1",
+    "raw.macro": "^0.4.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-katex": "^3.1.0",
     "react-router-dom": "^6.8.1",
     "recharts": "^2.8.0",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^2.1.4",
+    "yaml": "^2.6.0"
   },
   "devDependencies": {
     "@types/node": "^16.18.0",
diff --git a/public/index.html b/public/index.html
index 435e11d..b1c326d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -17,7 +17,7 @@
     <meta name="google-site-verification" content="KC7qowG-JGDC4rYL6aI9UJHlVMrmNIqSm4_JwgAS4Mc" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
+    <meta name="description" content="Website for RouterArena, an open platform for comprehensive comparison of LLM routers" />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
@@ -33,7 +33,9 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>RouterArena</title>
+    <title>RouterArena: An Open Platform for Comprehensive Comparison of
+      LLM Routers
+      </title>
   </head>
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-CFZYZLHP5X"></script>
   <script>
diff --git a/src/components/DatasetCompositionChart.tsx b/src/components/DatasetCompositionChart.tsx
index 8ae2485..00424b7 100644
--- a/src/components/DatasetCompositionChart.tsx
+++ b/src/components/DatasetCompositionChart.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip, LabelList } from 'recharts';
+import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip } from 'recharts';
+import datasetComposition from '../data/datasetComposition.json';
 import './DatasetCompositionChart.css';
 
 interface CategoryData {
@@ -23,55 +24,21 @@ interface SubcategoryData {
   parentCategory: string;
 }
 
-const categoryData: CategoryData = {
-  'Computer Science, information science, and general works': {
-    'Computer science, knowledge, and systems': 1004,
-    'Library and information science': 396,
-  },
-  'Philosophy and psychology': {
-    Philosophy: 122,
-    Psychology: 187,
-    'Philosophical logic': 108,
-    Ethics: 283,
-  },
-  'Social Science': {
-    'Social sciences, sociology and anthropology': 55,
-    Economics: 426,
-    Law: 158,
-    'Social problems': 61,
-  },
-  Language: {
-    Language: 700,
-  },
-  Science: {
-    Science: 114,
-    Mathematics: 601,
-    Physics: 97,
-    Chemistry: 90,
-    'Earth sciences and geology': 330,
-    Biology: 143,
-    'Animals (Zoology)': 25,
-  },
-  Technology: {
-    'Medicine and health': 992,
-    Engineering: 335,
-    'Management and public relations': 73,
-  },
-  'Arts & recreation': {
-    Arts: 154,
-    Music: 240,
-    'Sports, games and entertainment': 306,
-  },
-  Literature: {
-    'Literature, rhetoric and criticism': 700,
-  },
-  History: {
-    History: 498,
-    Geography: 150,
-    'Biography and genealogy': 52,
-  },
+interface SubcategoryDescriptions {
+  [category: string]: {
+    [subcategory: string]: string;
+  };
+}
+
+type DatasetCompositionSchema = {
+  categoryValues: CategoryData;
+  subcategoryDescriptions: SubcategoryDescriptions;
 };
 
+const datasetCompositionData = datasetComposition as DatasetCompositionSchema;
+const categoryData: CategoryData = datasetCompositionData.categoryValues;
+const subcategoryDescriptions: SubcategoryDescriptions = datasetCompositionData.subcategoryDescriptions;
+
 // Color palette for categories
 const categoryColors = [
   '#3B82F6', // Blue
@@ -85,13 +52,6 @@ const categoryColors = [
   '#FBBF24', // Yellow
 ];
 
-// Difficulty level colors
-const difficultyColors = {
-  Easy: '#22C55E',
-  Medium: '#F59E0B',
-  Hard: '#EF4444',
-};
-
 // Helper function to get a lighter shade of a color
 const getLighterColor = (color: string, opacity: number = 0.7) => {
   const hex = color.replace('#', '');
@@ -203,69 +163,13 @@ const DatasetCompositionChart: React.FC = () => {
     if (active && payload && payload.length) {
       const data = payload[0].payload;
 
-      // Get subcategory descriptions
-      const getSubcategoryDescription = (name: string, parent: string) => {
-        const descriptions: {
-          [key: string]: { [key: string]: string };
-        } = {
-          'Computer Science, information science, and general works': {
-            'Computer science, knowledge, and systems': 'Core CS concepts & systems',
-            'Library and information science': 'Information management & retrieval',
-          },
-          'Philosophy and psychology': {
-            Philosophy: 'Fundamental questions & reasoning',
-            Psychology: 'Human behavior & cognition',
-            'Philosophical logic': 'Logical reasoning & argumentation',
-            Ethics: 'Moral principles & values',
-          },
-          'Social Science': {
-            'Social sciences, sociology, and anthropology': 'Human societies & cultures',
-            Economics: 'Resource allocation & markets',
-            Law: 'Legal systems & regulations',
-            'Social problems': 'Contemporary social issues',
-          },
-          Language: {
-            Language: 'Linguistics & communication',
-          },
-          Science: {
-            Science: 'General scientific principles',
-            Mathematics: 'Mathematical concepts & proofs',
-            Physics: 'Physical laws & phenomena',
-            Chemistry: 'Chemical reactions & compounds',
-            'Earth sciences and geology': 'Earth processes & materials',
-            Biology: 'Living organisms & life processes',
-            'Animals (Zoology)': 'Animal behavior & classification',
-          },
-          Technology: {
-            'Medicine and health': 'Medical knowledge & healthcare',
-            Engineering: 'Applied science & design',
-            'Management and public relations': 'Business & organizational skills',
-          },
-          'Arts & recreation': {
-            Arts: 'Creative expression & aesthetics',
-            Music: 'Musical theory & performance',
-            'Sports, games and entertainment': 'Recreation & leisure activities',
-          },
-          Literature: {
-            'Literature, rhetoric and criticism': 'Written works & analysis',
-          },
-          History: {
-            History: 'Past events & developments',
-            Geography: "Earth's features & locations",
-            'Biography and genealogy': 'Personal histories & lineages',
-          },
-        };
-
-        return descriptions[parent]?.[name] || name;
-      };
-
       return (
         <div className="chart-tooltip">
           <p className="tooltip-title">{data.name}</p>
           <p className="tooltip-value">{data.value.toLocaleString()} queries</p>
           {data.parentCategory && (
             <p className="tooltip-category">
-              {getSubcategoryDescription(data.name, data.parentCategory)}
+              {subcategoryDescriptions[data.parentCategory]?.[data.name] || data.name}
             </p>
           )}
         </div>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 54d3cb5..d47650f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { Menu, X, Trophy, Home, Send, Users, Github, FileText} from 'lucide-react';
 import './Header.css';
-import { contactInfo } from '../data/mockData';
+import { contactInfo } from '../data/routerData';
 import whiteLogo from '../assets/images/entire_logo_white.png';
 
 const Header: React.FC = () => {
diff --git a/src/data/contactInfo.json b/src/data/contactInfo.json
new file mode 100644
index 0000000..9f56785
--- /dev/null
+++ b/src/data/contactInfo.json
@@ -0,0 +1,16 @@
+{
+  "authors": [
+    { "name": "Yifan Lu", "email": "yifan.lu@rice.edu", "affiliation": "Rice University" },
+    { "name": "Rixin Liu", "email": "rixin.liu@rice.edu", "affiliation": "Rice University" },
+    { "name": "Jiayi Yuan", "email": "jy101@rice.edu", "affiliation": "Rice University" },
+    { "name": "Xingqi Cui", "email": "xc66@rice.edu", "affiliation": "Rice University" },
+    { "name": "Shenrun Zhang", "email": "sz81@rice.edu", "affiliation": "Rice University" },
+    { "name": "Hongyi Liu", "email": "hl87@rice.edu", "affiliation": "Rice University" },
+    { "name": "Jiarong Xing", "email": "jxing@rice.edu", "affiliation": "Rice University" }
+  ],
+  "institution": "Rice University",
+  "email": "yifan.lu@rice.edu",
+  "github": "https://github.com/RouteWorks/RouterArena",
+  "paper": "https://www.arxiv.org/abs/2510.00202",
+  "huggingface": "https://huggingface.co/datasets/RouteWorks/RouterArena"
+}
diff --git a/src/data/datasetComposition.json b/src/data/datasetComposition.json
new file mode 100644
index 0000000..4273d72
--- /dev/null
+++ b/src/data/datasetComposition.json
@@ -0,0 +1,98 @@
+{
+  "categoryValues": {
+    "Computer Science, information science, and general works": {
+      "Computer science, knowledge, and systems": 1004,
+      "Library and information science": 396
+    },
+    "Philosophy and psychology": {
+      "Philosophy": 122,
+      "Psychology": 187,
+      "Philosophical logic": 108,
+      "Ethics": 283
+    },
+    "Social Science": {
+      "Social sciences, sociology and anthropology": 55,
+      "Economics": 426,
+      "Law": 158,
+      "Social problems": 61
+    },
+    "Language": {
+      "Language": 700
+    },
+    "Science": {
+      "Science": 114,
+      "Mathematics": 601,
+      "Physics": 97,
+      "Chemistry": 90,
+      "Earth sciences and geology": 330,
+      "Biology": 143,
+      "Animals (Zoology)": 25
+    },
+    "Technology": {
+      "Medicine and health": 992,
+      "Engineering": 335,
+      "Management and public relations": 73
+    },
+    "Arts & recreation": {
+      "Arts": 154,
+      "Music": 240,
+      "Sports, games and entertainment": 306
+    },
+    "Literature": {
+      "Literature, rhetoric and criticism": 700
+    },
+    "History": {
+      "History": 498,
+      "Geography": 150,
+      "Biography and genealogy": 52
+    }
+  },
+  "subcategoryDescriptions": {
+    "Computer Science, information science, and general works": {
+      "Computer science, knowledge, and systems": "Core CS concepts & systems",
+      "Library and information science": "Information management & retrieval"
+    },
+    "Philosophy and psychology": {
+      "Philosophy": "Fundamental questions & reasoning",
+      "Psychology": "Human behavior & cognition",
+      "Philosophical logic": "Logical reasoning & argumentation",
+      "Ethics": "Moral principles & values"
+    },
+    "Social Science": {
+      "Social sciences, sociology and anthropology": "Human societies & cultures",
+      "Economics": "Resource allocation & markets",
+      "Law": "Legal systems & regulations",
+      "Social problems": "Contemporary social issues"
+    },
+    "Language": {
+      "Language": "Linguistics & communication"
+    },
+    "Science": {
+      "Science": "General scientific principles",
+      "Mathematics": "Mathematical concepts & proofs",
+      "Physics": "Physical laws & phenomena",
+      "Chemistry": "Chemical reactions & compounds",
+      "Earth sciences and geology": "Earth processes & materials",
+      "Biology": "Living organisms & life processes",
+      "Animals (Zoology)": "Animal behavior & classification"
+    },
+    "Technology": {
+      "Medicine and health": "Medical knowledge & healthcare",
+      "Engineering": "Applied science & design",
+      "Management and public relations": "Business & organizational skills"
+    },
+    "Arts & recreation": {
+      "Arts": "Creative expression & aesthetics",
+      "Music": "Musical theory & performance",
+      "Sports, games and entertainment": "Recreation & leisure activities"
+    },
+    "Literature": {
+      "Literature, rhetoric and criticism": "Written works & analysis"
+    },
+    "History": {
+      "History": "Past events & developments",
+      "Geography": "Earth's features & locations",
+      "Biography and genealogy": "Personal histories & lineages"
+    }
+  }
+}
diff --git a/src/data/datasetInfo.json b/src/data/datasetInfo.json
new file mode 100644
index 0000000..f3f8fd8
--- /dev/null
+++ b/src/data/datasetInfo.json
@@ -0,0 +1,7 @@
+{
+  "totalQueries": 8400,
+  "domains": 9,
+  "categories": 44,
+  "difficultyLevels": ["Easy", "Medium", "Hard"],
+  "sources": ["23 source datasets"]
+}
diff --git a/src/data/mockData.ts b/src/data/mockData.ts
deleted file mode 100644
index c6c056f..0000000
--- a/src/data/mockData.ts
+++ /dev/null
@@ -1,414 +0,0 @@
-import { Router, DatasetInfo, ContactInfo } from '../types';
-
-const roundToOneDecimal = (value: number): number => Math.round(value * 10) / 10;
-const roundNullableToOneDecimal = (value: number | null): number | null =>
-  value === null ? null : roundToOneDecimal(value);
-
-export const contactInfo: ContactInfo = {
-  authors: [
-    {
-      name: 'Yifan Lu',
-      email: 'yifan.lu@rice.edu',
-      affiliation: 'Rice University',
-    },
-    {
-      name: 'Rixin Liu',
-      email: 'rixin.liu@rice.edu',
-      affiliation: 'Rice University',
-    },
-    {
-      name: 'Jiayi Yuan',
-      email: 'jy101@rice.edu',
-      affiliation: 'Rice University',
-    },
-    {
-      name: 'Xingqi Cui',
-      email: 'xc66@rice.edu',
-      affiliation: 'Rice University',
-    },
-    {
-      name: 'Shenrun Zhang',
-      email: 'sz81@rice.edu',
-      affiliation: 'Rice University',
-    },
-    {
-      name: 'Hongyi Liu',
-      email: 'hl87@rice.edu',
-      affiliation: 'Rice University',
-    },
-    {
-      name: 'Jiarong Xing',
-      email: 'jxing@rice.edu',
-      affiliation: 'Rice University',
-    },
-  ],
-  institution: 'Rice University',
-  email: 'yifan.lu@rice.edu',
-  github: 'https://github.com/RouteWorks/RouterArena',
-  paper: 'https://www.arxiv.org/abs/2510.00202',
-};
-
-export const datasetInfo: DatasetInfo = {
-  totalQueries: 8400,
-  domains: 9,
-  categories: 44,
-  difficultyLevels: ['Easy', 'Medium', 'Hard'],
-  sources: ['23 source datasets'],
-};
-
-// Helper function to calculate average of all available metrics
-const calculateAverageScore = (metrics: {
-  arenaScore: number;
-  optimalSelectionScore: number | null;
-  optimalCostScore: number | null;
-  optimalAccScore: number | null;
-  robustnessScore: number | null;
-  latencyScore: number | null;
-}): number => {
-  const scores: number[] = [metrics.arenaScore];
-  if (metrics.optimalSelectionScore !== null) scores.push(metrics.optimalSelectionScore);
-  if (metrics.optimalCostScore !== null) scores.push(metrics.optimalCostScore);
-  if (metrics.optimalAccScore !== null) scores.push(metrics.optimalAccScore);
-  if (metrics.robustnessScore !== null) scores.push(metrics.robustnessScore);
-  if (metrics.latencyScore !== null) scores.push(metrics.latencyScore);
-  return scores.reduce((sum, score) => sum + score, 0) / scores.length;
-};
-
-const rawRouterData = [
-  {
-    "Router Name": "RouterDC",
-    "Arena Score": 33.75,
-    "Optimal Selection Score": 39.84,
-    "Optimal Cost Score": 72.998,
-    "Optimal Acc. Score": 49.05,
-    "Robustness Score": 97.6,
-    "Latency Score": 10.7527,
-    "Accuracy": 32.01,
-    "Cost per 1k": 0.07
-  },
-  {
-    "Router Name": "azure",
-    "Arena Score": 66.66,
-    "Optimal Selection Score": 22.52,
-    "Optimal Cost Score": 46.322,
-    "Optimal Acc. Score": 81.96,
-    "Robustness Score": null,
-    "Latency Score": null,
-    "Accuracy": 68.09,
-    "Cost per 1k": 0.54
-  },
-  {
-    "Router Name": "carrot",
-    "Arena Score": 63.87,
-    "Optimal Selection Score": 2.68,
-    "Optimal Cost Score": 6.7697,
-    "Optimal Acc. Score": 78.63,
-    "Robustness Score": 93.6,
-    "Latency Score": 1.4993,
-    "Accuracy": 67.21,
-    "Cost per 1k": 2.06
-  },
-  {
-    "Router Name": "gpt5",
-    "Arena Score": 64.32,
-    "Optimal Selection Score": null,
-    "Optimal Cost Score": null,
-    "Optimal Acc. Score": null,
-    "Robustness Score": null,
-    "Latency Score": null,
-    "Accuracy": 73.96,
-    "Cost per 1k": 10.02
-  },
-  {
-    "Router Name": "graphrouter",
-    "Arena Score": 57.22,
-    "Optimal Selection Score": 4.73,
-    "Optimal Cost Score": 38.3347,
-    "Optimal Acc. Score": 74.25,
-    "Robustness Score": 97.5,
-    "Latency Score": 2.6954,
-    "Accuracy": 57.00,
-    "Cost per 1k": 0.34
-  },
-  {
-    "Router Name": "mirt_bert",
-    "Arena Score": 66.89,
-    "Optimal Selection Score": 3.44,
-    "Optimal Cost Score": 19.6178,
-    "Optimal Acc. Score": 78.18,
-    "Robustness Score": 94.5,
-    "Latency Score": 27.027,
-    "Accuracy": 66.88,
-    "Cost per 1k": 0.15
-  },
-  {
-    "Router Name": "nirt_bert",
-    "Arena Score": 66.12,
-    "Optimal Selection Score": 3.83,
-    "Optimal Cost Score": 14.039,
-    "Optimal Acc. Score": 77.88,
-    "Robustness Score": 44.5,
-    "Latency Score": 10.4167,
-    "Accuracy": 66.34,
-    "Cost per 1k": 0.21
-  },
-  {
-    "Router Name": "notdiamond",
-    "Arena Score": 63.0,
-    "Optimal Selection Score": 1.55,
-    "Optimal Cost Score": 2.1367,
-    "Optimal Acc. Score": 76.81,
-    "Robustness Score": null,
-    "Latency Score": null,
-    "Accuracy": 60.83,
-    "Cost per 1k": 4.10
-  },
-  {
-    "Router Name": "routellm",
-    "Arena Score": 48.07,
-    "Optimal Selection Score": 99.72,
-    "Optimal Cost Score": 99.6314,
-    "Optimal Acc. Score": 68.76,
-    "Robustness Score": 99.8,
-    "Latency Score": 0.4016,
-    "Accuracy": 47.04,
-    "Cost per 1k": 0.27
-  },
-  {
-    "Router Name": "routerbench_knn",
-    "Arena Score": 55.48,
-    "Optimal Selection Score": 13.09,
-    "Optimal Cost Score": 25.4887,
-    "Optimal Acc. Score": 78.77,
-    "Robustness Score": 51.3,
-    "Latency Score": 1.328,
-    "Accuracy": 58.69,
-    "Cost per 1k": 4.27
-  },
-  {
-    "Router Name": "routerbench_mlp",
-    "Arena Score": 57.56,
-    "Optimal Selection Score": 13.39,
-    "Optimal Cost Score": 24.4499,
-    "Optimal Acc. Score": 83.32,
-    "Robustness Score": 96.9,
-    "Latency Score": 90.9091,
-    "Accuracy": 61.62,
-    "Cost per 1k": 4.83
-  },
-  {
-    "Router Name": "vllm",
-    "Arena Score": 64.32,
-    "Optimal Selection Score": 4.79,
-    "Optimal Cost Score": 12.5426,
-    "Optimal Acc. Score": 79.33,
-    "Robustness Score": 100.0,
-    "Latency Score": 0.1863,
-    "Accuracy": 67.28,
-    "Cost per 1k": 1.67
-  },
-  {
-    "Router Name": "chayan",
-    "Arena Score": 63.83,
-    "Optimal Selection Score": 43.03,
-    "Optimal Cost Score": 43.75,
-    "Optimal Acc. Score": 88.74,
-    "Robustness Score": null,
-    "Latency Score": null,
-    "Accuracy": 64.89,
-    "Cost per 1k": 0.56
-  }
-];
-
-// Router metadata mapping
-const routerMetadata: Record<
-  string,
-  {
-    name: string;
-    type: 'open-source' | 'closed-source';
-    description: string;
-    affiliation: string;
-    modelPool: string[];
-    paperUrl?: string;
-    githubUrl?: string;
-    websiteUrl?: string;
-    huggingfaceUrl?: string;
-  }
-> = {
-  RouterDC: {
-    name: 'RouterDC',
-    type: 'open-source',
-    description: 'Dual contrastive learning-based router with cost optimization',
-    affiliation: 'SUSTech',
-    modelPool: ['GPT-3.5', 'Claude-2', 'Gemini-Pro', 'Llama-2-13B'],
-    paperUrl: 'https://arxiv.org/abs/2409.19886',
-    websiteUrl: 'https://arxiv.org/abs/2409.19886',
-    githubUrl: 'https://github.com/shuhao02/RouterDC',
-  },
-  azure: {
-    name: 'Azure-Router',
-    type: 'closed-source',
-    description: "Microsoft Azure's model routing service",
-    affiliation: 'Microsoft',
-    modelPool: ['GPT-4', 'GPT-3.5', 'GPT-4-Turbo'],
-    paperUrl: 'https://learn.microsoft.com/en-us/azure/ai-foundry/openai/concepts/model-router',
-    websiteUrl: 'https://ai.azure.com/catalog/models/model-router',
-    githubUrl: undefined,
-  },
-  carrot: {
-    name: 'CARROT',
-    type: 'open-source',
-    description: 'Cost-aware routing with dual contrastive learning approach',
-    affiliation: 'UMich',
-    modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B'],
-    paperUrl: 'https://arxiv.org/abs/2502.03261',
-    websiteUrl: 'https://arxiv.org/abs/2502.03261',
-    githubUrl: 'https://github.com/somerstep/CARROT',
-    huggingfaceUrl: 'https://huggingface.co/CARROT-LLM-Routing',
-  },
-  gpt5: {
-    name: 'GPT-5',
-    type: 'closed-source',
-    description: "OpenAI's internal routing system for GPT model family",
-    affiliation: 'OpenAI',
-    modelPool: ['GPT-5', 'GPT-4', 'GPT-3.5'],
-    paperUrl: 'https://openai.com/index/introducing-gpt-5/',
-    websiteUrl: 'https://openai.com/index/introducing-gpt-5/',
-    githubUrl: undefined,
-  },
-  graphrouter: {
-    name: 'GraphRouter',
-    type: 'open-source',
-    description: 'Graph neural network-based routing with semantic understanding',
-    affiliation: 'UIUC',
-    modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B', 'Mixtral-8x7B'],
-    paperUrl: 'https://arxiv.org/abs/2410.03834',
-    websiteUrl: 'https://arxiv.org/abs/2410.03834',
-    githubUrl: 'https://github.com/ulab-uiuc/GraphRouter',
-  },
-  mirt_bert: {
-    name: 'MIRT-BERT',
-    type: 'open-source',
-    description: 'Multi-item response theory with BERT embeddings',
-    affiliation: 'USTC',
-    modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B'],
-    paperUrl: 'https://arxiv.org/pdf/2506.01048',
-    websiteUrl: 'https://arxiv.org/pdf/2506.01048',
-    githubUrl: 'https://github.com/Mercidaiha/IRT-Router',
-  },
-  nirt_bert: {
-    name: 'NIRT-BERT',
-    type: 'open-source',
-    description: 'Neural item response theory with BERT-based routing',
-    affiliation: 'USTC',
-    modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B'],
-    paperUrl: 'https://arxiv.org/pdf/2506.01048',
-    websiteUrl: 'https://arxiv.org/pdf/2506.01048',
-    githubUrl: 'https://github.com/Mercidaiha/IRT-Router',
-  },
-  notdiamond: {
-    name: 'NotDiamond',
-    type: 'closed-source',
-    description: 'Closed-source routing service with access to 60+ models',
-    affiliation: 'NotDiamond',
-    modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B', 'Mixtral-8x7B', 'Qwen-72B'],
-    paperUrl: 'https://www.notdiamond.ai/',
-    websiteUrl: 'https://www.notdiamond.ai/',
-    githubUrl: undefined,
-  },
-  routellm: {
-    name: 'RouteLLM',
-    type: 'open-source',
-    description: 'Binary selection between strong and weak models',
-    affiliation: 'Berkeley',
-    modelPool: ['GPT-4', 'GPT-3.5'],
-    paperUrl: 'https://arxiv.org/abs/2406.18665',
-    websiteUrl: 'https://arxiv.org/abs/2406.18665',
-    githubUrl: 'https://github.com/lm-sys/RouteLLM',
-    huggingfaceUrl: 'https://huggingface.co/routellm',
-  },
-  routerbench_knn: {
-    name: 'RouterBench-KNN',
-    type: 'open-source',
-    description: 'K-Nearest Neighbors-based router benchmark',
-    affiliation: 'Martian',
-    modelPool: ['GPT-4', 'GPT-3.5', 'Claude-3'],
-    paperUrl: 'https://arxiv.org/pdf/2403.12031',
-    websiteUrl: 'https://arxiv.org/pdf/2403.12031',
-    githubUrl: 'https://github.com/withmartian/routerbench',
-    huggingfaceUrl: 'https://huggingface.co/datasets/withmartian/routerbench',
-  },
-  routerbench_mlp: {
-    name: 'RouterBench-MLP',
-    type: 'open-source',
-    description: 'Multi-Layer Perceptron-based router benchmark',
-    affiliation: 'Martian',
-    modelPool: ['GPT-4', 'GPT-3.5', 'Claude-3'],
-    paperUrl: 'https://arxiv.org/pdf/2403.12031',
-    websiteUrl: 'https://arxiv.org/pdf/2403.12031',
-    githubUrl: 'https://github.com/withmartian/routerbench',
-    huggingfaceUrl: 'https://huggingface.co/datasets/withmartian/routerbench',
-  },
-  vllm: {
-    name: 'vLLM-SR',
-    type: 'open-source',
-    description: 'vLLM-based routing service',
-    affiliation: 'vLLM SR Team',
-    modelPool: ['GPT-4', 'GPT-3.5'],
-    paperUrl: 'https://vllm-semantic-router.com/',
-    websiteUrl: 'https://vllm-semantic-router.com/',
-    githubUrl: 'https://github.com/vllm-project/semantic-router',
-    huggingfaceUrl: 'https://huggingface.co/llm-semantic-router',
-  },
-  chayan: {
-    name: 'Chayan',
-    type: 'open-source',
-    description: 'Chayan-based routing service',
-    affiliation: 'Adaptive Classifier',
-    modelPool: ['GPT-4', 'GPT-3.5'],
-    paperUrl: 'https://huggingface.co/adaptive-classifier/chayan',
-    websiteUrl: 'https://huggingface.co/adaptive-classifier/chayan',
-    githubUrl: undefined,
-    huggingfaceUrl: 'https://huggingface.co/adaptive-classifier/chayan',
-  }
-};
-
-// Convert raw data to Router format and calculate overall ranks
-const routersWithRanks = rawRouterData.map(router => {
-  const id = router['Router Name'].toLowerCase().replace(/[_\s]/g, '-');
-  const metadata = routerMetadata[router['Router Name']] || {
-    name: router['Router Name'],
-    type: 'open-source' as const,
-    description: `Router: ${router['Router Name']}`,
-    affiliation: 'Unknown',
-    modelPool: [],
-  };
-
-  const metrics = {
-    arenaScore: roundToOneDecimal(router['Arena Score']),
-    optimalSelectionScore: roundNullableToOneDecimal(router['Optimal Selection Score']),
-    optimalCostScore: roundNullableToOneDecimal(router['Optimal Cost Score']),
-    optimalAccScore: roundNullableToOneDecimal(router['Optimal Acc. Score']),
-    robustnessScore: roundNullableToOneDecimal(router['Robustness Score']),
-    latencyScore: roundNullableToOneDecimal(router['Latency Score']),
-    accuracy: router['Accuracy'],
-    costPer1k: router['Cost per 1k'],
-    overallRank: 0, // Will be calculated below
-  };
-
-  return {
-    id,
-    ...metadata,
-    metrics,
-    _averageScore: calculateAverageScore(metrics), // Temporary field for sorting
-  };
-});
-
-// Sort by average score and assign ranks
-routersWithRanks.sort((a, b) => b._averageScore - a._averageScore);
-routersWithRanks.forEach((router, index) => {
-  router.metrics.overallRank = index + 1;
-});
-
-// Remove temporary averageScore field and export as Router[]
-export const routers: Router[] = routersWithRanks.map(({ _averageScore, ...router }) => router);
diff --git a/src/data/routerData.ts b/src/data/routerData.ts
new file mode 100644
index 0000000..ad474d1
--- /dev/null
+++ b/src/data/routerData.ts
@@ -0,0 +1,99 @@
+import YAML from 'yaml';
+import raw from 'raw.macro';
+
+import leaderboardMetrics from './routerMetrics/leaderboard.json';
+import categoryScores from './routerMetrics/category_scores.json';
+import contactInfoData from './contactInfo.json';
+import datasetInfoData from './datasetInfo.json';
+import { Router, DatasetInfo, ContactInfo } from '../types';
+
+const roundToOneDecimal = (value: number): number => Math.round(value * 10) / 10;
+const roundNullableToOneDecimal = (value: number | null): number | null =>
+  value === null ? null : roundToOneDecimal(value);
+
+export const contactInfo: ContactInfo = contactInfoData as ContactInfo;
+export const datasetInfo: DatasetInfo = datasetInfoData as DatasetInfo;
+
+const calculateAverageScore = (metrics: {
+  arenaScore: number;
+  optimalSelectionScore: number | null;
+  optimalCostScore: number | null;
+  optimalAccScore: number | null;
+  robustnessScore: number | null;
+  latencyScore: number | null;
+}): number => {
+  const scores: number[] = [metrics.arenaScore];
+  if (metrics.optimalSelectionScore !== null) scores.push(metrics.optimalSelectionScore);
+  if (metrics.optimalCostScore !== null) scores.push(metrics.optimalCostScore);
+  if (metrics.optimalAccScore !== null) scores.push(metrics.optimalAccScore);
+  if (metrics.robustnessScore !== null) scores.push(metrics.robustnessScore);
+  if (metrics.latencyScore !== null) scores.push(metrics.latencyScore);
+  return scores.reduce((sum, score) => sum + score, 0) / scores.length;
+};
+
+type LeaderboardMetricRecord = {
+  'Router Name': string;
+  'Arena Score': number;
+  'Optimal Selection Score': number | null;
+  'Optimal Cost Score': number | null;
+  'Optimal Acc. Score': number | null;
+  'Robustness Score': number | null;
+  'Latency Score': number | null;
+  Accuracy: number;
+  'Cost per 1k': number;
+};
+
+type RouterMetadataEntry = {
+  name: string;
+  type: 'open-source' | 'closed-source';
+  description: string;
+  affiliation: string;
+  modelPool: string[];
+  paperUrl?: string;
+  githubUrl?: string;
+  websiteUrl?: string;
+  huggingfaceUrl?: string;
+};
+
+const routersYaml = raw('./routers.yaml');
+const routerMetadata: Record<string, RouterMetadataEntry> = YAML.parse(routersYaml);
+const rawRouterData: LeaderboardMetricRecord[] = leaderboardMetrics;
+
+export const routerCategoryScores = categoryScores;
+
+const routersWithRanks = rawRouterData.map(router => {
+  const id = router['Router Name'].toLowerCase().replace(/[_\s]/g, '-');
+  const metadata = routerMetadata[router['Router Name']] || {
+    name: router['Router Name'],
+    type: 'open-source' as const,
+    description: `Router: ${router['Router Name']}`,
+    affiliation: 'Unknown',
+    modelPool: [],
+  };
+
+  const metrics = {
+    arenaScore: roundToOneDecimal(router['Arena Score']),
+    optimalSelectionScore: roundNullableToOneDecimal(router['Optimal Selection Score']),
+    optimalCostScore: roundNullableToOneDecimal(router['Optimal Cost Score']),
+    optimalAccScore: roundNullableToOneDecimal(router['Optimal Acc. Score']),
+    robustnessScore: roundNullableToOneDecimal(router['Robustness Score']),
+    latencyScore: roundNullableToOneDecimal(router['Latency Score']),
+    accuracy: router['Accuracy'],
+    costPer1k: router['Cost per 1k'],
+    overallRank: 0,
+  };
+
+  return {
+    id,
+    ...metadata,
+    metrics,
+    _averageScore: calculateAverageScore(metrics),
+  };
+});
+
+routersWithRanks.sort((a, b) => b._averageScore - a._averageScore);
+routersWithRanks.forEach((router, index) => {
+  router.metrics.overallRank = index + 1;
+});
+
+export const routers: Router[] = routersWithRanks.map(({ _averageScore, ...router }) => router);
diff --git a/src/data/routerMetrics/category_scores.json b/src/data/routerMetrics/category_scores.json
new file mode 100644
index 0000000..152b426
--- /dev/null
+++ b/src/data/routerMetrics/category_scores.json
@@ -0,0 +1,16 @@
+{
+  "routerdc": {
+    "categories": {
+      "math": {
+        "easy": { "accuracy": 41.2, "robustness": 98.1 },
+        "medium": { "accuracy": 33.5, "robustness": 94.0 },
+        "hard": { "accuracy": 21.0, "robustness": 90.3 }
+      },
+      "coding": {
+        "easy": { "accuracy": 55.0, "robustness": 99.0 },
+        "medium": { "accuracy": 43.3, "robustness": 95.0 },
+        "hard": { "accuracy": 27.1, "robustness": 92.4 }
+      }
+    }
+  }
+}
diff --git a/src/data/routerMetrics/leaderboard.json b/src/data/routerMetrics/leaderboard.json
new file mode 100644
index 0000000..bca1080
--- /dev/null
+++ b/src/data/routerMetrics/leaderboard.json
@@ -0,0 +1,145 @@
+[
+  {
+    "Router Name": "RouterDC",
+    "Arena Score": 33.75,
+    "Optimal Selection Score": 39.84,
+    "Optimal Cost Score": 72.998,
+    "Optimal Acc. Score": 49.05,
+    "Robustness Score": 97.6,
+    "Latency Score": 10.7527,
+    "Accuracy": 32.01,
+    "Cost per 1k": 0.07
+  },
+  {
+    "Router Name": "azure",
+    "Arena Score": 66.66,
+    "Optimal Selection Score": 22.52,
+    "Optimal Cost Score": 46.322,
+    "Optimal Acc. Score": 81.96,
+    "Robustness Score": null,
+    "Latency Score": null,
+    "Accuracy": 68.09,
+    "Cost per 1k": 0.54
+  },
+  {
+    "Router Name": "carrot",
+    "Arena Score": 63.87,
+    "Optimal Selection Score": 2.68,
+    "Optimal Cost Score": 6.7697,
+    "Optimal Acc. Score": 78.63,
+    "Robustness Score": 93.6,
+    "Latency Score": 1.4993,
+    "Accuracy": 67.21,
+    "Cost per 1k": 2.06
+  },
+  {
+    "Router Name": "gpt5",
+    "Arena Score": 64.32,
+    "Optimal Selection Score": null,
+    "Optimal Cost Score": null,
+    "Optimal Acc. Score": null,
+    "Robustness Score": null,
+    "Latency Score": null,
+    "Accuracy": 73.96,
+    "Cost per 1k": 10.02
+  },
+  {
+    "Router Name": "graphrouter",
+    "Arena Score": 57.22,
+    "Optimal Selection Score": 4.73,
+    "Optimal Cost Score": 38.3347,
+    "Optimal Acc. Score": 74.25,
+    "Robustness Score": 97.5,
+    "Latency Score": 2.6954,
+    "Accuracy": 57.0,
+    "Cost per 1k": 0.34
+  },
+  {
+    "Router Name": "mirt_bert",
+    "Arena Score": 66.89,
+    "Optimal Selection Score": 3.44,
+    "Optimal Cost Score": 19.6178,
+    "Optimal Acc. Score": 78.18,
+    "Robustness Score": 94.5,
+    "Latency Score": 27.027,
+    "Accuracy": 66.88,
+    "Cost per 1k": 0.15
+  },
+  {
+    "Router Name": "nirt_bert",
+    "Arena Score": 66.12,
+    "Optimal Selection Score": 3.83,
+    "Optimal Cost Score": 14.039,
+    "Optimal Acc. Score": 77.88,
+    "Robustness Score": 44.5,
+    "Latency Score": 10.4167,
+    "Accuracy": 66.34,
+    "Cost per 1k": 0.21
+  },
+  {
+    "Router Name": "notdiamond",
+    "Arena Score": 63.0,
+    "Optimal Selection Score": 1.55,
+    "Optimal Cost Score": 2.1367,
+    "Optimal Acc. Score": 76.81,
+    "Robustness Score": null,
+    "Latency Score": null,
+    "Accuracy": 60.83,
+    "Cost per 1k": 4.1
+  },
+  {
+    "Router Name": "routellm",
+    "Arena Score": 48.07,
+    "Optimal Selection Score": 99.72,
+    "Optimal Cost Score": 99.6314,
+    "Optimal Acc. Score": 68.76,
+    "Robustness Score": 99.8,
+    "Latency Score": 0.4016,
+    "Accuracy": 47.04,
+    "Cost per 1k": 0.27
+  },
+  {
+    "Router Name": "routerbench_knn",
+    "Arena Score": 55.48,
+    "Optimal Selection Score": 13.09,
+    "Optimal Cost Score": 25.4887,
+    "Optimal Acc. Score": 78.77,
+    "Robustness Score": 51.3,
+    "Latency Score": 1.328,
+    "Accuracy": 58.69,
+    "Cost per 1k": 4.27
+  },
+  {
+    "Router Name": "routerbench_mlp",
+    "Arena Score": 57.56,
+    "Optimal Selection Score": 13.39,
+    "Optimal Cost Score": 24.4499,
+    "Optimal Acc. Score": 83.32,
+    "Robustness Score": 96.9,
+    "Latency Score": 90.9091,
+    "Accuracy": 61.62,
+    "Cost per 1k": 4.83
+  },
+  {
+    "Router Name": "vllm",
+    "Arena Score": 64.32,
+    "Optimal Selection Score": 4.79,
+    "Optimal Cost Score": 12.5426,
+    "Optimal Acc. Score": 79.33,
+    "Robustness Score": 100.0,
+    "Latency Score": 0.1863,
+    "Accuracy": 67.28,
+    "Cost per 1k": 1.67
+  },
+  {
+    "Router Name": "chayan",
+    "Arena Score": 63.83,
+    "Optimal Selection Score": 43.03,
+    "Optimal Cost Score": 43.75,
+    "Optimal Acc. Score": 88.74,
+    "Robustness Score": null,
+    "Latency Score": null,
+    "Accuracy": 64.89,
+    "Cost per 1k": 0.56
+  }
+]
diff --git a/src/data/routers.yaml b/src/data/routers.yaml
new file mode 100644
index 0000000..8fa9c69
--- /dev/null
+++ b/src/data/routers.yaml
@@ -0,0 +1,176 @@
+RouterDC:
+  name: RouterDC
+  type: open-source
+  description: Dual contrastive learning-based router with cost optimization
+  affiliation: SUSTech
+  modelPool:
+    - GPT-3.5
+    - Claude-2
+    - Gemini-Pro
+    - Llama-2-13B
+  paperUrl: https://arxiv.org/abs/2409.19886
+  websiteUrl: https://arxiv.org/abs/2409.19886
+  githubUrl: https://github.com/shuhao02/RouterDC
+
+azure:
+  name: Azure-Router
+  type: closed-source
+  description: Microsoft Azure's model routing service
+  affiliation: Microsoft
+  modelPool:
+    - GPT-4
+    - GPT-3.5
+    - GPT-4-Turbo
+  paperUrl: https://learn.microsoft.com/en-us/azure/ai-foundry/openai/concepts/model-router
+  websiteUrl: https://ai.azure.com/catalog/models/model-router
+
+carrot:
+  name: CARROT
+  type: open-source
+  description: Cost-aware routing with dual contrastive learning approach
+  affiliation: UMich
+  modelPool:
+    - GPT-4
+    - Claude-3
+    - Gemini-Pro
+    - Llama-2-70B
+  paperUrl: https://arxiv.org/abs/2502.03261
+  websiteUrl: https://arxiv.org/abs/2502.03261
+  githubUrl: https://github.com/somerstep/CARROT
+  huggingfaceUrl: https://huggingface.co/CARROT-LLM-Routing
+
+gpt5:
+  name: GPT-5
+  type: closed-source
+  description: OpenAI's internal routing system for GPT model family
+  affiliation: OpenAI
+  modelPool:
+    - GPT-5
+    - GPT-4
+    - GPT-3.5
+  paperUrl: https://openai.com/index/introducing-gpt-5/
+  websiteUrl: https://openai.com/index/introducing-gpt-5/
+
+graphrouter:
+  name: GraphRouter
+  type: open-source
+  description: Graph neural network-based routing with semantic understanding
+  affiliation: UIUC
+  modelPool:
+    - GPT-4
+    - Claude-3
+    - Gemini-Pro
+    - Llama-2-70B
+    - Mixtral-8x7B
+  paperUrl: https://arxiv.org/abs/2410.03834
+  websiteUrl: https://arxiv.org/abs/2410.03834
+  githubUrl: https://github.com/ulab-uiuc/GraphRouter
+
+mirt_bert:
+  name: MIRT-BERT
+  type: open-source
+  description: Multi-item response theory with BERT embeddings
+  affiliation: USTC
+  modelPool:
+    - GPT-4
+    - Claude-3
+    - Gemini-Pro
+    - Llama-2-70B
+  paperUrl: https://arxiv.org/pdf/2506.01048
+  websiteUrl: https://arxiv.org/pdf/2506.01048
+  githubUrl: https://github.com/Mercidaiha/IRT-Router
+
+nirt_bert:
+  name: NIRT-BERT
+  type: open-source
+  description: Neural item response theory with BERT-based routing
+  affiliation: USTC
+  modelPool:
+    - GPT-4
+    - Claude-3
+    - Gemini-Pro
+    - Llama-2-70B
+  paperUrl: https://arxiv.org/pdf/2506.01048
+  websiteUrl: https://arxiv.org/pdf/2506.01048
+  githubUrl: https://github.com/Mercidaiha/IRT-Router
+
+notdiamond:
+  name: NotDiamond
+  type: closed-source
+  description: Closed-source routing service with access to 60+ models
+  affiliation: NotDiamond
+  modelPool:
+    - GPT-4
+    - Claude-3
+    - Gemini-Pro
+    - Llama-2-70B
+    - Mixtral-8x7B
+    - Qwen-72B
+  paperUrl: https://www.notdiamond.ai/
+  websiteUrl: https://www.notdiamond.ai/
+
+routellm:
+  name: RouteLLM
+  type: open-source
+  description: Binary selection between strong and weak models
+  affiliation: Berkeley
+  modelPool:
+    - GPT-4
+    - GPT-3.5
+  paperUrl: https://arxiv.org/abs/2406.18665
+  websiteUrl: https://arxiv.org/abs/2406.18665
+  githubUrl: https://github.com/lm-sys/RouteLLM
+  huggingfaceUrl: https://huggingface.co/routellm
+
+routerbench_knn:
+  name: RouterBench-KNN
+  type: open-source
+  description: K-Nearest Neighbors-based router benchmark
+  affiliation: Martian
+  modelPool:
+    - GPT-4
+    - GPT-3.5
+    - Claude-3
+  paperUrl: https://arxiv.org/pdf/2403.12031
+  websiteUrl: https://arxiv.org/pdf/2403.12031
+  githubUrl: https://github.com/withmartian/routerbench
+  huggingfaceUrl: https://huggingface.co/datasets/withmartian/routerbench
+
+routerbench_mlp:
+  name: RouterBench-MLP
+  type: open-source
+  description: Multi-Layer Perceptron-based router benchmark
+  affiliation: Martian
+  modelPool:
+    - GPT-4
+    - GPT-3.5
+    - Claude-3
+  paperUrl: https://arxiv.org/pdf/2403.12031
+  websiteUrl: https://arxiv.org/pdf/2403.12031
+  githubUrl: https://github.com/withmartian/routerbench
+  huggingfaceUrl: https://huggingface.co/datasets/withmartian/routerbench
+
+vllm:
+  name: vLLM-SR
+  type: open-source
+  description: vLLM-based routing service
+  affiliation: vLLM SR Team
+  modelPool:
+    - GPT-4
+    - GPT-3.5
+  paperUrl: https://vllm-semantic-router.com/
+  websiteUrl: https://vllm-semantic-router.com/
+  githubUrl: https://github.com/vllm-project/semantic-router
+  huggingfaceUrl: https://huggingface.co/llm-semantic-router
+
+chayan:
+  name: Chayan
+  type: open-source
+  description: Chayan-based routing service
+  affiliation: Adaptive Classifier
+  modelPool:
+    - GPT-4
+    - GPT-3.5
+  paperUrl: https://huggingface.co/adaptive-classifier/chayan
+  websiteUrl: https://huggingface.co/adaptive-classifier/chayan
+  huggingfaceUrl: https://huggingface.co/adaptive-classifier/chayan
diff --git a/src/pages/HomePage.css b/src/pages/HomePage.css
index f27d09a..398fd8b 100644
--- a/src/pages/HomePage.css
+++ b/src/pages/HomePage.css
@@ -3,6 +3,11 @@
   background: #f8fafc;
 }
 
+.hf-logo {
+  width: 30px;
+  height: 30px;
+}
+
 /* Hero Section */
 .hero {
   background: #2563eb;
@@ -119,7 +124,7 @@
   display: inline-flex;
   align-items: center;
   gap: 0.5rem;
-  padding: 1rem 2rem;
+  padding: 1rem 1.5rem;
   border-radius: 8px;
   text-decoration: none;
   font-weight: 600;
@@ -293,11 +298,7 @@
   background: white;
 }
 
-.container {
-  max-width: 1400px;
-  margin: 0 auto;
-  padding: 0 1rem;
-}
+
 
 .section-title {
   text-align: center;
@@ -559,7 +560,10 @@
 }
 
 .action-buttons .btn {
-  min-width: 150px;
+  padding: 1rem 1.5rem;
+  text-align: center;
+  justify-content: center;
+  min-width: 200px;
 }
 
 .team-content {
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 1ee1cef..c87c512 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,10 +1,12 @@
 import React, { useEffect, useState, useMemo } from 'react';
 import { Link } from 'react-router-dom';
 import { Trophy, BarChart3, Users, BookOpen, ArrowRight, Zap, Shield, Github } from 'lucide-react';
-import { contactInfo, datasetInfo, routers } from '../data/mockData';
+import { contactInfo, datasetInfo, routers } from '../data/routerData';
 import Figure from '../components/Figure';
 import DatasetCompositionChart from '../components/DatasetCompositionChart';
 import './HomePage.css';
+import huggingFaceLogo from '../assets/images/hf-logo.svg';
+
 
 const HomePage: React.FC = () => {
   const [activeTab, setActiveTab] = useState('dataset');
@@ -334,6 +336,15 @@ const HomePage: React.FC = () => {
               <Github className="btn-icon" />
               View GitHub
             </a>
+            <a
+              href={contactInfo.huggingface}
+              className="btn btn-outline"
+              target="_blank"
+              rel="noopener noreferrer"
+            >
+              <img src={huggingFaceLogo} alt="Hugging Face logo" className="hf-logo" />
+              Hugging Face
+            </a>
           </div>
 
           {/* Team Content */}
diff --git a/src/pages/LeaderboardPage.tsx b/src/pages/LeaderboardPage.tsx
index 3cbb076..796f9f5 100644
--- a/src/pages/LeaderboardPage.tsx
+++ b/src/pages/LeaderboardPage.tsx
@@ -1,7 +1,7 @@
 import React, { useState, useMemo } from 'react';
 import { Trophy, Search, Medal, Github } from 'lucide-react';
 import { Router } from '../types';
-import { routers } from '../data/mockData';
+import { routers } from '../data/routerData';
 import SpiderChart from '../components/SpiderChart';
 import DeferralCurve from '../components/DeferralCurve';
 import './LeaderboardPage.css';
diff --git a/src/types/index.ts b/src/types/index.ts
index ed0e323..f54d63b 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -50,4 +50,5 @@ export interface ContactInfo {
   email: string;
   github: string;
   paper: string;
+  huggingface: string;
 }
diff --git a/src/types/raw-macro.d.ts b/src/types/raw-macro.d.ts
new file mode 100644
index 0000000..d118026
--- /dev/null
+++ b/src/types/raw-macro.d.ts
@@ -0,0 +1,3 @@
+declare module 'raw.macro' {
+  export default function raw(path: string): string;
+}