{% set randomType = random(['site', 'seo']) %}

{% if  randomType == 'site' %}
	{% set textContent = '<div class="hero-image__overlay hero-image__overlay--usp hero-image__overlay--big hero-image__overlay--landing-page">
	<div class="hero-image__inner hero-image__inner--usp hero-image__inner--big hero-image__inner--free-service-site hero-image__inner--free-service-site-homepage">
		<p class="hero-image__title hero-image__title--usp hero-image__title--free-service-site"><span
				class="hero-image__title-normal-words hero-image__title-normal-words--free-service-site">Gratuit
				:&nbsp;</span><span
				class="hero-image__title-rotate-words hero-image__title-rotate-words--free-service-site"><span>créez
					votre site internet</span><span>générez du trafic qualifié</span></span></p>

		<div class="hero-image__subtitle hero-image__subtitle--free-service-site hero-image__subtitle--free-service-site-homepage">
			<p class="hero-image__subtitle-p">Obtenez une prestation gratuite pour vous aider à créer votre site et à
				attirer des visiteurs. Vous bénéficierez de :</p>

			<ul class="hero-image__subtitle-ul hero-image__subtitle-ul--homepage">
				<li class="hero-image__subtitle-li">conseils personnalisés pour la création de votre site</li>
				<li class="hero-image__subtitle-li">15 mots clés pour générer du trafic qualifié</li>
				<li class="hero-image__subtitle-li">5 plans d’article de blog pour que le lecteur apprécie votre
					contenu </li>
			</ul>
		</div>
		<button class="button button--cta button--cta-free-service-site button--open-letstalk-site">Demander votre
			prestation gratuite</button>
	</div>

	<div class="hero-image__overlay-usp-tablet"></div>
</div>' %}
{% set imageDesktopClass =  'hero-image__image-desktop--homepage-site' %}
{% set imageTabletClass =  'hero-image__image-tablet--homepage-site' %}
{% elseif  randomType == 'seo' %}
	{% set textContent = '<div class="hero-image__overlay hero-image__overlay--usp hero-image__overlay--big hero-image__overlay--landing-page">
<div class="hero-image__inner hero-image__inner--usp hero-image__inner--big hero-image__inner--free-service-seo hero-image__inner--free-service-seo-homepage">
<div class="hero-image__title hero-image__title--usp hero-image__title--free-service-seo hero-image__title--free-service-seo-homepage">Audit SEO gratuit : découvrez les problèmes majeurs et les axes d\'amélioration</div>
<p class="hero-image__subtitle hero-image__subtitle--free-service-seo hero-image__subtitle--free-service-seo-homepage">Obtenez votre audit SEO gratuit et sans engagement. Il nécessite 2 heures de travail d\'un consultant SEO et contient 15 pages.</p>
<button class="button button--cta button--cta-free-service-seo button--open-letstalk-seo">Demander votre audit SEO gratuit</button></div>

<div class="hero-image__overlay-usp-tablet"></div>
</div>' %}
{% set imageDesktopClass =  'hero-image__image-desktop--homepage-seo' %}
{% set imageTabletClass =  'hero-image__image-tablet--homepage-seo' %}
{% endif %}

<div class="hero-image hero-image--usp hero-image--homepage">
	<div class="{{'hero-image__image-desktop hero-image__image-desktop--usp hero-image__image-desktop--homepage ' ~ imageDesktopClass}}"></div>
	<div class="{{'hero-image__image-tablet hero-image__image-tablet--usp hero-image__image-tablet--homepage ' ~ imageTabletClass }}"></div>
	<div class="hero-image__image-mobile hero-image__image-mobile--usp hero-image__image-mobile--homepage" style="background-image: url(/uploads/images/various/accueil-1000x1350.webp); background-position: 50% 57%;"></div>
	{{ textContent|raw }}
</div>