<!DOCTYPE html>
<html lang="{{ page.lang ?? app.request.locale }}">
<head>
<title>{{ page.title ?? pimcore_website_config('sitename', "") }}</title>
<meta charset="UTF-8">
{# TODO use DefaultFrontendController::getRobots()? #}
<meta name="robots" content="index, follow">
<meta name="description" content="{{ page.meta.description ?? null }}">
<meta property="og:title" content="{{ page.og.title ?? null }}">
<meta property="og:type" content="{{ page.og.type ?? null }}">
<meta property="og:url" content="{{ (page.og.url ?? null) | trimUrl }}">
{% if page.og.image is not null %}
<meta property="og:image" content="{{ page.og.image ?? null }}">
{% endif %}
<meta property="og:description" content="{{ page.og.description ?? null }}">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- pimcore_head_meta() -->
{{ pimcore_head_meta() }}
{% include "app/partials/_canonicals.html.twig" %}
<!-- pimcore_head_link() -->
{{ pimcore_head_link() }}
<!-- fonts -->
<link rel="stylesheet" href="https://use.typekit.net/mva2dpr.css">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
<link rel="manifest" href="/static/favicon/site.webmanifest">
<link rel="mask-icon" href="/static/favicon/safari-pinned-tab.svg" color="#0072bb">
<link rel="shortcut icon" href="/static/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#0072bb">
<meta name="msapplication-config" content="/static/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- vite() -->
{% apply spaceless %}
{% if editmode %}
{{ vite('app.js', true)|raw }}
{% else %}
{{ vite('app.js')|raw }}
{% endif %}
{% endapply %}
<!-- pimcore_head_style() -->
{{ pimcore_head_style() }}
{# Using below pimcore_inline_script() instead of: {{ pimcore_head_script() }} #}
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://load.sst.coolworld-rentals.com/cihjtqut.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WP86GP6');</script>
<!-- End Google Tag Manager -->
<script src="https://www.google.com/recaptcha/api.js?render={{ recaptcha_v3_site_key }}"></script>
</head>
{# Pimcore needs the body tag to be defined in one whole line, see GoogleTagManagerListener::onKernelResponse() #}
{# Also it needs the closing character '>', so we can't add the Alpine scripts because they use '>' in the compare statement. #}
<body class="font-sans antialiased text-gray-900">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://load.sst.coolworld-rentals.com/ns.html?id=GTM-WP86GP6"height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div
x-data="{
mobileMenuOpen: false,
scrollState: false,
visibleSection: false,
clickToSection: false
}"
@scroll.window="
scrollOffset = window.innerWidth < 1024 ? 0 : 62;
scrollState = window.pageYOffset > scrollOffset;
"
x-on:mousewheel="clickToSection = false;"
>
{% include "app/header.html.twig" %}
<div class="container-fluid">
{{ block('content') }}
</div>
<footer>
{# include a document-snippet - in this case the footer document #}
{{ pimcore_inc(document.getProperty('footerSnippet')) }}
</footer>
</div>
<!-- pimcore_inline_script() -->
{{ pimcore_inline_script() }}
</body>
</html>