{"size": 879, "ext": "js", "max_stars_repo_path": "src/components/HeroBanner/index.js", "max_stars_repo_name": "cadupuy/vinted-front", "max_stars_repo_stars_event_min_datetime": "2021-03-27T15:36:56.000Z", "max_stars_repo_stars_event_max_datetime": "2021-08-17T19:22:50.000Z", "max_issues_repo_path": "src/components/HeroBanner/index.js", "max_issues_repo_name": "redwing555/vinted-front", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/HeroBanner/index.js", "max_forks_repo_name": "redwing555/vinted-front", "max_forks_repo_forks_event_min_datetime": "2021-04-12T12:52:38.000Z", "max_forks_repo_forks_event_max_datetime": "2022-02-09T00:06:17.000Z"}
{"max_stars_count": 3, "max_issues_count": null, "max_forks_count": 3, "avg_line_length": 24.4166666667, "max_line_length": 59, "alphanum_fraction": 0.542662116}
import React from "react";
import { Link } from "react-router-dom";
import "./index.css";

// Images
import Banner from "../../assets/img/banner.jpeg";
import Tear from "../../assets/img/tear.svg";

const HeroBanner = () => {
  return (
    <>
      <section className="hero-banner">
        <img src={Banner} alt="" />
        <div>
          <h1>Prêts à faire du tri dans vos placards ?</h1>
          <Link to="/publish">
            <button>Commencer à vendre</button>
          </Link>
          <p>Découvrir comment ça marche</p>
        </div>
        <div>
          <img src={Tear} alt="" />
        </div>
      </section>

      <div className="mobile-description">
        <h1>Prêts à faire du tri dans vos placards ?</h1>
        <button>Commencer à vendre</button>
        <p>Découvrir comment ça marche</p>
      </div>
    </>
  );
};

export default HeroBanner;
