{% extends 'base.html.twig' %}
{% block title_tag %}
	▷ Blog création de site web et SEO
{% endblock %}
{% block description_tag %}
	Apprenez à créer votre site internet et à améliorer son référencement naturel. Vous attirerez plus de trafic qualifié.
{% endblock %}
{% block content %}
	<article>
		{% cache 'bloghome_general_hero_image' ttl(31536000) %}		
		<div class="hero-image hero-image--bloghome">
			<div class="hero-image__image-desktop hero-image__image-desktop--bloghome"></div>
			<div class="hero-image__overlay hero-image__overlay--bloghome">
				<div class="hero-image__inner hero-image__inner--bloghome">
					<h1 class="heading1 heading1--before heading1--bloghome">Blog création de site web et SEO</h1>
					{% if blogHomes|length > 2 %}
						<p class="hero-image__subtitle hero-image__subtitle--bloghome">Vous pouvez filtrer les articles par thématique…</p>
						<div class="hero-image__filter">
							{% for blogHome in blogHomes %}
								<button class="hero-image__filter-button" data-humanlink="{{ path('show_blog_home', {slug: blogHome.slug}) | base64 }}">{{blogHome.title}}</button>
							{% endfor %}
						</div>
					{% else %}
						<p class="hero-image__subtitle hero-image__subtitle--without-filter">Ici, vous trouverez une série d'articles pour apprendre à créer votre site internet et à améliorer son référencement naturel. Vous augmenterez ainsi la visibilité de votre site sur Google et attirerez plus de trafic qualifié.</p>
					{% endif %}
				</div>
			</div>
		</div>
		{% endcache %}
		<div class="section section--bloghome">
			<div class="section__align-center">
				<div class="posts posts--home">
					{% include 'blog/_pagination_loop.html.twig' with {'isIndexed': true} %}

				</div>
				{% if showLoadButton %}
					<div class="load-items" data-totalItems="{{totalBlogPosts}}" data-limit="{{limit}}">
						<button class="button button--load"><i class="load-items__icon flaticon-download"></i><span>Charger plus d'articles</span></button>
					</div>
				{% endif %}
			</div>
		</div>
	</article>
{% endblock %}