<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* ./partials/layout/header.html.twig */
class __TwigTemplate_6281073ed60f13e74a228fe5ea2d10e6 extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->parent = false;
$this->blocks = [
];
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "./partials/layout/header.html.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "./partials/layout/header.html.twig"));
// line 1
echo "
";
// line 2
$context["logos"] = $this->extensions['Sulu\Bundle\SnippetBundle\Twig\SnippetAreaTwigExtension']->loadByArea("logos_area", null);
// line 3
$context["menu"] = [["title" => "agency", "href" => "/agency"], ["title" => "projects", "href" => "/projects"], ["title" => "services", "href" => "/services"], ["title" => "offers", "href" => "/offers"], ["title" => "partners", "href" => "/partners"], ["title" => "estimate", "href" => "/estimate"], ["title" => "investors", "href" => "/investors"], ["title" => "news", "href" => "/news"], ["title" => "team", "href" => "/team"]];
// line 33
echo "
";
// line 34
$context["lang"] = twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "request", [], "any", false, false, false, 34), "locale", [], "any", false, false, false, 34);
// line 35
echo "
<header class=\"header ";
// line 36
echo twig_escape_filter($this->env, ($context["headerColor"] ?? null), "html", null, true);
echo "\">
<div class=\"header-container custom-grid-3 h-full border-b border-gray z-20 relative\">
<div class=\"relative flex border-r border-gray\">
<button class=\"header-hamburger hidden lg:flex z-10 border-r border-gray\"
aria-label=\"Menu\">
<div class=\"flex items-center relative w-6 h-6\">
<span class=\"top-2\"></span>
<span class=\"top-4\"></span>
</div>
</button>
<div class=\"lang-select flex lg:hidden border-l border-gray group\">
<div class=\"lang-select__current\">
<span>";
// line 49
echo twig_escape_filter($this->env, twig_capitalize_string_filter($this->env, ($context["lang"] ?? null)), "html", null, true);
echo "</span>
<svg class=\"w-4 h-4 ml-2 group-hover:rotate-180 duration-300\">
<use xlink:href=\"#slide-down-arrow\"></use>
</svg>
</div>
<ul class=\"lang-select__list absolute top-full w-full flex flex-col border-t border-gray opacity-0 pointer-events-none
group-hover:opacity-100 group-hover:pointer-events-auto
group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0
duration-100\">
";
// line 60
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(($context["localizations"] ?? null));
foreach ($context['_seq'] as $context["_key"] => $context["localization"]) {
// line 61
echo "\t\t\t\t\t";
if ((twig_get_attribute($this->env, $this->source, $context["localization"], "locale", [], "any", false, false, false, 61) != ($context["lang"] ?? null))) {
// line 62
echo " <li>
<a class=\"flex items-center justify-center w-full h-14 px-2.5 py-1 outline-none\" href=\"";
// line 63
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["localization"], "url", [], "any", false, false, false, 63), "html", null, true);
echo "\">";
echo twig_escape_filter($this->env, twig_capitalize_string_filter($this->env, twig_get_attribute($this->env, $this->source, $context["localization"], "locale", [], "any", false, false, false, 63)), "html", null, true);
echo "</a>
</li>
";
}
// line 66
echo "\t\t\t\t";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['localization'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 67
echo "
</ul>
</div>
<ul class=\"header-left-menu hidden lg:grid grid-cols-3 w-full items-center divide-x divide-gray\">
";
// line 73
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable($this->env->getFunction('sulu_navigation_root_tree')->getCallable()("topLeft", 4));
foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
// line 74
echo " <li class=\"header-menu-item\">
<a href=\"";
// line 75
echo twig_escape_filter($this->env, $this->extensions['Sulu\Bundle\WebsiteBundle\Twig\Content\ContentPathTwigExtension']->getContentPath(twig_get_attribute($this->env, $this->source, $context["item"], "url", [], "any", false, false, false, 75)), "html", null, true);
echo "\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 75), "html", null, true);
echo "</a>
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 78
echo " </ul>
</div>
<div class=\"header-logo z-10 relative w-full flex items-center justify-center\">
<a class=\"relative flex items-center h-full\"
href=\"";
// line 83
echo twig_escape_filter($this->env, $this->extensions['Sulu\Bundle\WebsiteBundle\Twig\Content\ContentPathTwigExtension']->getContentRootPath(), "html", null, true);
echo "\">
<span class=\"text-[0px]\">Home page</span>
";
// line 86
if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["logos"] ?? null), "content", [], "any", false, true, false, 86), "image_dark", [], "any", false, true, false, 86), "url", [], "any", true, true, false, 86)) {
// line 87
echo " <img class=\"header-logo__blue w-36 xs:w-44 lg:w-[clamp(15rem,16vw,17rem)] duration-500 opacity-0\" src=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["logos"] ?? null), "content", [], "any", false, false, false, 87), "image_dark", [], "any", false, false, false, 87), "url", [], "any", false, false, false, 87), "html", null, true);
echo "\" alt=\"\">
";
}
// line 89
echo "
";
// line 90
if (twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["logos"] ?? null), "content", [], "any", false, true, false, 90), "image_white", [], "any", false, true, false, 90), "url", [], "any", true, true, false, 90)) {
// line 91
echo " <img class=\"header-logo__white w-36 xs:w-44 lg:w-[clamp(15rem,16vw,17rem)] duration-500 absolute\" src=\"";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["logos"] ?? null), "content", [], "any", false, false, false, 91), "image_white", [], "any", false, false, false, 91), "url", [], "any", false, false, false, 91), "html", null, true);
echo "\" alt=\"\">
";
}
// line 93
echo "
</a>
</div>
<div class=\"relative flex justify-end border-l border-gray\">
<ul class=\"header-right-menu hidden lg:grid grid-cols-3 w-full items-center divide-x divide-gray\">
";
// line 100
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable($this->env->getFunction('sulu_navigation_root_tree')->getCallable()("topRight", 4));
foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
// line 101
echo " <li class=\"header-menu-item\">
<a href=\"";
// line 102
echo twig_escape_filter($this->env, $this->extensions['Sulu\Bundle\WebsiteBundle\Twig\Content\ContentPathTwigExtension']->getContentPath(twig_get_attribute($this->env, $this->source, $context["item"], "url", [], "any", false, false, false, 102)), "html", null, true);
echo "\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 102), "html", null, true);
echo "</a>
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 105
echo " </ul>
<div class=\"lang-select hidden lg:flex border-l border-gray group\">
<div class=\"lang-select__current\">
<span>";
// line 109
echo twig_escape_filter($this->env, twig_capitalize_string_filter($this->env, ($context["lang"] ?? null)), "html", null, true);
echo "</span>
<svg class=\"w-4 h-4 ml-2 group-hover:rotate-180 duration-300\">
<use xlink:href=\"#slide-down-arrow\"></use>
</svg>
</div>
<ul class=\"lang-select__list absolute top-full w-full flex flex-col border-t border-gray opacity-0 pointer-events-none
group-hover:opacity-100 group-hover:pointer-events-auto
group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0
duration-100\">
";
// line 120
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(($context["localizations"] ?? null));
foreach ($context['_seq'] as $context["_key"] => $context["localization"]) {
// line 121
echo "\t\t\t\t\t";
if ((twig_get_attribute($this->env, $this->source, $context["localization"], "locale", [], "any", false, false, false, 121) != ($context["lang"] ?? null))) {
// line 122
echo " <li>
<a class=\"flex items-center justify-center w-full h-14 px-2.5 py-1 outline-none\" href=\"";
// line 123
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["localization"], "url", [], "any", false, false, false, 123), "html", null, true);
echo "\">";
echo twig_escape_filter($this->env, twig_capitalize_string_filter($this->env, twig_get_attribute($this->env, $this->source, $context["localization"], "locale", [], "any", false, false, false, 123)), "html", null, true);
echo "</a>
</li>
";
}
// line 126
echo "\t\t\t\t";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['localization'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 127
echo "
</ul>
</div>
<button class=\"header-hamburger w-[100px] flex lg:hidden items-center justify-center relative\"
aria-label=\"Menu\">
<div class=\"flex items-center relative w-6 h-6\">
<span class=\"top-2\"></span>
<span class=\"top-4\"></span>
</div>
</button>
</div>
</div>
";
// line 144
$context["contactInformations"] = $this->extensions['Sulu\Bundle\SnippetBundle\Twig\SnippetAreaTwigExtension']->loadByArea("ContactInformations_area", null, twig_get_attribute($this->env, $this->source, ($context["app"] ?? null), "ContactInformations", [], "any", false, false, false, 144));
// line 145
echo " ";
// line 146
echo " <div
class=\"menu fixed top-0 left-0 right-0 min-h-screen h-screen overflow-x-hidden overflow-y-auto lg:overflow-hidden pointer-events-none bg-blue text-white\"
style=\"clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);\">
<div class=\"grid grid-cols-[auto_1fr] md:grid-cols-2 lg:grid-cols-3 h-auto lg:h-full pb-20 lg:pb-0\">
";
// line 152
echo " <svg
class=\"absolute lg:min-h-[600px] h-full lg:h-[120%] left-0 lg:left-1/3 top-1/2 lg:-translate-x-1/2 -translate-y-1/2 aspect-square text-white/5 pointer-events-none\">
<use xlink:href=\"#circle\"></use>
</svg>
";
// line 158
echo " <div
class=\"order-1 lg:order-none col-span-2 lg:col-span-1 flex flex-col justify-end h-full lg:pt-56 border-r border-white/5\">
";
// line 161
echo " <div class=\"flex flex-col gap-8 px-8 xl:px-12 pb-8 lg:pb-14\">
<div class=\"menu-left-fade\"
fade
fade-trigger=\"none\">
<p class=\"uppercase text-[10px] font-extrabold\">";
// line 166
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 166), "contactsAdressTitle", [], "any", false, false, false, 166), "html", null, true);
echo "</p>
<address class=\"text-sm not-italic\">
<p class=\"font-extrabold\">";
// line 169
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 169), "contactsCompanyName", [], "any", false, false, false, 169), "html", null, true);
echo "</p>
<p class=\"mt-1\">
<span>";
// line 171
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 171), "contactsCompanyAdress", [], "any", false, false, false, 171), "html", null, true);
echo "</span>
</p>
</address>
</div>
<div class=\"menu-left-fade\"
fade
fade-trigger=\"none\">
<p class=\"uppercase text-[10px] font-extrabold\">";
// line 179
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 179), "contactsPhoneText", [], "any", false, false, false, 179), "html", null, true);
echo "</p>
<p class=\"mt-1\">
<a class=\"\"
href=\"tel:";
// line 182
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 182), "contactsPhone", [], "any", false, false, false, 182), "html", null, true);
echo "\">";
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 182), "contactsPhone", [], "any", false, false, false, 182), "html", null, true);
echo "</a>
</p>
</div>
<div class=\"menu-left-fade\"
fade
fade-trigger=\"none\">
<p class=\"uppercase text-[10px] font-extrabold\">";
// line 189
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 189), "contactsEmailText", [], "any", false, false, false, 189), "html", null, true);
echo "</p>
<p class=\"mt-1\">
";
// line 191
$this->loadTemplate("partials/layout/contact_email.html.twig", "./partials/layout/header.html.twig", 191)->display(twig_array_merge($context, ["email" => twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 191), "contactsEmail", [], "any", false, false, false, 191)]));
// line 192
echo " </p>
</div>
</div>
";
// line 197
echo " <div
class=\"menu-socials grid grid-cols-4 lg:pb-0 mx-8 lg:mx-0 border-x lg:border-x-0 border-y border-white/5 divide-x divide-white/5\"
fade
fade-trigger=\"none\">
";
// line 201
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 201), "socials", [], "any", false, false, false, 201));
foreach ($context['_seq'] as $context["_key"] => $context["social"]) {
// line 202
echo " <div class=\"h-16 md:h-24 xl:h-[120px] hover:bg-white/25 duration-500 ease-basic-ease group\">
<a href=\"";
// line 203
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["social"], "socialUrl", [], "any", false, false, false, 203), "html", null, true);
echo "\"
class=\"flex items-center justify-center w-full h-full text-[0px]\"
target=\"blank\">
";
// line 206
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["social"], "socialName", [], "any", false, false, false, 206), "html", null, true);
echo "
<svg class=\"block w-4 h-4 group-hover:scale-125 duration-500 ease-basic-ease\">
<use xlink:href=\"#";
// line 208
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["social"], "socialName", [], "any", false, false, false, 208), "html", null, true);
echo "\"></use>
</svg>
</a>
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['social'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 213
echo "
</div>
</div>
";
// line 218
echo " <div class=\"h-full pt-40 px-8 lg:px-12 pb-16 overflow-auto\">
<nav class=\"h-full w-full flex items-end\">
<ul class=\"flex flex-col gap-4\">
";
// line 221
$context['_parent'] = $context;
$context['_seq'] = twig_ensure_traversable($this->env->getFunction('sulu_navigation_root_tree')->getCallable()("burger", 4));
foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
// line 222
echo " <li class=\"center-menu-item\"
fade
fade-trigger=\"none\">
<a class=\"menu-clip-item text-[2.5rem] sm:text-5xl lg:text-[5vh] leading-none\"
href=\"";
// line 226
echo twig_escape_filter($this->env, $this->extensions['Sulu\Bundle\WebsiteBundle\Twig\Content\ContentPathTwigExtension']->getContentPath(twig_get_attribute($this->env, $this->source, $context["item"], "url", [], "any", false, false, false, 226)), "html", null, true);
echo "\">
<span>";
// line 227
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 227), "html", null, true);
echo "</span>
<span>";
// line 228
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 228), "html", null, true);
echo "</span>
</a>
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 232
echo " </ul>
</nav>
</div>
";
// line 237
echo " <div class=\"relative w-full h-full overflow-hidden\">
";
// line 238
if ((twig_length_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 238), "menuBurgerImage", [], "any", false, false, false, 238)) > 0)) {
// line 239
echo " <img class=\"menu-img hidden lg:block w-full h-full object-cover scale-[1.4]\"
src=\"";
// line 240
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 240), "menuBurgerImage", [], "any", false, false, false, 240), "url", [], "any", false, false, false, 240), "html", null, true);
echo "\"
alt=\"Oaks Lane Menu\"
loading=\"lazy\">
";
}
// line 244
echo " <div class=\"hidden lg:block absolute inset-0 bg-blue/30\"></div>
";
// line 247
echo " <div
class=\"menu-translate-text-wrapp absolute bottom-8 left-0 right-1 lg:right-8 origin-bottom-right leading-[0.8] pointer-events-none\"
style=\"transform: rotate(-90deg) translateX(100%)\">
<div
class=\"menu-translate-text text-[90px] md:text-[120px] 2xl:text-[155px] stroke-text whitespace-nowrap uppercase tracking-[0.13em]\">
";
// line 252
echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, ($context["contactInformations"] ?? null), "content", [], "any", false, false, false, 252), "contactsCompanyName", [], "any", false, false, false, 252), "html", null, true);
echo "</div>
</div>
</div>
</div>
</div>
</header>";
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
public function getTemplateName()
{
return "./partials/layout/header.html.twig";
}
public function isTraitable()
{
return false;
}
public function getDebugInfo()
{
return array ( 448 => 252, 441 => 247, 437 => 244, 430 => 240, 427 => 239, 425 => 238, 422 => 237, 416 => 232, 406 => 228, 402 => 227, 398 => 226, 392 => 222, 388 => 221, 383 => 218, 377 => 213, 366 => 208, 361 => 206, 355 => 203, 352 => 202, 348 => 201, 342 => 197, 336 => 192, 334 => 191, 329 => 189, 317 => 182, 311 => 179, 300 => 171, 295 => 169, 289 => 166, 282 => 161, 278 => 158, 271 => 152, 264 => 146, 262 => 145, 260 => 144, 241 => 127, 235 => 126, 227 => 123, 224 => 122, 221 => 121, 217 => 120, 203 => 109, 197 => 105, 186 => 102, 183 => 101, 179 => 100, 170 => 93, 164 => 91, 162 => 90, 159 => 89, 153 => 87, 151 => 86, 145 => 83, 138 => 78, 127 => 75, 124 => 74, 120 => 73, 112 => 67, 106 => 66, 98 => 63, 95 => 62, 92 => 61, 88 => 60, 74 => 49, 58 => 36, 55 => 35, 53 => 34, 50 => 33, 48 => 3, 46 => 2, 43 => 1,);
}
public function getSourceContext()
{
return new Source("
{% set logos = sulu_snippet_load_by_area('logos_area',null) %}
{% set menu = [
{
'title': 'agency',
'href': '/agency'
}, {
'title': 'projects',
'href': '/projects'
}, {
'title': 'services',
'href': '/services'
}, {
'title': 'offers',
'href': '/offers'
}, {
'title': 'partners',
'href': '/partners'
}, {
'title': 'estimate',
'href': '/estimate'
}, {
'title': 'investors',
'href': '/investors'
}, {
'title': 'news',
'href': '/news'
}, {
'title': 'team',
'href': '/team'
}
] %}
{% set lang = app.request.locale %}
<header class=\"header {{ headerColor }}\">
<div class=\"header-container custom-grid-3 h-full border-b border-gray z-20 relative\">
<div class=\"relative flex border-r border-gray\">
<button class=\"header-hamburger hidden lg:flex z-10 border-r border-gray\"
aria-label=\"Menu\">
<div class=\"flex items-center relative w-6 h-6\">
<span class=\"top-2\"></span>
<span class=\"top-4\"></span>
</div>
</button>
<div class=\"lang-select flex lg:hidden border-l border-gray group\">
<div class=\"lang-select__current\">
<span>{{ lang|capitalize }}</span>
<svg class=\"w-4 h-4 ml-2 group-hover:rotate-180 duration-300\">
<use xlink:href=\"#slide-down-arrow\"></use>
</svg>
</div>
<ul class=\"lang-select__list absolute top-full w-full flex flex-col border-t border-gray opacity-0 pointer-events-none
group-hover:opacity-100 group-hover:pointer-events-auto
group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0
duration-100\">
{% for localization in localizations %}
\t\t\t\t\t{% if localization.locale != lang %}
<li>
<a class=\"flex items-center justify-center w-full h-14 px-2.5 py-1 outline-none\" href=\"{{ localization.url }}\">{{ localization.locale|capitalize }}</a>
</li>
{% endif %}
\t\t\t\t{% endfor %}
</ul>
</div>
<ul class=\"header-left-menu hidden lg:grid grid-cols-3 w-full items-center divide-x divide-gray\">
{% for item in sulu_navigation_root_tree('topLeft', 4) %}
<li class=\"header-menu-item\">
<a href=\"{{ sulu_content_path(item.url) }}\">{{ item.title }}</a>
</li>
{% endfor %}
</ul>
</div>
<div class=\"header-logo z-10 relative w-full flex items-center justify-center\">
<a class=\"relative flex items-center h-full\"
href=\"{{ sulu_content_root_path() }}\">
<span class=\"text-[0px]\">Home page</span>
{% if logos.content.image_dark.url is defined %}
<img class=\"header-logo__blue w-36 xs:w-44 lg:w-[clamp(15rem,16vw,17rem)] duration-500 opacity-0\" src=\"{{ logos.content.image_dark.url }}\" alt=\"\">
{% endif %}
{% if logos.content.image_white.url is defined %}
<img class=\"header-logo__white w-36 xs:w-44 lg:w-[clamp(15rem,16vw,17rem)] duration-500 absolute\" src=\"{{ logos.content.image_white.url }}\" alt=\"\">
{% endif %}
</a>
</div>
<div class=\"relative flex justify-end border-l border-gray\">
<ul class=\"header-right-menu hidden lg:grid grid-cols-3 w-full items-center divide-x divide-gray\">
{% for item in sulu_navigation_root_tree('topRight', 4) %}
<li class=\"header-menu-item\">
<a href=\"{{ sulu_content_path(item.url) }}\">{{item.title}}</a>
</li>
{% endfor %}
</ul>
<div class=\"lang-select hidden lg:flex border-l border-gray group\">
<div class=\"lang-select__current\">
<span>{{ lang|capitalize }}</span>
<svg class=\"w-4 h-4 ml-2 group-hover:rotate-180 duration-300\">
<use xlink:href=\"#slide-down-arrow\"></use>
</svg>
</div>
<ul class=\"lang-select__list absolute top-full w-full flex flex-col border-t border-gray opacity-0 pointer-events-none
group-hover:opacity-100 group-hover:pointer-events-auto
group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0
duration-100\">
{% for localization in localizations %}
\t\t\t\t\t{% if localization.locale != lang %}
<li>
<a class=\"flex items-center justify-center w-full h-14 px-2.5 py-1 outline-none\" href=\"{{ localization.url }}\">{{ localization.locale|capitalize }}</a>
</li>
{% endif %}
\t\t\t\t{% endfor %}
</ul>
</div>
<button class=\"header-hamburger w-[100px] flex lg:hidden items-center justify-center relative\"
aria-label=\"Menu\">
<div class=\"flex items-center relative w-6 h-6\">
<span class=\"top-2\"></span>
<span class=\"top-4\"></span>
</div>
</button>
</div>
</div>
{% set contactInformations = sulu_snippet_load_by_area('ContactInformations_area',null, app.ContactInformations) %}
{# ----- MENU ----- #}
<div
class=\"menu fixed top-0 left-0 right-0 min-h-screen h-screen overflow-x-hidden overflow-y-auto lg:overflow-hidden pointer-events-none bg-blue text-white\"
style=\"clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);\">
<div class=\"grid grid-cols-[auto_1fr] md:grid-cols-2 lg:grid-cols-3 h-auto lg:h-full pb-20 lg:pb-0\">
{# Absolute BG Logo #}
<svg
class=\"absolute lg:min-h-[600px] h-full lg:h-[120%] left-0 lg:left-1/3 top-1/2 lg:-translate-x-1/2 -translate-y-1/2 aspect-square text-white/5 pointer-events-none\">
<use xlink:href=\"#circle\"></use>
</svg>
{# Left column #}
<div
class=\"order-1 lg:order-none col-span-2 lg:col-span-1 flex flex-col justify-end h-full lg:pt-56 border-r border-white/5\">
{# Text content #}
<div class=\"flex flex-col gap-8 px-8 xl:px-12 pb-8 lg:pb-14\">
<div class=\"menu-left-fade\"
fade
fade-trigger=\"none\">
<p class=\"uppercase text-[10px] font-extrabold\">{{contactInformations.content.contactsAdressTitle}}</p>
<address class=\"text-sm not-italic\">
<p class=\"font-extrabold\">{{contactInformations.content.contactsCompanyName}}</p>
<p class=\"mt-1\">
<span>{{contactInformations.content.contactsCompanyAdress}}</span>
</p>
</address>
</div>
<div class=\"menu-left-fade\"
fade
fade-trigger=\"none\">
<p class=\"uppercase text-[10px] font-extrabold\">{{contactInformations.content.contactsPhoneText}}</p>
<p class=\"mt-1\">
<a class=\"\"
href=\"tel:{{contactInformations.content.contactsPhone}}\">{{contactInformations.content.contactsPhone}}</a>
</p>
</div>
<div class=\"menu-left-fade\"
fade
fade-trigger=\"none\">
<p class=\"uppercase text-[10px] font-extrabold\">{{contactInformations.content.contactsEmailText}}</p>
<p class=\"mt-1\">
{% include 'partials/layout/contact_email.html.twig' with { email: contactInformations.content.contactsEmail } %}
</p>
</div>
</div>
{# Socials #}
<div
class=\"menu-socials grid grid-cols-4 lg:pb-0 mx-8 lg:mx-0 border-x lg:border-x-0 border-y border-white/5 divide-x divide-white/5\"
fade
fade-trigger=\"none\">
{% for social in contactInformations.content.socials %}
<div class=\"h-16 md:h-24 xl:h-[120px] hover:bg-white/25 duration-500 ease-basic-ease group\">
<a href=\"{{social.socialUrl}}\"
class=\"flex items-center justify-center w-full h-full text-[0px]\"
target=\"blank\">
{{social.socialName}}
<svg class=\"block w-4 h-4 group-hover:scale-125 duration-500 ease-basic-ease\">
<use xlink:href=\"#{{social.socialName}}\"></use>
</svg>
</a>
</div>
{% endfor %}
</div>
</div>
{# Center cloumn #}
<div class=\"h-full pt-40 px-8 lg:px-12 pb-16 overflow-auto\">
<nav class=\"h-full w-full flex items-end\">
<ul class=\"flex flex-col gap-4\">
{% for item in sulu_navigation_root_tree('burger', 4) %}
<li class=\"center-menu-item\"
fade
fade-trigger=\"none\">
<a class=\"menu-clip-item text-[2.5rem] sm:text-5xl lg:text-[5vh] leading-none\"
href=\"{{ sulu_content_path(item.url) }}\">
<span>{{item.title}}</span>
<span>{{item.title}}</span>
</a>
</li>
{% endfor %}
</ul>
</nav>
</div>
{# Right column #}
<div class=\"relative w-full h-full overflow-hidden\">
{% if contactInformations.content.menuBurgerImage|length > 0 %}
<img class=\"menu-img hidden lg:block w-full h-full object-cover scale-[1.4]\"
src=\"{{contactInformations.content.menuBurgerImage.url}}\"
alt=\"Oaks Lane Menu\"
loading=\"lazy\">
{% endif %}
<div class=\"hidden lg:block absolute inset-0 bg-blue/30\"></div>
{# Rotate text line #}
<div
class=\"menu-translate-text-wrapp absolute bottom-8 left-0 right-1 lg:right-8 origin-bottom-right leading-[0.8] pointer-events-none\"
style=\"transform: rotate(-90deg) translateX(100%)\">
<div
class=\"menu-translate-text text-[90px] md:text-[120px] 2xl:text-[155px] stroke-text whitespace-nowrap uppercase tracking-[0.13em]\">
{{contactInformations.content.contactsCompanyName}}</div>
</div>
</div>
</div>
</div>
</header>", "./partials/layout/header.html.twig", "/home/clients/27e4eb6afe64c67f100a17cbd6809e7c/var/www/oakas-lane/templates/partials/layout/header.html.twig");
}
}