{% set productLoaderImg = imgProductIcon is defined ? imgProductIcon : 'velero.png' %}
<div class="container_page-loader d-flex justify-content-center align-items-center" id="pageLoader">
	<div class="page-loader_content d-flex justify-content-center align-items-center flex-column">
		<div>
			<h2 class="page-loader_content-title">At Novamar "It's About You, Our Client"</h2>
		</div>
		<div class="mt-auto d-flex align-items-end">
			<div class="boat-trail mr-4">LOADING
			</div>
			<picture>
				<source media="(max-width: 576px)" type="image/png" srcset="{{ asset('img/icons/'~productLoaderImg)}}">
				<source type="image/png" srcset="{{ asset('img/icons/'~productLoaderImg)}}">
				<img class="progress-image-boat" src="{{ asset('img/icons/'~productLoaderImg)}}" alt="loading boat image">
			</picture>
		</div>
		<div class="content-power-by">
			<div>
				<img class="power-by_image" src="{{asset('img/animations/logo_Novamar.webp')}}" alt="Novamar Insurance icon">
			</div>
			<span class="power-by_text">Powered by Novamar</span>
		</div>
	</div>
</div>

{# Opcion B #}
{# <div class="container_page-loader d-flex justify-content-center align-items-center" id="pageLoader">
	<div class="content-products-section d-flex flex-column">
		<div class="products-section animation-fade-up">
			<div class="content-section-animation-boat">
				<div class="animation-icons">
					<div class="product-item">
						<div class="product-icon sun-icon">
							<img src="{{asset('img/animations/logo_Novamar.webp')}}" alt="Novamar Insurance icon">
						</div>
					</div>
					<div class="product-item">
						<div class="product-icon boat-icon">
							<img src="{{asset('img/animations/yacht-sailing-novamar.gif')}}" alt="Yacht Insurance icon">
						</div>
					</div>
				</div>
				<div class="animation-waves"></div>
			</div>
		</div>
		<div class="col-lg-12 mt-4">
			<div class="content-power-by animation-fade-up" id="power_by_mobile">
				<div class="power-by-image">
					<img src="{{asset('img/animations/logo_Novamar.webp')}}" alt="Novamar Insurance icon">
				</div>
				<span class="power-by-text">Power by Novamar</span>
			</div>
		</div>
	</div>
</div> #}