diff --git a/public/index.html b/public/index.html
index d38f792..d71592d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -13,7 +13,7 @@
       })();
     </script>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/routerarena_logo.png" />
     <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" />
diff --git a/public/routerarena_logo.png b/public/routerarena_logo.png
new file mode 100644
index 0000000..aeee6a6
Binary files /dev/null and b/public/routerarena_logo.png differ
diff --git a/src/assets/images/entire_logo_white.png b/src/assets/images/entire_logo_white.png
new file mode 100644
index 0000000..9311931
Binary files /dev/null and b/src/assets/images/entire_logo_white.png differ
diff --git a/src/components/DeferralCurve.tsx b/src/components/DeferralCurve.tsx
index cc6bcf8..f2e2677 100644
--- a/src/components/DeferralCurve.tsx
+++ b/src/components/DeferralCurve.tsx
@@ -2,17 +2,17 @@ import React from 'react';
 import './DeferralCurve.css';
 
 interface DeferralCurveProps {
-  academicPoints: {
+  openSourcePoints: {
     [key: string]: { accuracy: number; cost_per_1k: number };
   };
-  commercialPoints: {
+  closedSourcePoints: {
     [key: string]: { accuracy: number; cost_per_1k: number };
   };
 }
 
-const DeferralCurve: React.FC<DeferralCurveProps> = ({ academicPoints, commercialPoints }) => {
+const DeferralCurve: React.FC<DeferralCurveProps> = ({ openSourcePoints, closedSourcePoints }) => {
   // Extract all accuracy and cost values
-  const allPoints = [...Object.values(academicPoints), ...Object.values(commercialPoints)];
+  const allPoints = [...Object.values(openSourcePoints), ...Object.values(closedSourcePoints)];
   const accuracyValues = allPoints.map(p => p.accuracy);
   const costValues = allPoints.map(p => p.cost_per_1k);
 
@@ -202,23 +202,23 @@ const DeferralCurve: React.FC<DeferralCurveProps> = ({ academicPoints, commercia
             return null;
           })}
 
-          {/* Academic routers */}
-          {Object.entries(academicPoints).map(([name, point], index) => {
+          {/* Open-source routers */}
+          {Object.entries(openSourcePoints).map(([name, point], index) => {
             const x = scaleX(point.cost_per_1k);
             const y = scaleY(point.accuracy);
             const color = routerColors[index % routerColors.length];
 
-            return renderShape(x, y, 'circle', color, `academic-${name}`);
+            return renderShape(x, y, 'circle', color, `open-source-${name}`);
           })}
 
-          {/* Commercial routers */}
-          {Object.entries(commercialPoints).map(([name, point], index) => {
+          {/* Closed-source routers */}
+          {Object.entries(closedSourcePoints).map(([name, point], index) => {
             const x = scaleX(point.cost_per_1k);
             const y = scaleY(point.accuracy);
             const color =
-              routerColors[(index + Object.keys(academicPoints).length) % routerColors.length];
+              routerColors[(index + Object.keys(openSourcePoints).length) % routerColors.length];
 
-            return renderShape(x, y, 'triangle', color, `commercial-${name}`);
+            return renderShape(x, y, 'triangle', color, `closed-source-${name}`);
           })}
 
           {/* Oracle accuracy line */}
@@ -342,9 +342,9 @@ const DeferralCurve: React.FC<DeferralCurveProps> = ({ academicPoints, commercia
         {/* Legend */}
         <div className="deferral-legend-side">
           <div className="legend-section">
-            <h4>Academic</h4>
+            <h4>Open-Source</h4>
             <div className="legend-items">
-              {Object.entries(academicPoints).map(([name, point], index) => {
+              {Object.entries(openSourcePoints).map(([name, point], index) => {
                 const color = routerColors[index % routerColors.length];
                 return (
                   <div key={name} className="legend-item">
@@ -359,11 +359,11 @@ const DeferralCurve: React.FC<DeferralCurveProps> = ({ academicPoints, commercia
           </div>
 
           <div className="legend-section">
-            <h4>Commercial</h4>
+            <h4>Closed-Source</h4>
             <div className="legend-items">
-              {Object.entries(commercialPoints).map(([name, point], index) => {
+              {Object.entries(closedSourcePoints).map(([name, point], index) => {
                 const color =
-                  routerColors[(index + Object.keys(academicPoints).length) % routerColors.length];
+                  routerColors[(index + Object.keys(openSourcePoints).length) % routerColors.length];
                 return (
                   <div key={name} className="legend-item">
                     <svg className="legend-shape" width="16" height="16">
diff --git a/src/components/Header.css b/src/components/Header.css
index d95643d..01b315b 100644
--- a/src/components/Header.css
+++ b/src/components/Header.css
@@ -21,11 +21,8 @@
 .logo {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
   text-decoration: none;
   color: white;
-  font-size: 1.5rem;
-  font-weight: bold;
   transition: opacity 0.2s ease;
 }
 
@@ -33,13 +30,9 @@
   opacity: 0.8;
 }
 
-.logo-icon {
-  width: 32px;
-  height: 32px;
-}
-
-.logo-text {
-  color: white;
+.logo-image {
+  height: 36px;
+  width: auto;
 }
 
 .nav {
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index cb3a03d..54d3cb5 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,8 +1,9 @@
 import React, { useState } from 'react';
 import { Link, useLocation } from 'react-router-dom';
-import { Menu, X, Trophy, Home, Send, Users, Github } from 'lucide-react';
+import { Menu, X, Trophy, Home, Send, Users, Github, FileText} from 'lucide-react';
 import './Header.css';
 import { contactInfo } from '../data/mockData';
+import whiteLogo from '../assets/images/entire_logo_white.png';
 
 const Header: React.FC = () => {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -17,6 +18,8 @@ const Header: React.FC = () => {
       icon: Github,
       isExternal: true,
     },
+    // add a paper link
+    { name: 'Paper', href: contactInfo.paper, icon: FileText, isExternal: true },
     { name: 'Contact', href: '#contact', icon: Users, isScroll: true },
   ];
 
@@ -24,8 +27,7 @@ const Header: React.FC = () => {
     <header className="header">
       <div className="header-container">
         <Link to="/" className="logo">
-          <Trophy className="logo-icon" />
-          <span className="logo-text">RouterArena</span>
+          <img src={whiteLogo} alt="RouterArena" className="logo-image" />
         </Link>
 
         <nav className="nav">
diff --git a/src/components/SpiderChart.tsx b/src/components/SpiderChart.tsx
index c71e229..7bc3f53 100644
--- a/src/components/SpiderChart.tsx
+++ b/src/components/SpiderChart.tsx
@@ -66,19 +66,9 @@ const SpiderChart: React.FC<SpiderChartProps> = ({ routers, maxRouters = 5 }) =>
 
   // Calculate adaptive axis scaling to show more variation
   // Filter out null values
-  const allValues = topRouters.flatMap(router =>
-    metrics
-      .map(metric => router.metrics[metric.key as keyof typeof router.metrics])
-      .filter((val): val is number => val !== null)
-  );
-  const minValue = Math.min(...allValues);
-  const maxValue = Math.max(...allValues);
-  const valueRange = maxValue - minValue;
-
-  // Set axis range to show more variation
-  // If values are clustered (e.g., 0.8-0.9), show axis with 25% padding above and below
-  const axisMin = Math.max(0, minValue - valueRange * 0.25);
-  const axisMax = Math.min(1, maxValue + valueRange * 0.25);
+  const gridTicks = [0, 20, 40, 60, 80, 100];
+  const axisMin = 0;
+  const axisMax = 100;
   const axisRange = axisMax - axisMin;
 
   const chartRadius = 180;
@@ -89,38 +79,35 @@ const SpiderChart: React.FC<SpiderChartProps> = ({ routers, maxRouters = 5 }) =>
     <div className="spider-chart-container">
       <div className="spider-chart">
         <svg width="450" height="450" viewBox="0 0 450 450">
-          {/* Grid circles drawn at real 0.1 score increments */}
-          {Array.from({ length: 11 }, (_, i) => i * 0.2)
-            .filter(v => v >= axisMin && v <= axisMax)
-            .map((value, index) => {
-              // Map true axis value -> 0–1 visual radius fraction
-              const scale = (value - axisMin) / axisRange;
-              const r = chartRadius * scale;
-
-              return (
-                <g key={index}>
-                  <circle
-                    cx={centerX}
-                    cy={centerY}
-                    r={r}
-                    fill="none"
-                    stroke="#e5e7eb"
-                    strokeWidth="1"
-                  />
-                  <text
-                    x={centerX + r + 8}
-                    y={centerY}
-                    textAnchor="start"
-                    dominantBaseline="middle"
-                    className="grid-label"
-                    fill="#9ca3af"
-                    fontSize="22"
-                  >
-                    {value.toFixed(1)}
-                  </text>
-                </g>
-              );
-            })}
+          {/* Grid circles drawn at fixed 0-100 scale */}
+          {gridTicks.map((value, index) => {
+            const scale = (value - axisMin) / axisRange;
+            const r = chartRadius * scale;
+
+            return (
+              <g key={index}>
+                <circle
+                  cx={centerX}
+                  cy={centerY}
+                  r={r}
+                  fill="none"
+                  stroke="#e5e7eb"
+                  strokeWidth="1"
+                />
+                <text
+                  x={centerX + r + 8}
+                  y={centerY}
+                  textAnchor="start"
+                  dominantBaseline="middle"
+                  className="grid-label"
+                  fill="#9ca3af"
+                  fontSize="22"
+                >
+                  {value.toString()}
+                </text>
+              </g>
+            );
+          })}
 
           {/* Grid lines (axes) */}
           {metrics.map((metric, index) => {
diff --git a/src/data/mockData.ts b/src/data/mockData.ts
index 19c5fa1..1a016ff 100644
--- a/src/data/mockData.ts
+++ b/src/data/mockData.ts
@@ -1,5 +1,9 @@
 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: [
     {
@@ -70,38 +74,37 @@ const calculateAverageScore = (metrics: {
   return scores.reduce((sum, score) => sum + score, 0) / scores.length;
 };
 
-// Raw router data from the provided JSON
 const rawRouterData = [
   {
     'Router Name': 'RouterDC',
-    'Arena Score': 0.3375,
-    'Optimal Selection Score': 0.3984,
-    'Optimal Cost Score': 0.72998,
-    'Optimal Acc. Score': 0.4905,
-    'Robustness Score': 0.976,
-    'Latency Score': 0.107527,
+    '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,
   },
   {
     'Router Name': 'azure',
-    'Arena Score': 0.6666,
-    'Optimal Selection Score': 0.2252,
-    'Optimal Cost Score': 0.46322,
-    'Optimal Acc. Score': 0.8196,
+    '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,
   },
   {
     'Router Name': 'carrot',
-    'Arena Score': 0.6387,
-    'Optimal Selection Score': 0.0268,
-    'Optimal Cost Score': 0.067697,
-    'Optimal Acc. Score': 0.7863,
-    'Robustness Score': 0.936,
-    'Latency Score': 0.014993,
+    '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,
   },
   {
     'Router Name': 'gpt5',
-    'Arena Score': 0.6432,
+    'Arena Score': 64.32,
     'Optimal Selection Score': null,
     'Optimal Cost Score': null,
     'Optimal Acc. Score': null,
@@ -110,76 +113,85 @@ const rawRouterData = [
   },
   {
     'Router Name': 'graphrouter',
-    'Arena Score': 0.5722,
-    'Optimal Selection Score': 0.0473,
-    'Optimal Cost Score': 0.383347,
-    'Optimal Acc. Score': 0.7425,
-    'Robustness Score': 0.975,
-    'Latency Score': 0.026954,
+    '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,
   },
   {
     'Router Name': 'mirt_bert',
-    'Arena Score': 0.6689,
-    'Optimal Selection Score': 0.0344,
-    'Optimal Cost Score': 0.196178,
-    'Optimal Acc. Score': 0.7818,
-    'Robustness Score': 0.945,
-    'Latency Score': 0.27027,
+    '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,
   },
   {
     'Router Name': 'nirt_bert',
-    'Arena Score': 0.6612,
-    'Optimal Selection Score': 0.0383,
-    'Optimal Cost Score': 0.14039,
-    'Optimal Acc. Score': 0.7788,
-    'Robustness Score': 0.445,
-    'Latency Score': 0.104167,
+    '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,
   },
   {
     'Router Name': 'notdiamond',
-    'Arena Score': 0.63,
-    'Optimal Selection Score': 0.0155,
-    'Optimal Cost Score': 0.021367,
-    'Optimal Acc. Score': 0.7681,
+    '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,
   },
   {
     'Router Name': 'routellm',
-    'Arena Score': 0.4807,
-    'Optimal Selection Score': 0.9972,
-    'Optimal Cost Score': 0.996314,
-    'Optimal Acc. Score': 0.6876,
-    'Robustness Score': 0.998,
-    'Latency Score': 0.004016,
+    '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,
   },
   {
     'Router Name': 'routerbench_knn',
-    'Arena Score': 0.5548,
-    'Optimal Selection Score': 0.1309,
-    'Optimal Cost Score': 0.254887,
-    'Optimal Acc. Score': 0.7877,
-    'Robustness Score': 0.513,
-    'Latency Score': 0.01328,
+    '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,
   },
   {
     'Router Name': 'routerbench_mlp',
-    'Arena Score': 0.5756,
-    'Optimal Selection Score': 0.1339,
-    'Optimal Cost Score': 0.244499,
-    'Optimal Acc. Score': 0.8332,
-    'Robustness Score': 0.969,
-    'Latency Score': 0.909091,
+    '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,
   },
   {
     'Router Name': 'vllm',
-    'Arena Score': 0.6432,
-    'Optimal Selection Score': 0.0479,
-    'Optimal Cost Score': 0.125426,
-    'Optimal Acc. Score': 0.7933,
-    'Robustness Score': 1.0,
-    'Latency Score': 0.001863,
+    '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,
   },
+  {
+    '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,
+  }
 ];
 
 // Router metadata mapping
@@ -187,7 +199,7 @@ const routerMetadata: Record<
   string,
   {
     name: string;
-    type: 'academic' | 'commercial';
+    type: 'open-source' | 'closed-source';
     description: string;
     affiliation: string;
     modelPool: string[];
@@ -197,7 +209,7 @@ const routerMetadata: Record<
 > = {
   RouterDC: {
     name: 'RouterDC',
-    type: 'academic',
+    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'],
@@ -206,7 +218,7 @@ const routerMetadata: Record<
   },
   azure: {
     name: 'Azure',
-    type: 'commercial',
+    type: 'closed-source',
     description: "Microsoft Azure's model routing service",
     affiliation: 'Microsoft',
     modelPool: ['GPT-4', 'GPT-3.5', 'GPT-4-Turbo'],
@@ -215,7 +227,7 @@ const routerMetadata: Record<
   },
   carrot: {
     name: 'CARROT',
-    type: 'academic',
+    type: 'open-source',
     description: 'Cost-aware routing with dual contrastive learning approach',
     affiliation: 'UMich',
     modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B'],
@@ -224,7 +236,7 @@ const routerMetadata: Record<
   },
   gpt5: {
     name: 'GPT-5',
-    type: 'commercial',
+    type: 'closed-source',
     description: "OpenAI's internal routing system for GPT model family",
     affiliation: 'OpenAI',
     modelPool: ['GPT-5', 'GPT-4', 'GPT-3.5'],
@@ -233,7 +245,7 @@ const routerMetadata: Record<
   },
   graphrouter: {
     name: 'GraphRouter',
-    type: 'academic',
+    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'],
@@ -242,7 +254,7 @@ const routerMetadata: Record<
   },
   mirt_bert: {
     name: 'MIRT-BERT',
-    type: 'academic',
+    type: 'open-source',
     description: 'Multi-item response theory with BERT embeddings',
     affiliation: 'USTC',
     modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B'],
@@ -251,7 +263,7 @@ const routerMetadata: Record<
   },
   nirt_bert: {
     name: 'NIRT-BERT',
-    type: 'academic',
+    type: 'open-source',
     description: 'Neural item response theory with BERT-based routing',
     affiliation: 'USTC',
     modelPool: ['GPT-4', 'Claude-3', 'Gemini-Pro', 'Llama-2-70B'],
@@ -260,8 +272,8 @@ const routerMetadata: Record<
   },
   notdiamond: {
     name: 'NotDiamond',
-    type: 'commercial',
-    description: 'Commercial routing service with access to 60+ models',
+    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://notdiamond.ai',
@@ -269,7 +281,7 @@ const routerMetadata: Record<
   },
   routellm: {
     name: 'RouteLLM',
-    type: 'academic',
+    type: 'open-source',
     description: 'Binary selection between strong and weak models',
     affiliation: 'Berkeley',
     modelPool: ['GPT-4', 'GPT-3.5'],
@@ -277,32 +289,41 @@ const routerMetadata: Record<
     githubUrl: 'https://github.com/example/routellm',
   },
   routerbench_knn: {
-    name: 'KNN',
-    type: 'academic',
+    name: 'RouterBench-KNN',
+    type: 'open-source',
     description: 'K-Nearest Neighbors-based router benchmark',
-    affiliation: 'Academic',
+    affiliation: 'Martian',
     modelPool: ['GPT-4', 'GPT-3.5', 'Claude-3'],
-    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
-    githubUrl: 'https://github.com/example/routerbench-knn',
+    paperUrl: 'https://arxiv.org/pdf/2403.12031',
+    githubUrl: 'https://github.com/withmartian/routerbench',
   },
   routerbench_mlp: {
-    name: 'MLP',
-    type: 'academic',
+    name: 'RouterBench-MLP',
+    type: 'open-source',
     description: 'Multi-Layer Perceptron-based router benchmark',
-    affiliation: 'Academic',
+    affiliation: 'Martian',
     modelPool: ['GPT-4', 'GPT-3.5', 'Claude-3'],
     paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
     githubUrl: 'https://github.com/example/routerbench-mlp',
   },
   vllm: {
     name: 'vLLM-SR',
-    type: 'commercial',
+    type: 'open-source',
     description: 'vLLM-based routing service',
-    affiliation: 'vLLM',
+    affiliation: 'vLLM SR Team',
     modelPool: ['GPT-4', 'GPT-3.5'],
     paperUrl: 'https://vllm.ai',
-    githubUrl: undefined,
+    githubUrl: 'https://github.com/vllm-project/semantic-router',
   },
+  chayan: {
+    name: 'Chayan',
+    type: 'open-source',
+    description: 'Chayan-based routing service',
+    affiliation: 'Adaptive Classifier',
+    modelPool: ['GPT-4', 'GPT-3.5'],
+    paperUrl: 'https://arxiv.org/abs/2024.xxxxx',
+    githubUrl: 'https://huggingface.co/adaptive-classifier/chayan',
+  }
 };
 
 // Convert raw data to Router format and calculate overall ranks
@@ -310,19 +331,19 @@ 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: 'academic' as const,
+    type: 'open-source' as const,
     description: `Router: ${router['Router Name']}`,
     affiliation: 'Unknown',
     modelPool: [],
   };
 
   const metrics = {
-    arenaScore: router['Arena Score'],
-    optimalSelectionScore: router['Optimal Selection Score'],
-    optimalCostScore: router['Optimal Cost Score'],
-    optimalAccScore: router['Optimal Acc. Score'],
-    robustnessScore: router['Robustness Score'],
-    latencyScore: router['Latency Score'],
+    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']),
     overallRank: 0, // Will be calculated below
   };
 
diff --git a/src/global.d.ts b/src/global.d.ts
index 1eb7c4f..a59af39 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -3,3 +3,8 @@ interface Window {
   dataLayer: any[];
   gtag: (...args: any[]) => void;
 }
+
+declare module '*.png' {
+  const value: string;
+  export default value;
+}
diff --git a/src/pages/HomePage.css b/src/pages/HomePage.css
index b986435..6f0d595 100644
--- a/src/pages/HomePage.css
+++ b/src/pages/HomePage.css
@@ -33,13 +33,14 @@
 }
 
 .hero-subtitle-short {
-  font-size: 1.2rem;
+  font-size: 1.4rem;
+  font-weight: 500;
   line-height: 1.5;
   margin-bottom: 1.5rem;
   color: rgba(255, 255, 255, 0.9);
   padding-right: 4rem;
   margin-left: 2rem;
-  font-weight: 400;
+  max-width: 400rem;
 }
 
 .highlight {
@@ -65,11 +66,11 @@
   border: none;
   padding: 0;
   text-align: left;
-  max-width: 320px;
+  max-width: 500px;
 }
 
 .cta-heading {
-  font-size: 1.25rem;
+  font-size: 1.4rem;
   font-weight: 500;
   color: rgba(255, 255, 255, 0.9);
   margin: 0 0 0.5rem 0;
@@ -77,8 +78,8 @@
 }
 
 .cta-description {
-  font-size: 1.25rem;
-  color: rgba(255, 255, 255, 0.7);
+  font-size: 1.35rem;
+  color: rgba(234, 234, 234, 0.964);
   margin: 0 0 1rem 0;
   line-height: 1.4;
   font-weight: 400;
@@ -89,7 +90,7 @@
   color: white;
   font-weight: 500;
   padding: 0.5rem 1.25rem;
-  font-size: 0.8rem;
+  font-size: 1.1rem;
   border: none;
   border-radius: 6px;
   transition: all 0.2s ease;
@@ -124,6 +125,7 @@
   background: #2563eb;
   color: white;
   font-weight: 600;
+  font-size: 1.3rem;
   border: none;
 }
 
@@ -187,7 +189,7 @@
   padding: 2rem;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   border: 1px solid #e5e7eb;
-  max-width: 400px;
+  max-width: 350px;
   width: 100%;
 }
 
@@ -318,6 +320,7 @@
   border-radius: 12px;
   color: #6b7280;
   font-weight: 600;
+  font-size: 1rem;
   cursor: pointer;
   transition: all 0.3s ease;
   min-width: 200px;
@@ -535,7 +538,7 @@
   font-size: 1.1rem;
   color: #666;
   margin-bottom: 2rem;
-  max-width: 600px;
+  max-width: 700px;
   margin-left: auto;
   margin-right: auto;
 }
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 87d4fa7..1ee1cef 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -30,11 +30,11 @@ const HomePage: React.FC = () => {
           <div className="hero-left">
             <h1 className="hero-title">
               RouterArena: An Open Platform for
-              <span className="highlight"> Comprehensive Comparison</span> of LLM Routers
+              <span className="highlight"> Comprehensive Comparison</span> of <br /> LLM Routers
             </h1>
 
             <p className="hero-subtitle-short">
-              Diverse dataset, extensive metrics, and live leaderboard
+              Diverse dataset, extensive metrics, and <br /> live leaderboard
             </p>
             <div className="hero-actions">
               <Link to="/leaderboard" className="btn btn-primary">
@@ -64,8 +64,13 @@ const HomePage: React.FC = () => {
 
                 <div className="cta-card">
                   <h3 className="cta-heading">Want to see your router on the leaderboard?</h3>
-                  <p className="cta-description">Email us or open a GitHub issue on RouterArena.</p>
-                  <a href="#contact" className="btn btn-primary">
+                  <p className="cta-description">Head to our GitHub to submit your router.</p>
+                  <a href={contactInfo.github}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                  className="btn btn-primary"
+
+                  >
                     Get Started →
                   </a>
                 </div>
@@ -212,7 +217,7 @@ const HomePage: React.FC = () => {
                   <div>
                     <h3>Automated Framework</h3>
                     <p className="tab-subtitle">
-                      Automated evaluation pipeline supporting both open-source and commercial
+                      Automated evaluation pipeline supporting both open-source and closed-source
                       routers with real-time leaderboard updates.
                     </p>
                   </div>
@@ -233,7 +238,7 @@ const HomePage: React.FC = () => {
                       are added
                     </li>
                     <li>
-                      <strong>Multi-Platform:</strong> Support for both academic and commercial
+                      <strong>Multi-Platform:</strong> Support for both open-source and closed-source
                       routers
                     </li>
                     <li>
@@ -254,8 +259,8 @@ const HomePage: React.FC = () => {
                   <div>
                     <h3>Fair Comparison</h3>
                     <p className="tab-subtitle">
-                      Unified evaluation protocol enabling fair comparison between academic and
-                      commercial routers under consistent conditions.
+                      Unified evaluation protocol enabling fair comparison between open-source and
+                      closed-source routers under consistent conditions.
                     </p>
                   </div>
                 </div>
@@ -271,7 +276,7 @@ const HomePage: React.FC = () => {
                       protocols
                     </li>
                     <li>
-                      <strong>Academic & Commercial:</strong> Fair comparison across different
+                      <strong>Open-Source & Closed-Source:</strong> Fair comparison across different
                       router types
                     </li>
                     <li>
@@ -303,14 +308,17 @@ const HomePage: React.FC = () => {
         <div className="container">
           <h2 className="section-title">Research Team</h2>
           <p className="contact-description">
-            Contact us or submit a GitHub issue to evaluate your router with RouterArena
+            To evaluate your router with RouterArena,
+            visit our GitHub repository and follow the instructions in the README.<br />
+
+            For inquiries or support, contact us at {contactInfo.email} or submit a GitHub issue.
           </p>
 
           {/* Action Buttons */}
           <div className="action-buttons">
             <a
               href={contactInfo.paper}
-              className="btn btn-primary"
+              className="btn btn-outline"
               target="_blank"
               rel="noopener noreferrer"
             >
@@ -324,7 +332,7 @@ const HomePage: React.FC = () => {
               rel="noopener noreferrer"
             >
               <Github className="btn-icon" />
-              View Code
+              View GitHub
             </a>
           </div>
 
diff --git a/src/pages/LeaderboardPage.css b/src/pages/LeaderboardPage.css
index 6d2517d..1a8b48a 100644
--- a/src/pages/LeaderboardPage.css
+++ b/src/pages/LeaderboardPage.css
@@ -163,7 +163,7 @@
 }
 
 :root {
-  --lb-grid: 0.6fr /* Rank */ 1fr /* Name */ 0.9fr /* Affiliation */ 1.2fr /* Type */ 0.8fr
+  --lb-grid: 0.6fr /* Rank */ 1.5fr /* Name */ 1.2fr /* Affiliation */ 1.2fr /* Type */ 0.8fr
     /* Arena */ 0.8fr /* Opt. Select */ 0.8fr /* Opt. Cost */ 0.8fr /* Opt. Acc */ 0.8fr
     /* Latency */ 0.8fr; /* Robust */
 }
@@ -215,7 +215,7 @@
 .leaderboard-row > div {
   padding: 8px 12px;
   overflow: hidden;
-  text-overflow: ellipsis;
+  /* text-overflow: ellipsis; */
   white-space: nowrap;
   text-align: center;
 }
@@ -318,19 +318,24 @@
   align-items: center;
   text-align: left;
   justify-content: flex-start;
+  overflow-x: auto !important;
+  white-space: nowrap !important;
 }
 
 .affiliation-col {
-  display: flex;
-  align-items: center;
-  text-align: left;
-  justify-content: flex-start;
+  scrollbar-width: thin;
+  overflow-x: auto !important;
+  white-space: nowrap !important;
+
 }
 
+
 .affiliation {
-  font-size: 0.9rem;
-  color: #6b7280;
-  font-weight: 500;
+  display: inline-block;
+  min-width: max-content; /* content defines its own width */
+  padding-bottom: 4px;
+
+
 }
 
 .router-info {
@@ -376,12 +381,12 @@
   text-align: center;
 }
 
-.type-badge.academic {
+.type-badge.open-source {
   background: #3b82f6;
   color: white;
 }
 
-.type-badge.commercial {
+.type-badge.closed-source {
   background: #10b981;
   color: white;
 }
@@ -740,11 +745,11 @@
   align-items: center;
 }
 
-/* Prevent content like "commercial" or long affiliations from stretching columns */
+/* Prevent content like "closed-source" or long affiliations from stretching columns */
 .leaderboard-header > div,
 .leaderboard-row > div {
   overflow: hidden;
-  text-overflow: ellipsis;
+  /* text-overflow: ellipsis; */
   white-space: nowrap;
 }
 
@@ -766,9 +771,9 @@
 
 .type-badge {
   display: inline-block;
-  width: 110px; /* ✅ fixed width */
+  width: 200px; /* ✅ fixed width */
   text-align: center;
-  overflow: hidden;
+  /* overflow: hidden; */
   white-space: nowrap;
 }
 
@@ -790,7 +795,7 @@
 .leaderboard-row > div {
   padding: 0.75rem 0.75rem !important;
   overflow: hidden;
-  text-overflow: ellipsis;
+  /* text-overflow: ellipsis; */
   white-space: nowrap;
 }
 
diff --git a/src/pages/LeaderboardPage.tsx b/src/pages/LeaderboardPage.tsx
index 0bff9fe..5244ed7 100644
--- a/src/pages/LeaderboardPage.tsx
+++ b/src/pages/LeaderboardPage.tsx
@@ -10,14 +10,14 @@ import { InlineMath, BlockMath } from 'react-katex';
 
 const LeaderboardPage: React.FC = () => {
   const [searchTerm, setSearchTerm] = useState('');
-  const [filterType, setFilterType] = useState<'all' | 'academic' | 'commercial'>('all');
+  const [filterType, setFilterType] = useState<'all' | 'open-source' | 'closed-source'>('all');
   const [activeMetric, setActiveMetric] = useState<
     'arena' | 'optimalSelection' | 'optimalCost' | 'optimalAcc' | 'latency' | 'robustness'
   >('arena');
   const [activeTab, setActiveTab] = useState<'spider' | 'deferral'>('spider');
 
   // Deferral curve data
-  const academicPoints = {
+  const openSourcePoints = {
     CARROT: { accuracy: 0.672, cost_per_1k: 2.060741 },
     RouterDC: { accuracy: 0.3344, cost_per_1k: 0.063751 },
     GraphRouter: { accuracy: 0.6072, cost_per_1k: 0.363695 },
@@ -28,7 +28,7 @@ const LeaderboardPage: React.FC = () => {
     'NIRT-BERT': { accuracy: 0.6159, cost_per_1k: 0.600228 },
   };
 
-  const commercialPoints = {
+  const closedSourcePoints = {
     NotDiamond: { accuracy: 0.6651, cost_per_1k: 9.330411 },
     Azure: { accuracy: 0.6798, cost_per_1k: 0.619866 },
     'GPT-5': { accuracy: 0.7428, cost_per_1k: 14.407096 },
@@ -180,12 +180,12 @@ const LeaderboardPage: React.FC = () => {
             <div className="filter-group">
               <select
                 value={filterType}
-                onChange={e => setFilterType(e.target.value as 'all' | 'academic' | 'commercial')}
+                onChange={e => setFilterType(e.target.value as 'all' | 'open-source' | 'closed-source')}
                 className="filter-select"
               >
                 <option value="all">All Routers</option>
-                <option value="academic">Academic</option>
-                <option value="commercial">Commercial</option>
+                <option value="open-source">Open-Source</option>
+                <option value="closed-source">Closed-Source</option>
               </select>
             </div>
           </div>
@@ -227,7 +227,7 @@ const LeaderboardPage: React.FC = () => {
 
                 <div className="metrics-col">
                   <div className="metric-value">
-                    <span className="score">{router.metrics.arenaScore.toFixed(4)}</span>
+                    <span className="score">{router.metrics.arenaScore.toFixed(1)}</span>
                   </div>
                 </div>
 
@@ -235,7 +235,7 @@ const LeaderboardPage: React.FC = () => {
                   <div className="metric-value">
                     <span className="score">
                       {router.metrics.optimalSelectionScore !== null
-                        ? router.metrics.optimalSelectionScore.toFixed(4)
+                        ? router.metrics.optimalSelectionScore.toFixed(1)
                         : '—'}
                     </span>
                   </div>
@@ -245,7 +245,7 @@ const LeaderboardPage: React.FC = () => {
                   <div className="metric-value">
                     <span className="score">
                       {router.metrics.optimalCostScore !== null
-                        ? router.metrics.optimalCostScore.toFixed(4)
+                        ? router.metrics.optimalCostScore.toFixed(1)
                         : '—'}
                     </span>
                   </div>
@@ -255,7 +255,7 @@ const LeaderboardPage: React.FC = () => {
                   <div className="metric-value">
                     <span className="score">
                       {router.metrics.optimalAccScore !== null
-                        ? router.metrics.optimalAccScore.toFixed(4)
+                        ? router.metrics.optimalAccScore.toFixed(1)
                         : '—'}
                     </span>
                   </div>
@@ -265,7 +265,7 @@ const LeaderboardPage: React.FC = () => {
                   <div className="metric-value">
                     <span className="score">
                       {router.metrics.latencyScore !== null
-                        ? router.metrics.latencyScore.toFixed(4)
+                        ? router.metrics.latencyScore.toFixed(1)
                         : '—'}
                     </span>
                   </div>
@@ -275,7 +275,7 @@ const LeaderboardPage: React.FC = () => {
                   <div className="metric-value">
                     <span className="score">
                       {router.metrics.robustnessScore !== null
-                        ? router.metrics.robustnessScore.toFixed(4)
+                        ? router.metrics.robustnessScore.toFixed(1)
                         : '—'}
                     </span>
                   </div>
@@ -312,8 +312,8 @@ const LeaderboardPage: React.FC = () => {
             {activeTab === 'deferral' && (
               <div className="deferral-curve-section">
                 <DeferralCurve
-                  academicPoints={academicPoints}
-                  commercialPoints={commercialPoints}
+                  openSourcePoints={openSourcePoints}
+                  closedSourcePoints={closedSourcePoints}
                 />
               </div>
             )}
@@ -359,7 +359,7 @@ const LeaderboardPage: React.FC = () => {
                 </p>
 
                 <p>
-                  <strong>Range:</strong> [0, 1]
+                  <strong>Range:</strong> [0, 100]
                 </p>
               </div>
             </div>
@@ -381,7 +381,7 @@ const LeaderboardPage: React.FC = () => {
                 </p>
                 <BlockMath math="\text{Score} = \frac{N_{\text{optimal selections}}}{N_{\text{selections}}}" />
                 <p>
-                  <strong>Range:</strong> [0, 1]
+                  <strong>Range:</strong> [0, 100]
                 </p>
               </div>
             </div>
@@ -407,7 +407,7 @@ const LeaderboardPage: React.FC = () => {
                   near-optimal cost decisions.
                 </p>
                 <p>
-                  <strong>Range:</strong> [0, 1]
+                  <strong>Range:</strong> [0, 100]
                 </p>
               </div>
             </div>
@@ -434,7 +434,7 @@ const LeaderboardPage: React.FC = () => {
                   independent of cost.
                 </p>
                 <p>
-                  <strong>Range:</strong> [0, 1]
+                  <strong>Range:</strong> [0, 100]
                 </p>
               </div>
             </div>
@@ -460,7 +460,7 @@ const LeaderboardPage: React.FC = () => {
                   robust model selection.
                 </p>
                 <p>
-                  <strong>Range:</strong> [0, 1]
+                  <strong>Range:</strong> [0, 100]
                 </p>
               </div>
             </div>
@@ -483,7 +483,7 @@ const LeaderboardPage: React.FC = () => {
                 <BlockMath math="Score = \frac{1}{L_{\text{router}} - 10}" />
                 <p>Higher scores correspond to lower latency overhead and faster inference.</p>
                 <p>
-                  <strong>Range:</strong> [0, 1]
+                  <strong>Range:</strong> [0, 100]
                 </p>
               </div>
             </div>
diff --git a/src/pages/SubmitPromptPage.tsx b/src/pages/SubmitPromptPage.tsx
index d443821..e1949cf 100644
--- a/src/pages/SubmitPromptPage.tsx
+++ b/src/pages/SubmitPromptPage.tsx
@@ -71,14 +71,14 @@ const SubmitPromptPage: React.FC = () => {
               <div className="guideline-item">
                 <CheckCircle className="guideline-icon" />
                 <div>
-                  <h3>Academic Routers</h3>
+                  <h3>Open-Source Routers</h3>
                   <p>Provide GitHub repository with training code and model weights</p>
                 </div>
               </div>
               <div className="guideline-item">
                 <CheckCircle className="guideline-icon" />
                 <div>
-                  <h3>Commercial Routers</h3>
+                  <h3>Closed-Source Routers</h3>
                   <p>Provide API access or detailed technical specifications</p>
                 </div>
               </div>
diff --git a/src/react-app-env.d.ts b/src/react-app-env.d.ts
new file mode 100644
index 0000000..6431bc5
--- /dev/null
+++ b/src/react-app-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="react-scripts" />
diff --git a/src/types/index.ts b/src/types/index.ts
index 16e3f8e..00dbe96 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,7 +1,7 @@
 export interface Router {
   id: string;
   name: string;
-  type: 'academic' | 'commercial';
+  type: 'open-source' | 'closed-source';
   description: string;
   affiliation: string;
   metrics: {