Merge pull request #50 from acm-ucr/charleen/donateButton

fixed donate button

src/components/donate/Contact.js

@@ -3,10 +3,10 @@ import React from "react";
 const Contact = () => {
   return (
     <div className=" text-center">
-      <div className="mt-3 md:mt-5 text-3xl md:text-5xl font-urbanist font-black ">
+      <div className="mt-3 md:mt-5 text-3xl lg:text-6xl font-urbanist font-extrabold ">
         Contact Us
       </div>
-      <div className=" font-sans text-xs lg:text-lg md:text-sm">
+      <div className=" font-sans text-xs lg:text-lg md:text-sm mt-4">
         <div className="mb-4">[email protected] </div>
 
         <div className="font-extrabold">Javen Dosanjh</div>

src/components/donate/Donate.js

@@ -3,14 +3,12 @@ import Link from "next/link";
 
 const Donate = () => {
   return (
-    <div className="flex items-center justify-center text-center">
-      <Link
-        href="#"
-        className="bg-[#639237] font-urbanist text-white text-[60px] font-black underline decoration-2 rounded-[40.5px] w-[364px] h-[81px]px-1.5 hover:no-underline"
-      >
-        Donate Here
-      </Link>
-    </div>
+    <Link
+      href="#"
+      className="bg-hsp-green text-white text-5xl font-urbanist font-black underline flex justify-center items-center rounded-full w-3/12 my-7 py-3 underline-offset-4 hover:scale-105"
+    >
+      Donate Here
+    </Link>
   );
 };
 

src/components/donate/Sponsors.js

@@ -4,14 +4,12 @@ import Image from "next/image";
 const Sponsors = ({ logos }) => {
   return (
     <div className="my-12 text-center flex flex-col justify-center items-center h-full">
-      <div className="mb-2 text-6xl font-black font-urbanist">
-        <p>Sponsors</p>
+      <div className="mb-2 text-3xl lg:text-6xl font-extrabold font-urbanist">
+        Sponsors
       </div>
-      <div className="justify-center w-7/12">
-        <p>
-          We are excited to share our progress and our future goals. Thank you
-          for your support.
-        </p>
+      <div className="justify-center font-sans text-lg w-full">
+        We are excited to share our progress and our future goals. Thank you for
+        your support.
       </div>
       <div className="my-12 flex flex-wrap justify-start">
         {logos.map((logos, index) => (