
{% if page.link_boxes.count %}
	<div class="link-boxes__groups">

		{% for group in page.link_boxes %}
			<article class="link-boxes">
				<div class="link-boxes__container container">

					<h1 class="link-boxes__title">{{ group.title }}</h1>

					{% if group.image_links.count %}
						<ul class="link-boxes__list">
							{% for link in group.image_links %}
								<li class="link-boxes__item" style="--image: url({{ link.image.make.path }});">
									{% set url = link.active_url == 'alternate' ? link.alternate_url : link.url %}
									<a href="{{ url.normalize }}" class="link-boxes__link" target="_blank">
										<span class="link-boxes__link__title">
											{{ link.title }}</span>
									</a>
								</li>
							{% endfor %}
						</ul>
					{% endif %}

				</div>
			</article>
		{% endfor %}

	</div>
{% endif %}
