{% sw_extends '@Storefront/storefront/page/content/index.html.twig' %}

{% block page_content %}
	{% if page.cmsPage.type == 'landingpage' or app.request.attributes.get('_route') == 'frontend.home.page' %}

		{# Option 1: Modern Cards #}
		{# {% include '@LightTheme/storefront/page/content/categories-section.html.twig' %} #}

		{# Option 2: Split Layout #}
		{# {% include '@LightTheme/storefront/page/content/categories-split.html.twig' %} #}

		{% include '@LightTheme/storefront/element/cms-element-product-slider.html.twig' %}

		{# Option 3: Minimalist #}
		{% include '@LightTheme/storefront/page/content/categories-minimal.html.twig' %}

		{# Option 4: Magazine Layout #}
		{# {% include '@LightTheme/storefront/page/content/categories-magazine.html.twig' %} #}

			<div class="container"> <div class="catalogue-banner p-4">
				<div>
					<i class="bi bi-file-pdf"></i>
					Download Wemaro Products catalogue
				</div>


				<a class="download-btn float-end" target="_blank" href="124c71d524604ccbad6042edce3ac799/mediaId/019adbb1dbd3700d955a969bd2b89319#" rel="noreferrer noopener">


					&nbsp;DOWNLOAD</a>

			</div>
		</div>
	{% endif %}
	{{parent()}}


	{# Here I want to show the tags grid #}


{% endblock %}