diff --git a/src/components/MainHero/MainHero.js b/src/components/MainHero/MainHero.js
index 5429a18..9603bcc 100644
--- a/src/components/MainHero/MainHero.js
+++ b/src/components/MainHero/MainHero.js
@@ -1,5 +1,6 @@
 import React from 'react'
 import { Container } from 'react-bootstrap'
+import { Link } from 'react-router-dom'
 import Header from '../Header'
 import HeaderFixed from '../HeaderFixed'
 import './MainHero.css'
@@ -16,7 +17,9 @@ const MainHero = () => {
             <h3 className='sub-title mt-4'>
               Connecting blood donors with recipients
             </h3>
-            <button className='btn-find-blood mt-5'>Find blood</button>
+            <Link to='/donars'>
+              <button className='btn-find-blood mt-5'>Find Donars</button>
+            </Link>
           </div>
         </div>
       </Container>
diff --git a/src/components/SaveLives.js b/src/components/SaveLives.js
index 643478c..d65f94e 100644
--- a/src/components/SaveLives.js
+++ b/src/components/SaveLives.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import { Link } from 'react-router-dom'
 import './SaveLives.css'
 
 const SaveLives = () => {
@@ -8,7 +9,9 @@ const SaveLives = () => {
       <h4 className='text-center text-white mt-4'>
         Become a donor or request for blood and help save lives
       </h4>
-      <button className='btn-find-blood mt-5'>Register</button>
+      <Link to='/register'>
+        <button className='btn-find-blood mt-5'>Register</button>
+      </Link>
     </section>
   )
 }