diff --git a/components/tracks.tsx b/components/tracks.tsx
index b14e34c..9f2fbf5 100644
--- a/components/tracks.tsx
+++ b/components/tracks.tsx
@@ -96,7 +96,10 @@ const Track = ({ title, description, image, index, tooltip }: TrackType) => {
     </span>
   ));
   return (
-    <article className="rounded-xl  p-3  cursor-pointer group flex flex-col items-center">
+    <a
+      href={`/#day-${index}`}
+      className="rounded-xl  p-3  cursor-pointer group flex flex-col items-center"
+    >
       <div className="w-fit relative items-center justify-center overflow-visible rounded-xl  bg-[url('/images/t-back.svg')] bg-contain  bg-no-repeat bg-center">
         {/* <div className="absolute  bottom-0 left-0 top-0 w-full h-full z-10  rounded-xl flex">
           <span className="track-tooltip absolute " data-tooltip={tooltip} />
@@ -126,6 +129,6 @@ const Track = ({ title, description, image, index, tooltip }: TrackType) => {
           {description}
         </p>
       </div>
-    </article>
+    </a>
   );
 };