code/components/MadeWithLove.tsx

function MadeWithLove() {
  return (
    <>
      <div class='text-xs opacity-75 hover:opacity-100 transition duration-500 ease-in-out'>
        <p>
          Made with&nbsp;
          <svg
            class='inline'
            viewBox='0 0 1792 1792'
            preserveAspectRatio='xMidYMid meet'
            xmlns='http://www.w3.org/2000/svg'
            style={{ height: '0.8rem' }}
          >
            <path
              d='M896 1664q-26 0-44-18l-624-602q-10-8-27.5-26T145 952.5 77 855 23.5 734 0 596q0-220 127-344t351-124q62 0 126.5 21.5t120 58T820 276t76 68q36-36 76-68t95.5-68.5 120-58T1314 128q224 0 351 124t127 344q0 221-229 450l-623 600q-18 18-44 18z'
              fill='#e25555'
            />
          </svg>
          &nbsp;in Indonesia.
        </p>
        <p>
          Source code available on <a
            class='hover:underline transition duration-350 ease-in-out'
            href='https://www.github.com/aldy505/code'
          >Github.</a>
        </p>
      </div>
    </>
  );
}

export default MadeWithLove;