diff --git a/src/app/components/Hero.tsx b/src/app/components/Hero.tsx
index 3341a50..504d1dc 100644
--- a/src/app/components/Hero.tsx
+++ b/src/app/components/Hero.tsx
@@ -16,8 +16,10 @@ import {
 import {
   PrimaryButton,
   SecondaryButton,
+  SecondaryOutlineButton,
 } from "@/app/genericComponents/Buttons";
 import { silom } from "@/app/genericComponents/fonts";
+import React from "react";
 
 const HeroContainer = styled.div`
   display: flex;
@@ -165,23 +167,9 @@ export default function Hero() {
           <HackUPCDates>May 3-5 2024 – 36 H</HackUPCDates>
         </TextsContainer>
         <ButtonsContainer>
-          <SecondaryButton
-            href="https://my.hackupc.com/user/signup/"
-            target="_blank"
-            rel="noopener noreferrer"
-            width="100%"
-          >
-            Apply as Hacker
-          </SecondaryButton>
-          <PrimaryButton
-            href="https://my.hackupc.com/user/signup/volunteer/"
-            target="_blank"
-            rel="noopener noreferrer"
-            width="100%"
-            style={{ marginTop: 0 }}
-          >
-            Apply as Volunteer
-          </PrimaryButton>
+          <SecondaryOutlineButton disabled>
+            Applications Closed
+          </SecondaryOutlineButton>
         </ButtonsContainer>
       </HeroContainer>
     </div>
diff --git a/src/app/components/HowToParticipate.tsx b/src/app/components/HowToParticipate.tsx
index cc06046..80ab9f9 100644
--- a/src/app/components/HowToParticipate.tsx
+++ b/src/app/components/HowToParticipate.tsx
@@ -134,13 +134,7 @@ export default function HowToParticipate() {
             to know how this amazing event works from the inside, meet amazing
             people and live a great experience!
           </Text>
-          <PrimaryOutlineButton
-            href="https://my.hackupc.com/user/signup/volunteer/"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Apply as a volunteer
-          </PrimaryOutlineButton>
+          <SecondaryOutlineButton disabled>Closed</SecondaryOutlineButton>
         </TextContainer>
       </RoleBlock>
 
diff --git a/src/app/components/Trailer.tsx b/src/app/components/Trailer.tsx
index 0a1ea28..5499eed 100644
--- a/src/app/components/Trailer.tsx
+++ b/src/app/components/Trailer.tsx
@@ -9,8 +9,10 @@ import {
 import {
   PrimaryButton,
   SecondaryButton,
+  SecondaryOutlineButton,
 } from "@/app/genericComponents/Buttons";
 import { silom } from "@/app/genericComponents/fonts";
+import React from "react";
 
 const VideoWrapper = styled.div`
   position: relative;
@@ -96,23 +98,9 @@ export default function Trailer() {
           />
         </VideoWrapper>
         <ButtonContainer className={silom.className}>
-          <SecondaryButton
-            width={"60%"}
-            href="https://my.hackupc.com/user/signup/"
-            target="_blank"
-            rel="noopener noreferrer"
-          >
-            Apply as a hacker
-          </SecondaryButton>
-          <PrimaryButton
-            href="https://my.hackupc.com/user/signup/volunteer/"
-            target="_blank"
-            rel="noopener noreferrer"
-            width={"60%"}
-            style={{ marginTop: 0 }}
-          >
-            Apply as a volunteer
-          </PrimaryButton>
+          <SecondaryOutlineButton disabled>
+            Applications Closed
+          </SecondaryOutlineButton>
         </ButtonContainer>
       </Section>
     </SectionBackground>