{% extends 'base.html' %}
{% load static %}
{% load cms_tags %}

{% block title %}{{ meta_title }}{% endblock %}
{% block description %}{{ meta_description }}{% endblock %}
{% block keywords %}{{ meta_keywords }}{% endblock %}
{% block og_title %}{{ meta_title }}{% endblock %}
{% block og_description %}{{ meta_description }}{% endblock %}
{% block twitter_title %}{{ meta_title }}{% endblock %}
{% block twitter_description %}{{ meta_description }}{% endblock %}

{% block extra_css %}
{% if hero_section and hero_section.hero_image %}
<link rel="preload" as="image"
    href="{{ hero_section.hero_image_webp.url }}"
    imagesrcset="{{ hero_section.hero_image_small_webp.url }} 800w, {{ hero_section.hero_image_medium_webp.url }} 1200w, {{ hero_section.hero_image_webp.url }} 1600w"
    imagesizes="(max-width: 768px) 100vw, (max-width: 1200px) 60vw, 720px">
{% endif %}
{% endblock %}
{% block content %}
{% spaceless %}
{% include 'components/home_content_sections.html' %}
{% endspaceless %}
{% endblock %}