diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 24c12f0..71f8ec3 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -16,6 +16,7 @@
         "axios": "^1.7.2",
         "eslint-config-next": "13.4.19",
         "framer-motion": "^11.2.13",
+        "lucide-react": "^0.511.0",
         "next": "13.4.12",
         "next-emoji-rain": "^1.0.2",
         "postcss": "8.4.29",
@@ -3378,6 +3379,15 @@
         "node": ">=10"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "0.511.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.511.0.tgz",
+      "integrity": "sha512-VK5a2ydJ7xm8GvBeKLS9mu1pVK6ucef9780JVUjw6bAjJL/QXnd4Y0p7SPeOUMC27YhzNCZvm5d/QX0Tp3rc0w==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index a697947..4a04cd5 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -21,6 +21,7 @@
     "axios": "^1.7.2",
     "eslint-config-next": "13.4.19",
     "framer-motion": "^11.2.13",
+    "lucide-react": "^0.511.0",
     "next": "13.4.12",
     "next-emoji-rain": "^1.0.2",
     "postcss": "8.4.29",
diff --git a/frontend/src/components/About/AboutHomepage.tsx b/frontend/src/components/About/AboutHomepage.tsx
index 4d16649..4492b71 100644
--- a/frontend/src/components/About/AboutHomepage.tsx
+++ b/frontend/src/components/About/AboutHomepage.tsx
@@ -1,59 +1,61 @@
 import Image from "next/image";
 
 export default function AboutHomePage() {
-    return (
-        <section className="py-8 xl:px-24 sm:px-10 px-5" id="about">
-          <div className="text-center my-10">
-            <h2 className="font-bold text-6xl mb-16">ABOUT</h2>
-          </div>
-          <div className="flex justify-center items-center">
-            <div className="lg:grid grid-cols-6 flex-1 max-w-[90rem]">
-              {/* LEFT SIDE */}
-              {/* NOTE: there is slightly altered from about/index.tsx */}
-              <div className="col-span-2 md:mx-5">
-                <div className="flex items-center justify-center">
-                  <Image src="/assets/csesoc_icon.svg" alt="CSESoc Icon" width={150} height={150} />
-                </div>
-                <h2 className="mt-4 text-3xl font-extrabold">CSESoc</h2>
-                <p className="text-[#727B8C] font-medium">unsw-computer-science-engineering-society</p>
-                <div className="my-4 flex gap-5">
-                  <Image src="/assets/people_icon.svg" alt="People" width={20} height={20} />
-                  <div>
-                    16k <span className="text-[#727B8C]">members</span> · 146{' '}
-                    <span className="text-[#727B8C]">internal members</span>
-                  </div>
-                </div>
-                <div className="my-4 flex gap-5">
-                  <Image src="/assets/location_icon.svg" alt="Location" width={20} height={20} />
-                  Sydney, Australia
-                </div>
-                <div className="flex gap-5">
-                  <Image src="/assets/mail_icon.svg" alt="Mail" width={20} height={20} />
-                  <a href="mailto:info@csesoc.org.au" className="hover:underline">info@csesoc.org.au</a>
-                </div>
-              </div>
-              {/* RIGHT SIDE */}
-              <div className="col-span-4 lg:mt-0 mt-10">
-                <p className="text-2xl">
-                  We are one of the largest and most active societies at UNSW, and {" "}
-                  <span className="font-bold text-[#3977F8]">the largest computing society in the southern hemisphere</span>.
-                  <br/><br/>
-                  CSESoc comprises {" "}
-                  <span className="font-bold text-[#3977F8]">over 16k members</span> 
-                  {" "}spanning across various degrees including Computer Science, 
-                  Software Engineering, Bioinformatics and Computer Engineering.
-                  <br/><br/>
-                  We are here to fulfil the social, personal and professional needs of CSE students, 
-                  and promote computing through a variety of forms.
-                </p>
-                <a href="about">
-                  <button className="mt-16 bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[60%] xl:h-12 h-10 hover-animate mx-auto block">
-                    Find out more
-                  </button>
-                </a>
+  return (
+    <section className="py-8 pb-16 xl:px-24 sm:px-10 px-5" id="about">
+      <div className="text-center my-10">
+        <h2 className="font-bold text-6xl mb-16">ABOUT</h2>
+      </div>
+      <div className="flex justify-center items-center">
+        <div className="lg:grid grid-cols-6 flex-1 max-w-[90rem]">
+          {/* LEFT SIDE */}
+          {/* NOTE: there is slightly altered from about/index.tsx */}
+          <div className="col-span-2 md:mx-5">
+            <div className="flex items-center justify-center">
+              <Image src="/assets/csesoc_icon.svg" alt="CSESoc Icon" width={150} height={150} />
+            </div>
+            <h2 className="mt-4 text-3xl font-extrabold">CSESoc</h2>
+            <p className="text-[#727B8C] font-medium">unsw-computer-science-engineering-society</p>
+            <div className="my-4 flex gap-5">
+              <Image src="/assets/people_icon.svg" alt="People" width={20} height={20} />
+              <div>
+                16k <span className="text-[#727B8C]">members</span> · 146{' '}
+                <span className="text-[#727B8C]">internal members</span>
               </div>
             </div>
+            <div className="my-4 flex gap-5">
+              <Image src="/assets/location_icon.svg" alt="Location" width={20} height={20} />
+              Sydney, Australia
+            </div>
+            <div className="flex gap-5">
+              <Image src="/assets/mail_icon.svg" alt="Mail" width={20} height={20} />
+              <a href="mailto:info@csesoc.org.au" className="hover:underline">info@csesoc.org.au</a>
+            </div>
+          </div>
+          {/* RIGHT SIDE */}
+          <div className="col-span-4 lg:mt-0 mt-10">
+            <p className="text-2xl">
+              We are one of the largest and most active societies at UNSW, and {" "}
+              <span className="font-bold text-[#3977F8]">the largest computing society in the southern hemisphere</span>.
+              <br/><br/>
+              CSESoc comprises {" "}
+              <span className="font-bold text-[#3977F8]">over 16k members</span> 
+              {" "}spanning across various degrees including Computer Science, 
+              Software Engineering, Bioinformatics and Computer Engineering.
+              <br/><br/>
+              We are here to fulfil the social, personal and professional needs of CSE students, 
+              and promote computing through a variety of forms.
+            </p>
+            <div className="flex pt-8 justify-center items-center">
+              <a href="about">
+                <button className="group flex justify-center items-center gap-2 pl-2 bg-white border text-blue-900 font-semibold border-[#A7A6E5] text-lg rounded-3xl w-[14rem] hover:opacity-60 xl:h-12 h-10 duration-300">
+                  Find out more...
+                </button>
+              </a>
+            </div>
           </div>
-        </section>
-      );
-}
\ No newline at end of file
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/frontend/src/components/Event/EventsBrief.tsx b/frontend/src/components/Event/EventsBrief.tsx
index 8d8bc1a..65105eb 100644
--- a/frontend/src/components/Event/EventsBrief.tsx
+++ b/frontend/src/components/Event/EventsBrief.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import { events } from '../../../public/data/events';
 import EventsCarousel from './EventsCarousel';
+import { ChevronRight } from 'lucide-react';
 
 const EventBrief = () => {
   return (
@@ -16,9 +17,10 @@ const EventBrief = () => {
       }
       <div className="flex justify-center items-center">
         <a href="events">
-          <button className="mt-10 bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[20rem] xl:h-12 h-10 hover-animate">
-            See all events
-          </button>
+            <button className="group flex justify-center items-center gap-2 pl-2 bg-white border text-blue-900 font-semibold border-[#A7A6E5] text-lg rounded-3xl w-[14rem] hover:opacity-60 xl:h-12 h-10 duration-300">
+              See all events
+              <ChevronRight className="group-hover:animate-bounce-right" />
+            </button>
         </a>
       </div>
     </section>
diff --git a/frontend/src/components/Sponsors/index.tsx b/frontend/src/components/Sponsors/index.tsx
index b6a629d..14ebb1f 100644
--- a/frontend/src/components/Sponsors/index.tsx
+++ b/frontend/src/components/Sponsors/index.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import Footer from '@/components/Footer';
 import SponsorCarousel from './SponsorCarousel';
+import { ChevronRight } from 'lucide-react';
 
 const Sponsors = () => {
   return (
@@ -18,8 +19,9 @@ const Sponsors = () => {
           <SponsorCarousel />
           <div className="flex justify-center items-center">
             <a href="sponsors">
-              <button className="bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[20rem] xl:h-12 h-10 hover-animate">
+              <button className="group flex justify-center items-center gap-2 pl-2 bg-white border text-blue-900 font-semibold border-[#A7A6E5] text-lg rounded-3xl w-[14rem] hover:opacity-60 xl:h-12 h-10 duration-300">
                 See all sponsors
+                <ChevronRight className="group-hover:animate-bounce-right" />
               </button>
             </a>
           </div>
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
index 87aa95c..c31d073 100644
--- a/frontend/tailwind.config.ts
+++ b/frontend/tailwind.config.ts
@@ -8,6 +8,15 @@ const config: Config = {
   ],
   theme: {
     extend: {
+      keyframes: {
+        'bounce-right': {
+          '0%, 100%': { transform: 'translateX(0)' },
+          '50%': { transform: 'translateX(6px)' },
+        },
+      },
+      animation: {
+        'bounce-right': 'bounce-right 1.0s ease-in-out infinite',
+      },
       fontFamily: {
         game: "'Press Start 2P', cursive"
       },