import React from 'react'

export const IntroSvg = () => {
  return (
    <svg
      xmlns='http://www.w3.org/2000/svg'
      width='450'
      height='400'
      aria-labelledby='website-stats'
      data-name='Built to improve website accessibility'
      viewBox='0 0 709.533 558.594'
      className='w-full'
    >
      <title>Building blocks for detecting critical errors</title>
      <rect width='643.862' height='412.358' x='.275' y='.365' fill='#ccc' />
      <rect
        width='607.039'
        height='336.243'
        x='18.686'
        y='52.085'
        fill='#fff'
      />
      <rect width='643.862' height='27.354' fill='#2563EB' />
      <circle cx='20.327' cy='13.985' r='5.07' fill='#fff' />
      <circle cx='39.571' cy='13.985' r='5.07' fill='#fff' />
      <circle cx='58.814' cy='13.985' r='5.07' fill='#fff' />
      <rect
        width='155.981'
        height='266.467'
        x='73.844'
        y='86.973'
        fill='#2b72e6'
      />
      <rect
        width='129.984'
        height='73.348'
        x='256.75'
        y='86.973'
        fill='#0E1116'
      />
      <rect
        width='129.984'
        height='78.919'
        x='256.75'
        y='180.747'
        fill='#00875b'
      />
      <rect
        width='129.984'
        height='73.348'
        x='256.75'
        y='280.092'
        fill='#e6e6e6'
      />
      <rect
        width='155.981'
        height='116.125'
        x='414.587'
        y='86.973'
        fill='#8956ef'
      />
      <rect
        width='155.981'
        height='116.125'
        x='414.587'
        y='237.315'
        fill='#e6e6e6'
      />
      <path
        id='intro-scale'
        fill='#0E1116'
        d='M755.71223,382.14309v-25a33.5,33.5,0,1,1,67,0v25a4.50508,4.50508,0,0,1-4.5,4.5h-58A4.50508,4.50508,0,0,1,755.71223,382.14309Z'
        transform='translate(-245.23366 -170.70308)'
      ></path>
      <polygon
        fill='#ffb8b8'
        points='593.514 536.786 581.698 540.056 563.462 496.038 580.901 491.212 593.514 536.786'
      />
      <path
        fill='#7c3aed'
        d='M819.38459,708.28158h23.64387a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H804.49773a0,0,0,0,1,0,0v0A14.88686,14.88686,0,0,1,819.38459,708.28158Z'
        transform='translate(-406.29299 74.94457) rotate(-15.46951)'
      />
      <polygon
        fill='#ffb8b8'
        points='470.328 545.875 458.068 545.875 452.235 498.587 470.33 498.587 470.328 545.875'
      />
      <path
        fill='#7c3aed'
        d='M449.31065,542.37161h23.64387a0,0,0,0,1,0,0v14.88687a0,0,0,0,1,0,0H434.42379a0,0,0,0,1,0,0v0A14.88686,14.88686,0,0,1,449.31065,542.37161Z'
      />
      <path
        fill='#ffb8b8'
        d='M700.77825,452.301a10.0558,10.0558,0,0,0,15.392.91737l32.59018,14.65807L745.796,449.54488l-30.4937-11.10914a10.11028,10.11028,0,0,0-14.524,13.86524Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <path
        fill='#fff'
        d='M768.49246,562.53911c-10.23925,0-20.83911-1.52539-29.74878-6.06152a38.41551,38.41551,0,0,1-19.70874-23.56543c-4.64233-14.69922,1.21094-29.14014,6.87134-43.105,3.50757-8.65381,6.82056-16.82715,7.68018-24.88379l.30029-2.86036c1.33887-12.84765,2.49512-23.94335,8.897-28.105,3.31836-2.15722,7.77979-2.28027,13.64063-.377l55.04492,17.88135-2.02393,104.49023-.33447.11182C808.82279,556.16118,789.41824,562.53911,768.49246,562.53911Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <path
        fill='#ddd6fe'
        d='M755.46218,401.05127s27-8,48-5c0,0-12,66-8,88s-69.5,8.5-54.5-12.5l5-25s-10-10-1-22Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <path
        fill='#c4b5fd'
        d='M742.18192,560.55815l-33.27637-6.23926,11.61768-89.40673c.78125-2.4961,18.77807-59.14307,26.95166-62.208a139.51716,139.51716,0,0,1,18.16626-5.04688l1.18383-.23681-6.67236,10.00879-26.56445,63.65429Z'
        transform='translate(-245.23366 -170.70308)'
      ></path>
      <path
        fill='#93c5fd'
        d='M724.84329,705.62163l-42.99487-7.16553,24.12817-98.52392,35.90332-134.73731.35425,2.39258c.02808.17822,3.38208,17.77978,53.15064,9.96973l.43774-.06836.12085.42627,60.1521,212.53759-48.99048,8.165L762.42215,543.55083Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <path
        fill='#c4b5fd'
        d='M784.43558,577.2896l.02685-.75635c.03-.83984,2.988-84.37256,2-117.96729-.99145-33.709,9.92188-62.90087,10.03223-63.19189l.08887-.23438.24121-.06933c14.11963-4.03369,26.3689,8.00537,26.491,8.12744l.17211.17188-4.02124,33.17626,17.21607,120.64161Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <circle cx='537.095' cy='190.797' r='24.561' fill='#ffb8b8' />
      <path
        fill='#0E1116'
        d='M747.78694,359.14309a26.53,26.53,0,0,1,26.5-26.5h5.00024a26.52977,26.52977,0,0,1,26.49976,26.5v.5H795.22029l-3.604-10.09179-.7207,10.09179h-5.46094l-1.81836-5.09179-.36377,5.09179H747.78694Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <path
        fill='#0E1116'
        d='M779.91118,389.45438a4.43341,4.43341,0,0,1-.3523-4.707c5.29859-10.07813,12.71729-28.7002,2.87012-40.18457l-.70776-.8252h28.5874V386.6575l-25.96948,4.582a4.59632,4.59632,0,0,1-.79639.07032A4.48193,4.48193,0,0,1,779.91118,389.45438Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <path
        fill='rgb(79 70 229)'
        d='M664.81368,212.24945a135.01972,135.01972,0,1,0,7.65509,199.4028L838.08687,551.4a12.44209,12.44209,0,0,0,16.06592-19.00287l-.01831-.01544L688.51631,392.63391A135.02729,135.02729,0,0,0,664.81368,212.24945ZM654.13692,379.17712a101.15765,101.15765,0,1,1-12.0766-142.54788l.00006,0A101.15764,101.15764,0,0,1,654.13692,379.17712Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <path
        d='M511.589,391.25375a101.16315,101.16315,0,0,1-17.16559-135.989q-2.90121,2.92177-5.60938,6.1199A101.15767,101.15767,0,1,0,643.43849,391.85605q2.702-3.20224,5.089-6.559A101.163,101.163,0,0,1,511.589,391.25375Z'
        opacity='.3'
        transform='translate(-245.23366 -170.70308)'
        style={{ isolation: 'isolate' }}
      />
      <path
        fill='#ffb8b8'
        d='M790.214,495.239a10.05578,10.05578,0,0,0,12.42386-9.13254l34.433-9.55748L823.074,464.34553l-30.55233,10.94686A10.11027,10.11027,0,0,0,790.214,495.239Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <path
        fill='#c4b5fd'
        d='M804.52567,490.18022,802.43021,470.274l28.76245-15.86914-18.75244-22.70019L815.5,406.20512l7.61987-3.26562.23707.30469c3.593,4.62011,35.10522,45.28076,35.10522,50.30713,0,5.16259-6.02856,20.32324-14.27637,24.44726-7.95581,3.978-37.83081,11.70947-39.09863,12.03711Z'
        transform='translate(-245.23366 -170.70308)'
      />
      <path
        fill='#ccc'
        d='M953.76634,729.29692h-381a1,1,0,1,1,0-2h381a1,1,0,0,1,0,2Z'
        transform='translate(-245.23366 -170.70308)'
      />
    </svg>
  )
}