diff --git a/src/OurSponsors/OurSponsors.js b/src/OurSponsors/OurSponsors.js
index fde6b8b..c4925a8 100644
--- a/src/OurSponsors/OurSponsors.js
+++ b/src/OurSponsors/OurSponsors.js
@@ -3,6 +3,7 @@ import { useState } from 'react';
 import './OurSponsors.css'
 //can be removed later
 import fakeDelay from '../TestingTools/fakeDelay';
+import { useNavigate } from 'react-router-dom';
 
 /* 
 things to do
@@ -25,6 +26,12 @@ const OurSponsors = () => {
     getSponsors();  //get sponsors on startup of page
    }, []);
 
+   const OpenPage = (arg) => {    
+        const navigate = useNavigate();
+        navigate(arg);
+        console.log(arg);
+    };
+
     const getSponsors = async () => {
         /* 
         Gets the list of sponsors from the synology drive (not implemented), converts the json file into a dictionary
@@ -126,6 +133,9 @@ const OurSponsors = () => {
     }
     if(sponsorsDict) {  //maps out the dictionary and displays the content
             return (<div id='OurSponsors'>
+                    <div id='BecomeASponsors'>
+                        <button onClick={() => OpenPage('/BecomeASponsor')}>Become A Sponsor</button>
+                    </div>
                     {Object.keys(sponsorsDict).map((sponsorTier) => (
                         <div key={sponsorTier} className={sponsorTier}>
                             <h2>{sponsorTier}</h2>