import Link from 'next/link';

export default function SocialSidebar() {
  return (
    <div className="hidden sm:flex fixed left-4 bottom-8 z-40 flex-col gap-4">
      <Link href="#" aria-label="Twitter">
        <svg width="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 75.86 61.39" fill="white">
          <path d="M75.86,7.27a31.46,31.46,0,0,1-8.94,2.44,15.57,15.57,0,0,0,6.84-8.58A31.15,31.15,0,0,1,63.88,4.9,15.58,15.58,0,0,0,37,15.5a15.78,15.78,0,0,0,.4,3.53A44.3,44.3,0,0,1,5.28,2.84,15.46,15.46,0,0,0,10.1,23.53a15.57,15.57,0,0,1-7-1.94v.19A15.52,15.52,0,0,0,15.53,37a15.78,15.78,0,0,1-4.1.54,14.93,14.93,0,0,1-2.93-.28A15.56,15.56,0,0,0,23,48,31.29,31.29,0,0,1,3.71,54.64,30.42,30.42,0,0,1,0,54.42a44.18,44.18,0,0,0,23.86,7c28.63,0,44.28-23.62,44.28-44.1,0-.66,0-1.34,0-2A31.8,31.8,0,0,0,75.86,7.27Z"/>
        </svg>
      </Link>
      <Link href="#" aria-label="LinkedIn">
        <svg width="21" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45 45" fill="white">
          <path d="M41.67,0H3.32A3.28,3.28,0,0,0,0,3.24V41.75A3.28,3.28,0,0,0,3.32,45H41.67A3.29,3.29,0,0,0,45,41.75V3.24A3.28,3.28,0,0,0,41.67,0ZM13.35,38.35H6.67V16.87h6.68ZM10,13.93a3.87,3.87,0,1,1,3.87-3.87A3.87,3.87,0,0,1,10,13.93ZM38.35,38.35H31.68V27.9c0-2.49-.05-5.69-3.47-5.69s-4,2.71-4,5.51V38.35H17.53V16.87h6.4v2.94H24a7,7,0,0,1,6.32-3.47c6.76,0,8,4.44,8,10.23Z"/>
        </svg>
      </Link>
    </div>
  );
}