diff --git a/components/ExerciseModal.jsx b/components/ExerciseModal.jsx
index a1d1135..494e015 100644
--- a/components/ExerciseModal.jsx
+++ b/components/ExerciseModal.jsx
@@ -20,6 +20,7 @@ import {
   Image,
 } from "@chakra-ui/react";
 
+import { Link as ReachLink } from "@reach/router"
 
 export default function BeginModal(props) {
   const { isOpen, onOpen, onClose } = useDisclosure();
@@ -61,9 +62,11 @@ export default function BeginModal(props) {
               rounded={'full'}>
               {name.toUpperCase()}
             </Text>
-            <Stack direction={'row'} align={'center'} justify={'center'}>
-              <Image boxSize='270px' src={image_link} />
-            </Stack>
+	    <Link as={ReachLink} to={'/exercises/#/'+name}>
+              <Stack direction={'row'} align={'center'} justify={'center'}>
+                <Image boxSize='270px' src={image_link} />
+              </Stack>
+	    </Link>
           </Stack>
 
           <Box bg={useColorModeValue('gray.50', 'gray.900')} px={6} py={10}>
diff --git a/package.json b/package.json
index 0e2ac63..64aaa0d 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@emotion/react": "^11",
     "@emotion/styled": "^11",
     "@rainbow-me/rainbowkit": "^0.2.2",
+    "@reach/router": "^1.3.4",
     "axios": "^0.27.2",
     "ethers": "^5.6.8",
     "framer-motion": "^6",
@@ -26,6 +27,7 @@
     "react-chakra-pagination": "^1.0.1",
     "react-dom": "18.1.0",
     "react-icons": "^4.4.0",
+    "react-router-dom": "^6.3.0",
     "react-table": "^7.8.0",
     "wagmi": "^0.4.6",
     "walletconnect": "^1.7.8",