import road from "../images/road.jpg";

const Home = () => (
  <div>
    <section className="banner">
      <div className="textBt">
        <h2>
          Hello, I'm
          <br />
          <span>Zadorozhnyi A.</span>
        </h2>
        <h3>I'm a Front End Developer.</h3>
        <a href="#about" className="btnAbout">
          About me
        </a>
      </div>
    </section>
    <section className="about" id="about">
      <div className="heading">
        <h2>About me</h2>
      </div>
      <div className="content">
        <div className="contentBx w50">
          <h3>I'm a Front End Developer.</h3>
          <p>
            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti,
            earum. Exercitationem aliquam atque ab cum quod, beatae, doloribus
            velit, quam ratione ipsum iure rerum porro. Et necessitatibus nam
            repellendus rerum. Lorem ipsum dolor sit amet, consectetur
            adipisicing elit. Nesciunt facilis nobis dolorum aliquid adipisci
            facere nam rem ducimus ratione distinctio voluptatem explicabo ipsam
            soluta, omnis neque commodi consectetur quisquam! Molestias?
            <br />
            <br />
            Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque,
            doloremque. Deleniti vero maiores aut odit impedit sint officia
            animi. Fugit tempore, dolorum earum molestias repudiandae iure
            necessitatibus commodi a nulla.
          </p>
        </div>
        <div className="w50">
          <img src={road} alt="Road" />
        </div>
      </div>
    </section>
  </div>
);

export default Home;
