text: import React from 'react'
  import '../styles/hero.css'
  
  const Hero = () => {
    return (
      <div className='hero'>
        <h1 className='hero-text'>
          Welcome to my blog!<br />
          Enjoy lots of posts
        </h1>
        <div className='hero-author'>
          <img src='https://api.adorable.io/avatars/30/image.png' className='hero-author-image' alt='avatar' />
          <p className='hero-author-text'>
            Written by Daisuke.<br />
            Front Engineer at Hoge.Inc Love JavaScript.
          </p>
        </div>
      </div>
    )
  }
  
  export default Hero
  