export default function HeroSection() {
  return (
    <section id="heroSection" className="hero--section">
      <div className="hero--section--content-box">
        <div className="hero--section--content">
          <p className="section--title">Hello, je suis ALESSI Thibaut</p>
          <h1 className="hero--section--title">
            <span className="hero--section--title--color">
              Etudiant à Polytech Lyon
            </span>{" "}
            <br />
            Dev, BDD
          </h1>
          <p className="hero--section--description">
            Voici la description, j'adore l'informatique miam miam
            <br />A la recherche d'une alternance de 3 ans avec l'école
            d'ingénieur Polytech Lyon
          </p>
        </div>
        <button className="btn btn-primary">Contactez-moi</button>
      </div>
      <div className="hero--section--img">
        <img src="./img/logo512.png" alt="Hero Section" />
      </div>
    </section>
  );
}