11import Link from 'next/link' ;
22//import SponsorLinks from './Sponsors/sponsorlinks';
3+ import Image from 'next/image' ;
34import { socialLinks } from '../public/data/data' ;
45
56const Footer = ( ) => {
@@ -8,9 +9,9 @@ const Footer = () => {
89< div className = "sm:flex justify-between pb-10" >
910< div className = "flex flex-col gap-10" >
1011< div className = "flex items-center" >
11- < img src = "assets/csesoc_logo_white.svg" alt = "CSESoc Logo" />
12+ < Image src = "assets/csesoc_logo_white.svg" width = { 231 } height = { 53 } alt = "CSESoc Logo" />
1213< Link href = "/flag/ollie_is_hiding.png" target = "_blank" className = "sm:hidden block" >
13- < img
14+ < Image
1415src = "/flag/ollie_is_hiding.png"
1516alt = "Ollie"
1617draggable = "false"
@@ -19,7 +20,7 @@ const Footer = () => {
1920className = "ml-10"
2021/>
2122</ Link >
22- < img
23+ < Image
2324src = "/flag/ollie_is_hiding.png"
2425alt = "Ollie"
2526draggable = "false"
@@ -32,7 +33,13 @@ const Footer = () => {
3233{ socialLinks . map ( ( item , index ) => {
3334return (
3435< a key = { index } className = "" href = { item . href } >
35- < img className = "h-4" src = { item . src } alt = { item . alt } />
36+ < Image
37+ className = "h-4 fill-white min-w-full hover:scale-125 transition-all"
38+ src = { item . src }
39+ alt = { item . alt }
40+ height = { 0 }
41+ width = { 0 }
42+ />
3643</ a >
3744) ;
3845} ) }
@@ -43,9 +50,11 @@ const Footer = () => {
4350< p > © 2021 — CSESoc UNSW</ p >
4451</ div >
4552</ div >
46- < img
53+ < Image
4754src = "assets/sponsors_backdrop.svg"
4855alt = "Sponsors backdrop"
56+ height = { 0 }
57+ width = { 0 }
4958className = "absolute bottom-0 left-0 w-screen -z-10"
5059/>
5160</ section >