diff --git a/frontend/src/components/Sponsors.tsx b/frontend/src/components/Sponsors.tsx
index 6b7ffa3..7b2bfb0 100644
--- a/frontend/src/components/Sponsors.tsx
+++ b/frontend/src/components/Sponsors.tsx
@@ -1,11 +1,11 @@
-// src/Sponsors.tsx
-export default function Sponsors() {
-  const handleLinkClick = (event: React.MouseEvent<HTMLAnchorElement>) => {
-    event.preventDefault();
+import React from 'react';
 
-    window.open('/Gophercon Africa 2024 Sponsorship Prospectus.pdf', '_blank');
+export default function Sponsors() {
+  const handleButtonClick = (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
+    event.preventDefault(); // Prevents the default behavior of the anchor tag (navigation)
 
   };
+
   return (
     <section
       id="sponsors"
@@ -15,16 +15,21 @@ export default function Sponsors() {
         Sponsor The Event
       </h2>
       <p className="max-w-lg mb-8 text-sm md:text-base">
-          Don't miss this chance to supercharge your brand and tap into the vibrant energy of Nairobi's Go programming community. Contact us today to explore more sponsorship opportunities and join us in creating an unforgettable event.</p>
+        Don't miss this chance to supercharge your brand and tap into the vibrant energy of Nairobi's Go programming community. Contact us today to explore more sponsorship opportunities and join us in creating an unforgettable event.
+      </p>
 
       <div className="flex flex-col md:flex-row gap-4">
         <a
           className="button w-full md:w-auto mb-4 md:mb-0"
-          onClick={handleLinkClick}
+          href="/sponsorship"
+          onClick={handleButtonClick} // Call the function to handle button click
         >
           Sponsorship Details
         </a>
-        <a className="button w-full md:w-auto" href="mailto:hello@gophers.africa?subject=GopherCon%20Africa%20Sponsorship">
+        <a
+          className="button w-full md:w-auto"
+          href="mailto:hello@gophers.africa?subject=GopherCon%20Africa%20Sponsorship"
+        >
           Become a Sponsor
         </a>
       </div>
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index a82e2f7..a0546ec 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -4,6 +4,7 @@ import './index.css'
 import {createBrowserRouter, RouterProvider} from "react-router-dom";
 import Home from "./pages/Home.tsx";
 import Error from "./pages/Error.tsx";
+import SponsorshipRedirect from './pages/SponsorshipRedirect'; 
 
 
 const router = createBrowserRouter([
@@ -12,6 +13,10 @@ const router = createBrowserRouter([
     element: <Home />,
     errorElement: <Error />,
   },
+  {
+    path: "/sponsorship",
+    element: <SponsorshipRedirect />, 
+  },
 ]);
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
diff --git a/frontend/src/pages/SponsorshipRedirect.tsx b/frontend/src/pages/SponsorshipRedirect.tsx
new file mode 100644
index 0000000..f97dda4
--- /dev/null
+++ b/frontend/src/pages/SponsorshipRedirect.tsx
@@ -0,0 +1,12 @@
+// src/SponsorshipRedirect.tsx
+import React from 'react';
+
+const SponsorshipRedirect: React.FC = () => {
+  React.useEffect(() => {
+    window.location.href = '/Gophercon Africa 2024 Sponsorship Prospectus.pdf';
+  }, []);
+
+  return null;
+};
+
+export default SponsorshipRedirect;