var/cache/website/dev/twig/c5/c5e1323c9d00d0d0f82b98c4e2de2738.php line 121

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* ./partials/layout/header.html.twig */
  16. class __TwigTemplate_6281073ed60f13e74a228fe5ea2d10e6 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->parent = false;
  29.         $this->blocks = [
  30.         ];
  31.     }
  33.     protected function doDisplay(array $context, array $blocks = [])
  34.     {
  35.         $macros = $this->macros;
  36.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  37.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "./partials/layout/header.html.twig"));
  39.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  40.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "./partials/layout/header.html.twig"));
  42.         // line 1
  43.         echo "
  44. ";
  45.         // line 2
  46.         $context["logos"] = $this->extensions['Sulu\Bundle\SnippetBundle\Twig\SnippetAreaTwigExtension']->loadByArea("logos_area", null);
  47.         // line 3
  48.         $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"]];
  49.         // line 33
  50.         echo "
  51. ";
  52.         // line 34
  53.         $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);
  54.         // line 35
  55.         echo "
  56. <header class=\"header ";
  57.         // line 36
  58.         echo twig_escape_filter($this->env, ($context["headerColor"] ?? null), "html", null, true);
  59.         echo "\">
  60.   <div class=\"header-container custom-grid-3 h-full border-b border-gray z-20 relative\">
  61.     <div class=\"relative flex border-r border-gray\">
  62.       <button class=\"header-hamburger hidden lg:flex z-10 border-r border-gray\"
  63.         aria-label=\"Menu\">
  64.         <div class=\"flex items-center relative w-6 h-6\">
  65.           <span class=\"top-2\"></span>
  66.           <span class=\"top-4\"></span>
  67.         </div>
  68.       </button>
  70.       <div class=\"lang-select flex lg:hidden border-l border-gray group\">
  71.         <div class=\"lang-select__current\">
  72.           <span>";
  73.         // line 49
  74.         echo twig_escape_filter($this->env, twig_capitalize_string_filter($this->env, ($context["lang"] ?? null)), "html", null, true);
  75.         echo "</span>
  76.           <svg class=\"w-4 h-4 ml-2 group-hover:rotate-180 duration-300\">
  77.             <use xlink:href=\"#slide-down-arrow\"></use>
  78.           </svg>
  79.         </div>
  81.         <ul class=\"lang-select__list absolute top-full w-full flex flex-col border-t border-gray opacity-0 pointer-events-none
  82.          group-hover:opacity-100 group-hover:pointer-events-auto
  83.          group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0
  84.          duration-100\">
  86.         ";
  87.         // line 60
  88.         $context['_parent'] = $context;
  89.         $context['_seq'] = twig_ensure_traversable(($context["localizations"] ?? null));
  90.         foreach ($context['_seq'] as $context["_key"] => $context["localization"]) {
  91.             // line 61
  92.             echo "\t\t\t\t\t";
  93.             if ((twig_get_attribute($this->env, $this->source, $context["localization"], "locale", [], "any", false, false, false, 61) != ($context["lang"] ?? null))) {
  94.                 // line 62
  95.                 echo "          <li>
  96.             <a class=\"flex items-center justify-center w-full h-14 px-2.5 py-1 outline-none\" href=\"";
  97.                 // line 63
  98.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["localization"], "url", [], "any", false, false, false, 63), "html", null, true);
  99.                 echo "\">";
  100.                 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);
  101.                 echo "</a>
  102.           </li>
  103.           ";
  104.             }
  105.             // line 66
  106.             echo "\t\t\t\t";
  107.         }
  108.         $_parent = $context['_parent'];
  109.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['localization'], $context['_parent'], $context['loop']);
  110.         $context = array_intersect_key($context, $_parent) + $_parent;
  111.         // line 67
  112.         echo "
  113.         </ul>
  114.       </div>
  115.       
  116.       
  117.       <ul class=\"header-left-menu hidden lg:grid grid-cols-3 w-full items-center divide-x divide-gray\">
  118.         ";
  119.         // line 73
  120.         $context['_parent'] = $context;
  121.         $context['_seq'] = twig_ensure_traversable($this->env->getFunction('sulu_navigation_root_tree')->getCallable()("topLeft", 4));
  122.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  123.             // line 74
  124.             echo "        <li class=\"header-menu-item\">
  125.           <a href=\"";
  126.             // line 75
  127.             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);
  128.             echo "\">";
  129.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 75), "html", null, true);
  130.             echo "</a>
  131.         </li>
  132.         ";
  133.         }
  134.         $_parent = $context['_parent'];
  135.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  136.         $context = array_intersect_key($context, $_parent) + $_parent;
  137.         // line 78
  138.         echo "      </ul>
  139.     </div>
  141.     <div class=\"header-logo z-10 relative w-full flex items-center justify-center\">
  142.       <a class=\"relative flex items-center h-full\"
  143.         href=\"";
  144.         // line 83
  145.         echo twig_escape_filter($this->env, $this->extensions['Sulu\Bundle\WebsiteBundle\Twig\Content\ContentPathTwigExtension']->getContentRootPath(), "html", null, true);
  146.         echo "\">
  147.         <span class=\"text-[0px]\">Home page</span>
  149.         ";
  150.         // line 86
  151.         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)) {
  152.             // line 87
  153.             echo "          <img class=\"header-logo__blue w-36 xs:w-44 lg:w-[clamp(15rem,16vw,17rem)] duration-500 opacity-0\" src=\"";
  154.             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);
  155.             echo "\" alt=\"\">
  156.         ";
  157.         }
  158.         // line 89
  159.         echo "        
  160.         ";
  161.         // line 90
  162.         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)) {
  163.             // line 91
  164.             echo "          <img class=\"header-logo__white w-36 xs:w-44 lg:w-[clamp(15rem,16vw,17rem)] duration-500 absolute\" src=\"";
  165.             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);
  166.             echo "\" alt=\"\">
  167.         ";
  168.         }
  169.         // line 93
  170.         echo "        
  171.       </a>
  172.     </div>
  174.     <div class=\"relative flex justify-end border-l border-gray\">
  176.       <ul class=\"header-right-menu hidden lg:grid grid-cols-3 w-full items-center divide-x divide-gray\">
  177.         ";
  178.         // line 100
  179.         $context['_parent'] = $context;
  180.         $context['_seq'] = twig_ensure_traversable($this->env->getFunction('sulu_navigation_root_tree')->getCallable()("topRight", 4));
  181.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  182.             // line 101
  183.             echo "        <li class=\"header-menu-item\">
  184.           <a href=\"";
  185.             // line 102
  186.             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);
  187.             echo "\">";
  188.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 102), "html", null, true);
  189.             echo "</a>
  190.         </li>
  191.         ";
  192.         }
  193.         $_parent = $context['_parent'];
  194.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  195.         $context = array_intersect_key($context, $_parent) + $_parent;
  196.         // line 105
  197.         echo "
  198.       </ul>
  200.       <div class=\"lang-select hidden lg:flex border-l border-gray group\">
  201.         <div class=\"lang-select__current\">
  202.           <span>";
  203.         // line 110
  204.         echo twig_escape_filter($this->env, twig_capitalize_string_filter($this->env, ($context["lang"] ?? null)), "html", null, true);
  205.         echo "</span>
  206.           <svg class=\"w-4 h-4 ml-2 group-hover:rotate-180 duration-300\">
  207.             <use xlink:href=\"#slide-down-arrow\"></use>
  208.           </svg>
  209.         </div>
  211.         <ul class=\"lang-select__list absolute top-full w-full flex flex-col border-t border-gray opacity-0 pointer-events-none
  212.          group-hover:opacity-100 group-hover:pointer-events-auto
  213.          group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0
  214.          duration-100\">
  216.         ";
  217.         // line 121
  218.         $context['_parent'] = $context;
  219.         $context['_seq'] = twig_ensure_traversable(($context["localizations"] ?? null));
  220.         foreach ($context['_seq'] as $context["_key"] => $context["localization"]) {
  221.             // line 122
  222.             echo "\t\t\t\t\t";
  223.             if ((twig_get_attribute($this->env, $this->source, $context["localization"], "locale", [], "any", false, false, false, 122) != ($context["lang"] ?? null))) {
  224.                 // line 123
  225.                 echo "          <li>
  226.             <a class=\"flex items-center justify-center w-full h-14 px-2.5 py-1 outline-none\" href=\"";
  227.                 // line 124
  228.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["localization"], "url", [], "any", false, false, false, 124), "html", null, true);
  229.                 echo "\">";
  230.                 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, 124)), "html", null, true);
  231.                 echo "</a>
  232.           </li>
  233.           ";
  234.             }
  235.             // line 127
  236.             echo "\t\t\t\t";
  237.         }
  238.         $_parent = $context['_parent'];
  239.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['localization'], $context['_parent'], $context['loop']);
  240.         $context = array_intersect_key($context, $_parent) + $_parent;
  241.         // line 128
  242.         echo "
  243.         </ul>
  244.       </div>
  247.       <button class=\"header-hamburger w-[100px] flex lg:hidden items-center justify-center relative\"
  248.         aria-label=\"Menu\">
  249.         <div class=\"flex items-center relative w-6 h-6\">
  250.           <span class=\"top-2\"></span>
  251.           <span class=\"top-4\"></span>
  252.         </div>
  253.       </button>
  255.     </div>
  257.   </div>
  258.   
  259.   ";
  260.         // line 145
  261.         $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, 145));
  262.         // line 146
  263.         echo "  ";
  264.         // line 147
  265.         echo "  <div
  266.     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\"
  267.     style=\"clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);\">
  268.     <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\">
  270.       ";
  271.         // line 153
  272.         echo "      <svg
  273.         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\">
  274.         <use xlink:href=\"#circle\"></use>
  275.       </svg>
  277.       ";
  278.         // line 159
  279.         echo "      <div
  280.         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\">
  281.         ";
  282.         // line 162
  283.         echo "        <div class=\"flex flex-col gap-8 px-8 xl:px-12 pb-8 lg:pb-14\">
  285.           <div class=\"menu-left-fade\"
  286.             fade
  287.             fade-trigger=\"none\">
  288.             <p class=\"uppercase text-[10px] font-extrabold\">";
  289.         // line 167
  290.         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, 167), "contactsAdressTitle", [], "any", false, false, false, 167), "html", null, true);
  291.         echo "</p>
  293.             <address class=\"text-sm not-italic\">
  294.               <p class=\"font-extrabold\">";
  295.         // line 170
  296.         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, 170), "contactsCompanyName", [], "any", false, false, false, 170), "html", null, true);
  297.         echo "</p>
  298.               <p class=\"mt-1\">
  299.                 <span>";
  300.         // line 172
  301.         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, 172), "contactsCompanyAdress", [], "any", false, false, false, 172), "html", null, true);
  302.         echo "</span>
  303.               </p>
  304.             </address>
  305.           </div>
  307.           <div class=\"menu-left-fade\"
  308.             fade
  309.             fade-trigger=\"none\">
  310.             <p class=\"uppercase text-[10px] font-extrabold\">";
  311.         // line 180
  312.         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, 180), "contactsPhoneText", [], "any", false, false, false, 180), "html", null, true);
  313.         echo "</p>
  314.             <p class=\"mt-1\">
  315.               <a class=\"\"
  316.                 href=\"tel:";
  317.         // line 183
  318.         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, 183), "contactsPhone", [], "any", false, false, false, 183), "html", null, true);
  319.         echo "\">";
  320.         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, 183), "contactsPhone", [], "any", false, false, false, 183), "html", null, true);
  321.         echo "</a>
  322.             </p>
  323.           </div>
  325.           <div class=\"menu-left-fade\"
  326.             fade
  327.             fade-trigger=\"none\">
  328.             <p class=\"uppercase text-[10px] font-extrabold\">";
  329.         // line 190
  330.         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, 190), "contactsEmailText", [], "any", false, false, false, 190), "html", null, true);
  331.         echo "</p>
  332.             <p class=\"mt-1\">
  333.               ";
  334.         // line 192
  335.         $this->loadTemplate("partials/layout/contact_email.html.twig", "./partials/layout/header.html.twig", 192)->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, 192), "contactsEmail", [], "any", false, false, false, 192)]));
  336.         // line 193
  337.         echo "            </p>
  338.           </div>
  339.         </div>
  341.         ";
  342.         // line 198
  343.         echo "        <div
  344.           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\"
  345.           fade
  346.           fade-trigger=\"none\">
  347.           ";
  348.         // line 202
  349.         $context['_parent'] = $context;
  350.         $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, 202), "socials", [], "any", false, false, false, 202));
  351.         foreach ($context['_seq'] as $context["_key"] => $context["social"]) {
  352.             // line 203
  353.             echo "          <div class=\"h-16 md:h-24 xl:h-[120px] hover:bg-white/25 duration-500 ease-basic-ease group\">
  354.             <a href=\"";
  355.             // line 204
  356.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["social"], "socialUrl", [], "any", false, false, false, 204), "html", null, true);
  357.             echo "\"
  358.               class=\"flex items-center justify-center w-full h-full text-[0px]\"
  359.               target=\"blank\">
  360.               ";
  361.             // line 207
  362.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["social"], "socialName", [], "any", false, false, false, 207), "html", null, true);
  363.             echo "
  364.               <svg class=\"block w-4 h-4 group-hover:scale-125 duration-500 ease-basic-ease\">
  365.                 <use xlink:href=\"#";
  366.             // line 209
  367.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["social"], "socialName", [], "any", false, false, false, 209), "html", null, true);
  368.             echo "\"></use>
  369.               </svg>
  370.             </a>
  371.           </div>
  372.           ";
  373.         }
  374.         $_parent = $context['_parent'];
  375.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['social'], $context['_parent'], $context['loop']);
  376.         $context = array_intersect_key($context, $_parent) + $_parent;
  377.         // line 214
  378.         echo "
  379.         </div>
  380.       </div>
  382.       ";
  383.         // line 219
  384.         echo "      <div class=\"h-full pt-40 px-8 lg:px-12 pb-16 overflow-auto\">
  385.         <nav class=\"h-full w-full flex items-end\">
  386.           <ul class=\"flex flex-col gap-4\">
  387.             ";
  388.         // line 222
  389.         $context['_parent'] = $context;
  390.         $context['_seq'] = twig_ensure_traversable($this->env->getFunction('sulu_navigation_root_tree')->getCallable()("burger", 4));
  391.         $context['loop'] = [
  392.           'parent' => $context['_parent'],
  393.           'index0' => 0,
  394.           'index'  => 1,
  395.           'first'  => true,
  396.         ];
  397.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  398.             $length = count($context['_seq']);
  399.             $context['loop']['revindex0'] = $length - 1;
  400.             $context['loop']['revindex'] = $length;
  401.             $context['loop']['length'] = $length;
  402.             $context['loop']['last'] = 1 === $length;
  403.         }
  404.         foreach ($context['_seq'] as $context["_key"] => $context["item"]) {
  405.             // line 223
  406.             echo "            <li class=\"center-menu-item\"
  407.               fade
  408.               fade-trigger=\"none\">
  409.               <a class=\"menu-clip-item text-[2.5rem] sm:text-5xl lg:text-[5vh] leading-none\"
  410.                 href=\"";
  411.             // line 227
  412.             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, 227)), "html", null, true);
  413.             echo "\">
  414.                 <span>";
  415.             // line 228
  416.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 228), "html", null, true);
  417.             echo "</span>
  418.                 <span>";
  419.             // line 229
  420.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["item"], "title", [], "any", false, false, false, 229), "html", null, true);
  421.             echo "</span>
  422.               </a>
  423.             </li>
  424.             ";
  425.             // line 232
  426.             if ((twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 232) == 5)) {
  427.                 // line 233
  428.                 echo "            <li class=\"center-menu-item\"
  429.               fade
  430.               fade-trigger=\"none\">
  431.               <a class=\"menu-clip-item text-[2.5rem] sm:text-5xl lg:text-[5vh] leading-none\"
  432.                 href=\"https://live.oaks.ch\"
  433.                 target=\"_blank\">
  434.                 <span>Login</span>
  435.                 <span>Login</span>
  436.               </a>
  437.             </li>
  438.             ";
  439.             }
  440.             // line 244
  441.             echo "            ";
  442.             ++$context['loop']['index0'];
  443.             ++$context['loop']['index'];
  444.             $context['loop']['first'] = false;
  445.             if (isset($context['loop']['length'])) {
  446.                 --$context['loop']['revindex0'];
  447.                 --$context['loop']['revindex'];
  448.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  449.             }
  450.         }
  451.         $_parent = $context['_parent'];
  452.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['item'], $context['_parent'], $context['loop']);
  453.         $context = array_intersect_key($context, $_parent) + $_parent;
  454.         // line 245
  455.         echo "          </ul>
  456.         </nav>
  457.       </div>
  460.       ";
  461.         // line 251
  462.         echo "      <div class=\"relative w-full h-full overflow-hidden\">
  463.       ";
  464.         // line 252
  465.         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, 252), "menuBurgerImage", [], "any", false, false, false, 252)) > 0)) {
  466.             // line 253
  467.             echo "        <img class=\"menu-img hidden lg:block w-full h-full object-cover scale-[1.4]\"
  468.           src=\"";
  469.             // line 254
  470.             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, 254), "menuBurgerImage", [], "any", false, false, false, 254), "url", [], "any", false, false, false, 254), "html", null, true);
  471.             echo "\"
  472.           alt=\"Oaks Lane Menu\"
  473.           loading=\"lazy\">
  474.       ";
  475.         }
  476.         // line 258
  477.         echo "        <div class=\"hidden lg:block absolute inset-0 bg-blue/30\"></div>
  479.         ";
  480.         // line 261
  481.         echo "        <div
  482.           class=\"menu-translate-text-wrapp absolute bottom-8 left-0 right-1 lg:right-8 origin-bottom-right leading-[0.8] pointer-events-none\"
  483.           style=\"transform: rotate(-90deg) translateX(100%)\">
  484.           <div
  485.             class=\"menu-translate-text text-[90px] md:text-[120px] 2xl:text-[155px] stroke-text whitespace-nowrap uppercase tracking-[0.13em]\">
  486.             ";
  487.         // line 266
  488.         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, 266), "contactsCompanyName", [], "any", false, false, false, 266), "html", null, true);
  489.         echo "</div>
  490.         </div>
  491.       </div>
  492.     </div>
  493.   </div>
  494. </header>";
  495.         
  496.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  498.         
  499.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  501.     }
  503.     public function getTemplateName()
  504.     {
  505.         return "./partials/layout/header.html.twig";
  506.     }
  508.     public function isTraitable()
  509.     {
  510.         return false;
  511.     }
  513.     public function getDebugInfo()
  514.     {
  515.         return array (  488 => 266,  481 => 261,  477 => 258,  470 => 254,  467 => 253,  465 => 252,  462 => 251,  455 => 245,  441 => 244,  428 => 233,  426 => 232,  420 => 229,  416 => 228,  412 => 227,  406 => 223,  389 => 222,  384 => 219,  378 => 214,  367 => 209,  362 => 207,  356 => 204,  353 => 203,  349 => 202,  343 => 198,  337 => 193,  335 => 192,  330 => 190,  318 => 183,  312 => 180,  301 => 172,  296 => 170,  290 => 167,  283 => 162,  279 => 159,  272 => 153,  265 => 147,  263 => 146,  261 => 145,  242 => 128,  236 => 127,  228 => 124,  225 => 123,  222 => 122,  218 => 121,  204 => 110,  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,);
  516.     }
  518.     public function getSourceContext()
  519.     {
  520.         return new Source("
  521. {% set logos = sulu_snippet_load_by_area('logos_area',null) %}
  522. {% set menu = [
  523. {
  524. 'title': 'agency',
  525. 'href': '/agency'
  526. }, {
  527. 'title': 'projects',
  528. 'href': '/projects'
  529. }, {
  530. 'title': 'services',
  531. 'href': '/services'
  532. }, {
  533. 'title': 'offers',
  534. 'href': '/offers'
  535. }, {
  536. 'title': 'partners',
  537. 'href': '/partners'
  538. }, {
  539. 'title': 'estimate',
  540. 'href': '/estimate'
  541. }, {
  542. 'title': 'investors',
  543. 'href': '/investors'
  544. }, {
  545. 'title': 'news',
  546. 'href': '/news'
  547. }, {
  548. 'title': 'team',
  549. 'href': '/team'
  550. }
  551. ] %}
  553. {% set lang = app.request.locale %}
  555. <header class=\"header {{ headerColor }}\">
  556.   <div class=\"header-container custom-grid-3 h-full border-b border-gray z-20 relative\">
  557.     <div class=\"relative flex border-r border-gray\">
  558.       <button class=\"header-hamburger hidden lg:flex z-10 border-r border-gray\"
  559.         aria-label=\"Menu\">
  560.         <div class=\"flex items-center relative w-6 h-6\">
  561.           <span class=\"top-2\"></span>
  562.           <span class=\"top-4\"></span>
  563.         </div>
  564.       </button>
  566.       <div class=\"lang-select flex lg:hidden border-l border-gray group\">
  567.         <div class=\"lang-select__current\">
  568.           <span>{{ lang|capitalize }}</span>
  569.           <svg class=\"w-4 h-4 ml-2 group-hover:rotate-180 duration-300\">
  570.             <use xlink:href=\"#slide-down-arrow\"></use>
  571.           </svg>
  572.         </div>
  574.         <ul class=\"lang-select__list absolute top-full w-full flex flex-col border-t border-gray opacity-0 pointer-events-none
  575.          group-hover:opacity-100 group-hover:pointer-events-auto
  576.          group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0
  577.          duration-100\">
  579.         {% for localization in localizations %}
  580. \t\t\t\t\t{% if localization.locale != lang %}
  581.           <li>
  582.             <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>
  583.           </li>
  584.           {% endif %}
  585. \t\t\t\t{% endfor %}
  587.         </ul>
  588.       </div>
  589.       
  590.       
  591.       <ul class=\"header-left-menu hidden lg:grid grid-cols-3 w-full items-center divide-x divide-gray\">
  592.         {% for item in sulu_navigation_root_tree('topLeft', 4) %}
  593.         <li class=\"header-menu-item\">
  594.           <a href=\"{{ sulu_content_path(item.url) }}\">{{ item.title }}</a>
  595.         </li>
  596.         {% endfor %}
  597.       </ul>
  598.     </div>
  600.     <div class=\"header-logo z-10 relative w-full flex items-center justify-center\">
  601.       <a class=\"relative flex items-center h-full\"
  602.         href=\"{{ sulu_content_root_path() }}\">
  603.         <span class=\"text-[0px]\">Home page</span>
  605.         {% if logos.content.image_dark.url is defined %}
  606.           <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=\"\">
  607.         {% endif %}
  608.         
  609.         {% if logos.content.image_white.url is defined %}
  610.           <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=\"\">
  611.         {% endif %}
  612.         
  613.       </a>
  614.     </div>
  616.     <div class=\"relative flex justify-end border-l border-gray\">
  618.       <ul class=\"header-right-menu hidden lg:grid grid-cols-3 w-full items-center divide-x divide-gray\">
  619.         {% for item in sulu_navigation_root_tree('topRight', 4) %}
  620.         <li class=\"header-menu-item\">
  621.           <a href=\"{{ sulu_content_path(item.url) }}\">{{item.title}}</a>
  622.         </li>
  623.         {% endfor %}
  625.       </ul>
  627.       <div class=\"lang-select hidden lg:flex border-l border-gray group\">
  628.         <div class=\"lang-select__current\">
  629.           <span>{{ lang|capitalize }}</span>
  630.           <svg class=\"w-4 h-4 ml-2 group-hover:rotate-180 duration-300\">
  631.             <use xlink:href=\"#slide-down-arrow\"></use>
  632.           </svg>
  633.         </div>
  635.         <ul class=\"lang-select__list absolute top-full w-full flex flex-col border-t border-gray opacity-0 pointer-events-none
  636.          group-hover:opacity-100 group-hover:pointer-events-auto
  637.          group-focus-within:opacity-100 group-focus-within:pointer-events-auto group-focus-within:translate-y-0
  638.          duration-100\">
  640.         {% for localization in localizations %}
  641. \t\t\t\t\t{% if localization.locale != lang %}
  642.           <li>
  643.             <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>
  644.           </li>
  645.           {% endif %}
  646. \t\t\t\t{% endfor %}
  648.         </ul>
  649.       </div>
  652.       <button class=\"header-hamburger w-[100px] flex lg:hidden items-center justify-center relative\"
  653.         aria-label=\"Menu\">
  654.         <div class=\"flex items-center relative w-6 h-6\">
  655.           <span class=\"top-2\"></span>
  656.           <span class=\"top-4\"></span>
  657.         </div>
  658.       </button>
  660.     </div>
  662.   </div>
  663.   
  664.   {% set contactInformations = sulu_snippet_load_by_area('ContactInformations_area',null, app.ContactInformations) %}
  665.   {# ----- MENU ----- #}
  666.   <div
  667.     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\"
  668.     style=\"clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);\">
  669.     <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\">
  671.       {# Absolute BG Logo #}
  672.       <svg
  673.         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\">
  674.         <use xlink:href=\"#circle\"></use>
  675.       </svg>
  677.       {# Left column #}
  678.       <div
  679.         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\">
  680.         {# Text content #}
  681.         <div class=\"flex flex-col gap-8 px-8 xl:px-12 pb-8 lg:pb-14\">
  683.           <div class=\"menu-left-fade\"
  684.             fade
  685.             fade-trigger=\"none\">
  686.             <p class=\"uppercase text-[10px] font-extrabold\">{{contactInformations.content.contactsAdressTitle}}</p>
  688.             <address class=\"text-sm not-italic\">
  689.               <p class=\"font-extrabold\">{{contactInformations.content.contactsCompanyName}}</p>
  690.               <p class=\"mt-1\">
  691.                 <span>{{contactInformations.content.contactsCompanyAdress}}</span>
  692.               </p>
  693.             </address>
  694.           </div>
  696.           <div class=\"menu-left-fade\"
  697.             fade
  698.             fade-trigger=\"none\">
  699.             <p class=\"uppercase text-[10px] font-extrabold\">{{contactInformations.content.contactsPhoneText}}</p>
  700.             <p class=\"mt-1\">
  701.               <a class=\"\"
  702.                 href=\"tel:{{contactInformations.content.contactsPhone}}\">{{contactInformations.content.contactsPhone}}</a>
  703.             </p>
  704.           </div>
  706.           <div class=\"menu-left-fade\"
  707.             fade
  708.             fade-trigger=\"none\">
  709.             <p class=\"uppercase text-[10px] font-extrabold\">{{contactInformations.content.contactsEmailText}}</p>
  710.             <p class=\"mt-1\">
  711.               {% include 'partials/layout/contact_email.html.twig' with { email: contactInformations.content.contactsEmail } %}
  712.             </p>
  713.           </div>
  714.         </div>
  716.         {# Socials #}
  717.         <div
  718.           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\"
  719.           fade
  720.           fade-trigger=\"none\">
  721.           {% for social in contactInformations.content.socials %}
  722.           <div class=\"h-16 md:h-24 xl:h-[120px] hover:bg-white/25 duration-500 ease-basic-ease group\">
  723.             <a href=\"{{social.socialUrl}}\"
  724.               class=\"flex items-center justify-center w-full h-full text-[0px]\"
  725.               target=\"blank\">
  726.               {{social.socialName}}
  727.               <svg class=\"block w-4 h-4 group-hover:scale-125 duration-500 ease-basic-ease\">
  728.                 <use xlink:href=\"#{{social.socialName}}\"></use>
  729.               </svg>
  730.             </a>
  731.           </div>
  732.           {% endfor %}
  734.         </div>
  735.       </div>
  737.       {# Center cloumn #}
  738.       <div class=\"h-full pt-40 px-8 lg:px-12 pb-16 overflow-auto\">
  739.         <nav class=\"h-full w-full flex items-end\">
  740.           <ul class=\"flex flex-col gap-4\">
  741.             {% for item in sulu_navigation_root_tree('burger', 4) %}
  742.             <li class=\"center-menu-item\"
  743.               fade
  744.               fade-trigger=\"none\">
  745.               <a class=\"menu-clip-item text-[2.5rem] sm:text-5xl lg:text-[5vh] leading-none\"
  746.                 href=\"{{ sulu_content_path(item.url) }}\">
  747.                 <span>{{item.title}}</span>
  748.                 <span>{{item.title}}</span>
  749.               </a>
  750.             </li>
  751.             {% if loop.index == 5 %}
  752.             <li class=\"center-menu-item\"
  753.               fade
  754.               fade-trigger=\"none\">
  755.               <a class=\"menu-clip-item text-[2.5rem] sm:text-5xl lg:text-[5vh] leading-none\"
  756.                 href=\"https://live.oaks.ch\"
  757.                 target=\"_blank\">
  758.                 <span>Login</span>
  759.                 <span>Login</span>
  760.               </a>
  761.             </li>
  762.             {% endif %}
  763.             {% endfor %}
  764.           </ul>
  765.         </nav>
  766.       </div>
  769.       {# Right column #}
  770.       <div class=\"relative w-full h-full overflow-hidden\">
  771.       {% if contactInformations.content.menuBurgerImage|length > 0 %}
  772.         <img class=\"menu-img hidden lg:block w-full h-full object-cover scale-[1.4]\"
  773.           src=\"{{contactInformations.content.menuBurgerImage.url}}\"
  774.           alt=\"Oaks Lane Menu\"
  775.           loading=\"lazy\">
  776.       {% endif %}
  777.         <div class=\"hidden lg:block absolute inset-0 bg-blue/30\"></div>
  779.         {# Rotate text line #}
  780.         <div
  781.           class=\"menu-translate-text-wrapp absolute bottom-8 left-0 right-1 lg:right-8 origin-bottom-right leading-[0.8] pointer-events-none\"
  782.           style=\"transform: rotate(-90deg) translateX(100%)\">
  783.           <div
  784.             class=\"menu-translate-text text-[90px] md:text-[120px] 2xl:text-[155px] stroke-text whitespace-nowrap uppercase tracking-[0.13em]\">
  785.             {{contactInformations.content.contactsCompanyName}}</div>
  786.         </div>
  787.       </div>
  788.     </div>
  789.   </div>
  790. </header>", "./partials/layout/header.html.twig", "/home/clients/27e4eb6afe64c67f100a17cbd6809e7c/var/www/oakas-lane/templates/partials/layout/header.html.twig");
  791.     }
  792. }