diff --git a/front/src/SportPage.js b/front/src/SportPage.js
index 81bc2a2..569f022 100644
--- a/front/src/SportPage.js
+++ b/front/src/SportPage.js
@@ -18,6 +18,7 @@
   { label: "游戏", icon: <SportsEsportsIcon />, path: "/game" },
   { label: "体育", icon: <SportsMartialArtsIcon />, path: "/sport" },
   { label: "资料", icon: <PersonIcon />, path: "/info" },
+  { label: "发布", icon: <AccountCircleIcon />, path: "/publish" }, // Added Publish option
 ];
 
 const sportTypes = [""];
@@ -30,6 +31,12 @@
   { label: "电竞", icon: <PersonIcon fontSize="small" />, active: true },
 ];
 
+const exampleTorrents = [
+  { type: "Soccer", title: "实例1", id: 1 },
+  { type: "Basketball", title: "实例2", id: 2 },
+  { type: "Tennis", title: "实例3", id: 3 },
+];
+
 export default function SportPage() {
   const navigate = useNavigate();
   const [activeTab, setActiveTab] = React.useState(0);
@@ -147,20 +154,34 @@
         ))}
       </div>
       <div className="table-section">
-        <table className="movie-table">
+        <table className="sport-table">
           <thead>
             <tr>
-              <th>类型</th>
+              <th>体育类型</th>
               <th>标题</th>
               <th>发布者</th>
             </tr>
           </thead>
           <tbody>
-            {sportTypes.map((type) => (
+            {sportTypes.map((type, index) => (
               <tr key={type}>
-                <td>{type}</td>
-                <td></td>
-                <td></td>
+                <td>
+                  <a
+                    href={`/torrent/${type}`}
+                    style={{ color: "#1a237e", textDecoration: "none" }}
+                  >
+                    {type}
+                  </a>
+                </td>
+                <td>
+                  <a
+                    href={`/torrent/${type}`}
+                    style={{ color: "#1a237e", textDecoration: "none" }}
+                  >
+                    种子{index + 1}
+                  </a>
+                </td>
+                <td>发布者{index + 1}</td>
               </tr>
             ))}
           </tbody>