@@ -360,13 +360,16 @@ const Footer = () => (
360360 < div className = 'flex flex-col text-center sm:text-left' >
361361 < a
362362 href = 'https://opencollective.com/json-schema'
363- className = 'text-white mb-2'
363+ className = 'text-white mb-2 transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px] '
364364 >
365365 Open Collective
366366 </ a >
367367 </ div >
368368 < div className = 'flex flex-col text-center sm:text-left' >
369- < Link href = '/overview/code-of-conduct' className = 'text-white mb-2' >
369+ < Link
370+ href = '/overview/code-of-conduct'
371+ className = 'text-white mb-2 transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px]'
372+ >
370373 Code of Conduct
371374 </ Link >
372375 </ div >
@@ -375,13 +378,13 @@ const Footer = () => (
375378 < div className = '' >
376379 < a
377380 href = 'https://json-schema.org/slack'
378- className = 'flex items-center text-white'
381+ className = 'flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px] '
379382 >
380383 < Image
381384 src = '/img/logos/slack_logo_small-white.svg'
382385 width = { 16 }
383386 height = { 16 }
384- className = ' mr-2'
387+ className = 'mr-2 group-hover:brightness-125 transition-all duration-300 '
385388 alt = 'Slack logo'
386389 />
387390 Slack
@@ -390,13 +393,13 @@ const Footer = () => (
390393 < div className = '' >
391394 < a
392395 href = 'https://x.com/jsonschema'
393- className = 'flex items-center text-white'
396+ className = 'flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px] '
394397 >
395398 < Image
396399 src = '/img/logos/x-twitter.svg'
397400 width = { 16 }
398401 height = { 16 }
399- className = ' mr-2'
402+ className = 'mr-2 group-hover:brightness-125 transition-all duration-300 '
400403 alt = 'X logo'
401404 /> { ' ' }
402405 X
@@ -405,13 +408,13 @@ const Footer = () => (
405408 < div className = '' >
406409 < a
407410 href = 'https://linkedin.com/company/jsonschema/'
408- className = 'flex items-center text-white'
411+ className = 'flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px] '
409412 >
410413 < Image
411414 src = '/img/logos/icons8-linkedin-2.svg'
412415 width = { 16 }
413416 height = { 16 }
414- className = ' mr-2'
417+ className = 'mr-2 group-hover:brightness-125 transition-all duration-300 '
415418 alt = 'LinkedIn logo'
416419 />
417420 LinkedIn
@@ -420,13 +423,13 @@ const Footer = () => (
420423 < div className = '' >
421424 < a
422425 href = 'https://www.youtube.com/@JSONSchemaOrgOfficial'
423- className = 'flex items-center text-white'
426+ className = 'flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px] '
424427 >
425428 < Image
426429 src = '/img/logos/icons8-youtube.svg'
427430 width = { 16 }
428431 height = { 16 }
429- className = 'mr-2'
432+ className = 'mr-2 group-hover:brightness-125 transition-all duration-300 '
430433 alt = 'YouTube logo'
431434 />
432435 Youtube
@@ -435,13 +438,13 @@ const Footer = () => (
435438 < div className = '' >
436439 < a
437440 href = 'https://github.com/json-schema-org'
438- className = 'flex items-center text-white'
441+ className = 'flex items-center text-white group transition-transform duration-300 ease-out hover:scale-105 hover:-translate-y-[2px] '
439442 >
440443 < Image
441444 src = '/img/logos/github_logo-white.svg'
442445 width = { 16 }
443446 height = { 16 }
444- className = 'mr-2'
447+ className = 'mr-2 group-hover:brightness-125 transition-all duration-300 '
445448 alt = 'GitHub logo'
446449 />
447450 GitHub
0 commit comments