import React from "react";

export default function NewsLetter() {
  return (
    <div>
      <div className="section-newsletter">
        <div
          className="section-newsletter__bg js-lazy"
          data-src="img/bg/bg-3.svg"
        ></div>
        <div className="wrapper">
          <div className="newsletter">
            <div className="newsletter__content">
              <h3 className="h3">Newsletter</h3>
              <div className="newsletter__text">
                <p>
                  Pariatur magna cupidatat magna sit incididunt non pariatur.
                  Sint nulla commodo qui magna eiusmod quis aliqua laboris
                  officia excepteur non eu in.
                </p>
              </div>
              <form>
                <div className="box-fileds-newsletter">
                  <div className="box-filed box-filed_1">
                    <input type="email" placeholder="Enter your email" />
                  </div>
                  <div className="box-filed box-filed_submit">
                    <input type="submit" className="btn" value="Subscribe" />
                  </div>
                </div>
              </form>
            </div>
            <div className="newsletter__img">
              <div className="newsletter__picture">
                <img
                  data-src="img/newsletter.svg"
                  alt=""
                  className="js-lazy"
                  src="data:image/gif;base64,R0lGODlhAQABAAAAACw="
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
