Fix leaderboard table

client/package.json

@@ -11,8 +11,13 @@
   },
   "dependencies": {
     "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-table": "^8.21.3",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

client/src/components/Community.tsx

@@ -10,18 +10,20 @@ export default function Community() {
   const [activeTab, setActiveTab] = useState<TabValue>('news');
 
   return (
-    <div style={{ minHeight: '100vh', backgroundColor: '#fff' }}>
-      <div style={{ maxWidth: '72rem', margin: '0 auto', padding: '1.5rem 1rem' }}>
-        <div style={{ marginBottom: '2rem' }}>
-          <h1 style={{ fontSize: '1.5rem', fontWeight: 500, color: '#111827', marginBottom: '0.5rem', lineHeight: 1.5 }}>
+    <div className="min-h-screen bg-white">
+      <div className="max-w-7xl mx-auto px-6 py-8 pb-0">
+        <div className="mb-8">
+          <h1 className="text-gray-900 text-3xl font-semibold mb-2">
             Community Hub
           </h1>
-          <p style={{ color: '#6b7280' }}>
+          <p className="text-gray-600">
             Stay updated with the latest news, share suggestions, and meet the team
           </p>
         </div>
+      </div>
 
-        {/* Simple tabs navigation */}
+      {/* Simple tabs navigation */}
+      <div className="max-w-7xl mx-auto px-6">
         <div style={{
           display: 'inline-flex',
           alignItems: 'center',

client/src/components/HomePage.tsx

@@ -1,5 +1,6 @@
 import {useNavigate} from "react-router-dom";
 import "../styles/HomePage.css";
+import logo from "../assets/MindBenchAI.png";
 
 interface Stat {
   value: string;
@@ -91,6 +92,10 @@ export default function HomePage() {
   return (
     <div className="dashboard-home-page">
       <section className="hero">
+        <div className="hero-brand-container">
+          <img src={logo} alt="MindBench AI Logo" className="hero-logo" />
+          <div className="hero-brand">MindBench AI</div>
+        </div>
         <h1>
           Benchmark Leading <span>Language Models</span>
         </h1>
@@ -150,7 +155,12 @@ export default function HomePage() {
         <p>
           Start comparing language models and find the perfect fit for your needs.
         </p>
-        <button className="primary-button">View All Benchmarks</button>
+        <button
+          className="primary-button"
+          onClick={() => navigate("/benchmark")}
+        >
+          View All Benchmarks
+        </button>
       </section>
     </div>
   );