import "./AdvertInfo.css";
import { LiaArrowRightSolid } from "react-icons/lia";
import Topbar from "./TopNavbar";
import NavbarAdvert from "./Navbar";
import Link from "next/link";

const AdvertInfo = () => {
  return (
    <>
      <Topbar />
      <NavbarAdvert />
      <div className="advert-info-section"></div>
      <div className="advert-content-section">
        <section className="advertise-section">
          {/* 1 */}
          <div className="advert-container-main-one">
            {/* <img className='advert-container-main-one-animation' src="/advert-info/FLUID_TRANSPARENT.png" alt="" />  */}
            <img
              className="advert-container-main-one-animation"
              src="/advert-info/FLUID_TRANSPARENT.png"
              alt="hellow"
            />

            <div className="Advert-container">
              <div className="left">
                <h1 className="headline">
                  <span className="accent">Booster </span> votre biz
                  <br /> avec nous...
                </h1>
                <p className="lead">
                  Des événements, oui. Mais après ? <br /> Les participants ont
                  soif de nouvelles aventures.
                </p>
                <div className="actions">
                  <Link
                    href="/register"
                    className="cta"
                    style={{ textDecoration: "none" }}
                  >
                    S'inscrire ici
                    <LiaArrowRightSolid className="ctaiconarrow" />
                  </Link>
                </div>
              </div>

              <div className="right">
                <div className="right-image-wrap">
                  <img
                    className="person-illustration"
                    src="/advert-info/juggler.png"
                    alt="Advertisement illustration"
                  />
                </div>
              </div>
            </div>
          </div>

          {/* 2 */}
          <div className="advert-container-child-two">
            <div className="Advert-container-two"></div>
          </div>
        </section>
      </div>
    </>
  );
};

export default AdvertInfo;
