{# ========================================================================== #}
{# :: Hero  #}
{# ========================================================================== #}
{#
	The newest update on the brandplatform containing some small information
	about the version and what has changed.
#}

{# ========================================================================== #}
{# :: Imports #}
{# ========================================================================== #}
{% import "components/article.njk" as article %}
{% import "components/image.njk" as image %}

{% set number = ROUTEDATA.LOG.number %}
{% set text = ROUTEDATA.LOG.title %}
{% set url = ROUTEDATA.LOG.url %}

{# ========================================================================== #}
{# :: Partial #}
{# ========================================================================== #}
<div class="bp-l-container">
	<div class="bp-l-section bp-l-section--with-spacing bp-l-section--with--divider">
		<div class="bp-l-grid bp-l-grid--with-spacing">
			{{image.default("bp-l-grid__col bp-l-grid__col--4@base bp-l-grid__col--3@large u-show@base", {
				src: "assets/images/home/media.svg",
				meta: "What's new"
			})}}

			{{article.default("bp-l-grid__col bp-l-grid__col--offset-1@large bp-l-grid__col--5@base", {
				title: "What's new",
				subtitle: number,
				text: text,
				link: {
					iconBefore: { name: "chevron-right" },
					text: "What's more",
					url: url
				}
			})}}
		</div>
	</div>
</div>