Merge pull request #25 from nairobi-gophers/pdf-fix

revert

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:[email protected]?subject=GopherCon%20Africa%20Sponsorship">
+        <a
+          className="button w-full md:w-auto"
+          href="mailto:[email protected]?subject=GopherCon%20Africa%20Sponsorship"
+        >
           Become a Sponsor
         </a>
       </div>

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(

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;