text: import React from 'react'
  import { Link } from 'gatsby'
  import CaseStudy from '../components/CaseStudy'
  import Archives from '../components/Archives'
  
  const Work = () => {
      return (
          <>
              <div className='home'>
                  <div className='blurb'>
                      Welcome! I'm a UX engineer at{' '}<a href='http://patreon.com'>Patreon</a>, constantly striving to improve function and form. Previously delivered digital brand experiences at
                      {' '}<a href='https://dropbox.com'>Dropbox</a>, and
                      {' '}<a href='http://informatica.com'>Informatica</a>.
                      {' '}<Link activeClassName='active' to='/about'><span>Read more.</span></Link>
                  </div>
              </div>
              <div className='showcase'>
                  <div className='block'>
                      <Archives />
                  </div>
                  <div className='block'>
                      <CaseStudy />
                  </div>
              </div>
          </>
      )
  }
  
  export default Work