@@ -13,23 +13,15 @@ const Event = () => {
1313< div className = "flex flex-col text-center" >
1414< p className = "text-center text-3xl" >
1515 We run a wide-variety of events for fun, learning new skills and careers. For full
16- listings, check out the CSESoc Discord or our Facebook page!
16+ listings, check out our{ ' ' }
17+ < a
18+ href = "https://www.facebook.com/csesoc"
19+ className = "text-[#3977F9] relative after:bg-current after:absolute after:h-1 after:w-0 after:bottom-0 after:left-0 hover:after:w-full after:duration-200"
20+ > Facebook page</ a > !
1721</ p >
18- < div >
19- < a href = "https://bit.ly/CSESocDiscord" >
20- < button className = "mt-5 mx-5 bg-white border font-bold text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-24 xl:h-12 h-10 hover-animate" >
21- Discord
22- </ button >
23- </ a >
24- < a href = "https://www.facebook.com/csesoc" >
25- < button className = "mt-5 mx-5 bg-white border font-bold text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-24 xl:h-12 h-10 hover-animate" >
26- FB
27- </ button >
28- </ a >
29- </ div >
3022</ div >
3123</ div >
32- < div className = "flex items-center justify-start mt-10 " >
24+ < div className = "flex items-center justify-start mt-20 " >
3325< p className = "text-4xl font-bold" >
3426 Explore upcoming events
3527</ p >
@@ -40,7 +32,7 @@ const Event = () => {
4032< p className = "text-4xl" > No upcoming events... check back here later!</ p >
4133</ div >
4234}
43- < div className = "flex items-center justify-start mt-10 " >
35+ < div className = "flex items-center justify-start mt-20 " >
4436< p className = "text-4xl font-bold" >
4537 Previous events
4638</ p >