diff --git a/frontend/public/assets/arc_logo.svg b/frontend/public/assets/arc_logo.svg new file mode 100644 index 0000000..e6f739c --- /dev/null +++ b/frontend/public/assets/arc_logo.svg @@ -0,0 +1,13 @@ + + + + + + + + + \ No newline at end of file diff --git a/frontend/public/data/socialInfos.ts b/frontend/public/data/socialInfos.ts index 8614619..ec8fb71 100644 --- a/frontend/public/data/socialInfos.ts +++ b/frontend/public/data/socialInfos.ts @@ -39,5 +39,10 @@ export const socialLinks: socialInfo[] = [ href: 'https://www.linkedin.com/company/csesoc?originalSubdomain=au', src: '/assets/linkedin_logo.svg', alt: 'LinkedIn' + }, + { + href: 'https://member.arc.unsw.edu.au/s/clubdetail?clubid=0016F0000371VxAQAU', + src: '/assets/arc_logo.svg', + alt: 'Arc Membership Portal' } ]; diff --git a/frontend/src/components/Contacts/index.tsx b/frontend/src/components/Contacts/index.tsx index 0f41a69..8ea88f8 100644 --- a/frontend/src/components/Contacts/index.tsx +++ b/frontend/src/components/Contacts/index.tsx @@ -1,15 +1,18 @@ import Image from 'next/image'; -const boxStyling = - 'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300'; const socialsBoxStyling = 'xl:col-span-1 col-span-3 flex justify-center pt-2 pb-2 border border-[#595F6D] hover:border-[#788093] rounded-lg hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300'; +const socialsStyling = + 'flex justify-center'; const Contacts = () => { return (
- + discord logo {
- + X/Twitter { className="mr-1 fill-white hover:scale-105 transition-all" /> - + Youtube { className="mr-1 fill-white hover:scale-105 transition-all" /> - + Instagram { className="mr-1 fill-white hover:scale-105 transition-all" /> - + TikTok { className="mr-1 fill-white hover:scale-105 transition-all" /> - + LinkedIn { className="mr-1 fill-white hover:scale-105 transition-all" /> + + Arc Membership Portal +
);