templates/layouts/layout.html.twig line 450

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.   <!-- Global site tag (gtag.js) - Google Analytics -->
  6.   <script>
  7.     (function (i, s, o, g, r, a, m) {
  8.       i["GoogleAnalyticsObject"] = r;
  9.       (i[r] =
  10.         i[r] ||
  11.         function () {
  12.           (i[r].q = i[r].q || []).push(arguments);
  13.         }),
  14.         (i[r].l = 1 * new Date());
  15.       (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
  16.       a.async = 1;
  17.       a.src = g;
  18.       m.parentNode.insertBefore(a, m);
  19.     })(
  20.       window,
  21.       document,
  22.       "script",
  23.       "https://www.google-analytics.com/analytics.js",
  24.       "ga"
  25.     );
  27.     ga("create", "code_here", "auto");
  28.     ga("send", "pageview");
  29.   </script>
  30.   <!-- Hotjar Tracking Code for https://www.centricdxb.com/ -->
  31.   <script>
  32.     (function (h, o, t, j, a, r) {
  33.       h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) };
  34.       h._hjSettings = { hjid: 3701376, hjsv: 6 };
  35.       a = o.getElementsByTagName('head')[0];
  36.       r = o.createElement('script'); r.async = 1;
  37.       r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
  38.       a.appendChild(r);
  39.     })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=');
  40.   </script>
  42.   <!-- Leadinfo tracking code -->
  43.   <script> (function (l, e, a, d, i, n, f, o) {
  44.       if (!l[i]) {
  45.         l.GlobalLeadinfoNamespace = l.GlobalLeadinfoNamespace || [];
  46.         l.GlobalLeadinfoNamespace.push(i); l[i] = function () { (l[i].q = l[i].q || []).push(arguments) }; l[i].t = l[i].t || n;
  47.         l[i].q = l[i].q || []; o = e.createElement(a); f = e.getElementsByTagName(a)[0]; o.async = 1; o.src = d; f.parentNode.insertBefore(o, f);
  48.       }
  49.     }(window, document, "script", "https://cdn.leadinfo.net/ping.js", "leadinfo", "LI-659E730E7513E")); 
  50.   </script>
  52.   <meta charset="UTF-8" />
  53.   <meta name="apple-mobile-web-app-capable" content="yes">
  54.   <meta name="apple-mobile-web-app-status-bar-style" content="black">
  55.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  57.   {% block ogTags %}{% endblock %}
  59.   {% set currentUrl = app.request.requestUri %}
  61.   {% set urlParts = currentUrl|split('/') %}
  63.   {% set categoryPages = ["pim","business-insights"] %}
  65.   {% if urlParts|length >= 4 and urlParts[1] == "insights" %}
  67.   {% if urlParts[2] not in categoryPages %}
  68.   <meta name="robots" content="noindex">
  69.   {% else %}
  70.   <meta name="robots" content="index, follow" />
  71.   {% endif %}
  73.   {% endif %}
  76.   <link rel="icon" type="image/ico" href="{{ asset('logos/icons/centric_color_logo.ico') }}">
  77.   <link href="/assets_seo/css/app.css{{'?v=' ~ random()}}" rel="stylesheet" data-theme-light="/assets_seo/css/app.css{{'?v=' ~ random()}}"
  78.     data-theme-dark="/assets_seo/css/app.dark.css{{'?v=' ~ random()}}" data-theme-target="href">
  79.   <!-- Bootstrap CSS -->
  80.   {#
  81.   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
  82.     crossorigin="anonymous"> #}
  83.   {#
  84.   <link rel="stylesheet" href="https://rsms.me/inter/inter.css" rel="stylesheet" /> #}
  85.   {#
  86.   <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet" /> #}
  88.   {#
  89.   <link rel="stylesheet" href="/assets/css/swiper-bundle.min.css" /> #}
  90.   {#
  91.   <link href="/assets/css/style.css" rel="stylesheet" /> #}
  92.   {#
  93.   <link href="/assets/css/shortcodes.css" rel="stylesheet" /> #}
  94.   {#
  95.   <link href="/assets/css/all.min.css" rel="stylesheet" /> #}
  97.   {#
  98.   <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.9/lottie.min.js"></script> #}
  99.   {#
  100.   <script src="/assets_seo/js/app.js"></script> #}
  103.   {% apply spaceless %}
  105.   {% do
  106.   pimcore_head_link().appendStylesheet('https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css',null,null,{integrity:'sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ',crossorigin:'anonymous'})
  107.   %}
  108.   {% do
  109.   pimcore_head_link().appendStylesheet('https://rsms.me/inter/inter.css',null,null,{integrity:'sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ',crossorigin:'anonymous'})
  110.   %}
  111.   {% do
  112.   pimcore_head_link().appendStylesheet('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700',null,null,{integrity:'sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ',crossorigin:'anonymous'})
  113.   %}
  115.   {% do pimcore_head_link().appendStylesheet(asset('/assets/css/swiper-bundle.min.css')) %}
  116.   {% do pimcore_head_link().appendStylesheet(asset('/assets/css/style.css')) %}
  117.   {% do pimcore_head_link().appendStylesheet(asset('/assets/css/shortcodes.css')) %}
  118.   {% do pimcore_head_link().appendStylesheet(asset('/assets/css/all.min.css')) %}
  119.   {% do pimcore_head_link().appendStylesheet(asset('/assets/css/bundle.min.css')) %}
  120.   {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js',null,null,{
  121.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"})
  122.   %}
  123.   {% do
  124.   pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollTrigger.min.js',null,null,{
  125.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"})
  126.   %}
  127.   {% do
  128.   pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollToPlugin.min.js',null,null,{
  129.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"})
  130.   %}
  131.   {% do
  132.   pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/Draggable.min.js',null,null,{
  133.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  134.   {% do
  135.   pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/EasePack.min.js',null,null,{
  136.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  137.   {% do
  138.   pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js',null,null,{
  139.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  140.   {% do
  141.   pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/animation.gsap.min.js',null,null,{
  142.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  143.   {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js',null,null,{
  144.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  145.   {% do
  146.   pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/5.0.0/imagesloaded.pkgd.min.js',null,null,{
  147.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  148.   {% do
  149.   pimcore_head_script().appendFile('https://maps.googleapis.com/maps/api/js?key=AIzaSyCAIwTPctnSM2PWcbK6cMdlZaSgEYIKp5U&sensor=false',null,null,{
  150.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  151.   {% do
  152.   pimcore_head_script().appendFile('https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js',null,null,{
  153.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  154.   {% do
  155.   pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/progressbar.js/1.1.0/progressbar.min.js',null,null,{
  156.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  157.   {% do
  158.   pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.9/lottie.min.js',null,null,{
  159.   integrity:"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM",crossorigin:"anonymous"}) %}
  161.   {% do pimcore_head_script().appendFile(asset('/assets_seo/js/app.js')) %}
  162.   {% do pimcore_head_script().appendFile(asset('/assets/js/jquery.min.js')) %}
  163.   {% do pimcore_head_script().appendFile(asset('/assets/js/swiper-bundle.min.js')) %}
  164.   {% do pimcore_head_script().appendFile(asset('/assets/js/clapatwebgl.js')) %}
  165.   {% do pimcore_head_script().appendFile(asset('/assets/js/plugins.js')) %}
  166.   {% do pimcore_head_script().appendFile(asset('/assets/js/common.js')) %}
  167.   {% do pimcore_head_script().appendFile(asset('/assets/js/contact.js')) %}
  168.   {% do pimcore_head_script().appendFile(asset('/assets/js/scripts.js')) %}
  170.   {% if not document is defined or not document %}
  171.   {% set document = pimcore_document(1) %}
  172.   {% endif %}
  174.   {% if document is instanceof('\\Pimcore\\Model\\Document\\Link') %}
  175.   {# @var document \Pimcore\Model\Document\Link #}
  176.   {% set document = document.getObject() %}
  177.   {% endif %}
  179.   {% if document is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  181.   {% if casestudy is defined %}
  183.   {% do pimcore_head_title().set(casestudy.metaTitle) %}
  184.   {% do pimcore_head_meta().setDescription(casestudy.metaDescription) %}
  185.   {% do pimcore_head_meta().setProperty('og:description', casestudy.metaDescription) %}
  186.   {% elseif blog is defined %}
  187.   
  188.   {% do pimcore_head_title().set(blog.category and blog.category.url == "pim" ? blog.title : blog.seoTitle) %}
  191.   {% do pimcore_head_meta().setDescription(blog.seoDescription) %}
  192.   {% do pimcore_head_meta().setProperty('og:description', blog.seoDescription) %}
  195.   {% elseif product is defined %}
  197.   {% do pimcore_head_title().set(product.metaTitle) %}
  198.   {% do pimcore_head_meta().setDescription(product.metaDescription) %}
  199.   {% do pimcore_head_meta().setProperty('og:description', product.metaDescription) %}
  202.   {% elseif ourWork is defined %}
  204.   {% do pimcore_head_title().set(ourWork.metaTitle) %}
  205.   {% do pimcore_head_meta().setDescription(ourWork.metaDescription) %}
  206.   {% do pimcore_head_meta().setProperty('og:description', ourWork.metaDescription) %}
  209.   {% elseif sector is defined %}
  211.   {% do pimcore_head_title().set(sector.metaTitle) %}
  212.   {% do pimcore_head_meta().setDescription(sector.metaDescription) %}
  213.   {% do pimcore_head_meta().setProperty('og:description', sector.metaDescription) %}
  215.   {% elseif service is defined %}
  217.   {% do pimcore_head_title().set(service.metaTitle) %}
  218.   {% do pimcore_head_meta().setDescription(service.metaDescription) %}
  219.   {% do pimcore_head_meta().setProperty('og:description', service.metaDescription) %}
  221.   {% elseif type is defined %}
  223.   {% do pimcore_head_title().set(type.metaTitle) %}
  224.   {% do pimcore_head_meta().setDescription(type.metaDescription) %}
  225.   {% do pimcore_head_meta().setProperty('og:description', type.metaDescription) %}
  227.   {% else %}
  229.   {% if document.getTitle() is not empty %}
  230.   {% do pimcore_head_title().set(document.getTitle()) %}
  231.   {% endif %}
  233.   {% if document.getDescription() is not empty %}
  234.   {% do pimcore_head_meta().setDescription(document.getDescription()) %}
  235.   {% do pimcore_head_meta().setProperty('og:description', document.getDescription()) %}
  237.   {% endif %}
  239.   {% endif %}
  242.   {% endif %}
  244.   {% set isPortal = ((isPortal is defined) and isPortal) %}
  246.   {% endapply %}
  248.   {# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
  249.   {% block layout_head_meta %}
  251.   {# {% do pimcore_head_meta().setProperty('og:image', '') %} #}
  252.   {# {% do pimcore_head_meta().setProperty('og:url', app.request.uri) %} #}
  253.   {# {% do pimcore_head_meta().setProperty('og:title', pimcore_head_title()|striptags) %} #}
  255.   {% do pimcore_head_meta().setProperty('og:url', app.request.uri) %}
  256.   {% do pimcore_head_meta().setProperty('og:title', pimcore_head_title()|striptags) %}
  257.   {% do pimcore_head_meta().setProperty('og:type', 'website' ) %}
  258.   {% do pimcore_head_meta().setProperty('og:image', 'https://www.centricdxb.com/Group 2905.jpg') %}
  261.   {{ pimcore_head_title() }}
  262.   {{ pimcore_head_meta() }}
  266.   {# {% if pimcore_placeholder('canonical').count() %}
  267.   <link rel="canonical" href="{{ pimcore_placeholder('canonical') }}" />
  268.   {% endif %} #}
  270.   {% block head_stylesheets %}
  271.   {{ pimcore_head_link() }}
  272.   {% endblock %}
  273.   <link rel="canonical" href="{{app.request.uri}}" />
  275.   <meta name="google-site-verification" content="uTxLmrxZfPEV4XEhuvBt7N1_W_n68DckjtlzF1wGMvo" />
  277.   <!-- Google tag (gtag.js) -->
  279.   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ELD4GMD0VP"></script>
  281.   <script>
  282.     window.dataLayer = window.dataLayer || [];
  283.     function gtag() { dataLayer.push(arguments); }
  284.     gtag('js', new Date());
  285.     gtag('config', 'G-ELD4GMD0VP');
  286.   </script>
  287.  <!-- End Google tag (gtag.js) -->
  289.   <!-- Google Tag Manager -->
  290.   <script>(function (w, d, s, l, i) {
  291.       w[l] = w[l] || []; w[l].push({
  292.         'gtm.start':
  293.           new Date().getTime(), event: 'gtm.js'
  294.       }); var f = d.getElementsByTagName(s)[0],
  295.         j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
  296.           'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
  297.     })(window, document, 'script', 'dataLayer', 'GTM-NBRHP4CZ');</script>
  298.   <!-- End Google Tag Manager -->
  299.   <!-- Google Tag Manager (noscript) -->
  300.   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NBRHP4CZ" height="0" width="0"
  301.       style="display:none;visibility:hidden"></iframe></noscript>
  302.   <!-- End Google Tag Manager (noscript) -->
  304.     <!-- Global site tag (gtag.js) - Google Analytics -->
  305.     <script>
  306.       (function (i, s, o, g, r, a, m) {
  307.         i["GoogleAnalyticsObject"] = r;
  308.         (i[r] =
  309.           i[r] ||
  310.           function () {
  311.             (i[r].q = i[r].q || []).push(arguments);
  312.           }),
  313.           (i[r].l = 1 * new Date());
  314.         (a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
  315.         a.async = 1;
  316.         a.src = g;
  317.         m.parentNode.insertBefore(a, m);
  318.       })(
  319.         window,
  320.         document,
  321.         "script",
  322.         "https://www.google-analytics.com/analytics.js",
  323.         "ga"
  324.       );
  326.       ga("create", "code_here", "auto");
  327.       ga("send", "pageview");
  328.     </script>
  329.     <!-- End Global site tag (gtag.js) - Google Analytics -->
  331.     <!-- Hotjar Tracking Code for https://www.centricdxb.com/ -->
  332.     <script>
  333.         (function(h,o,t,j,a,r){
  334.             h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
  335.             h._hjSettings={hjid:3701376,hjsv:6};
  336.             a=o.getElementsByTagName('head')[0];
  337.             r=o.createElement('script');r.async=1;
  338.             r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
  339.             a.appendChild(r);
  340.         })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  341.     </script>
  342.      <!-- End Hotjar Tracking Code for https://www.centricdxb.com/ -->
  344.   <!-- Leadinfo tracking code -->
  345.   <script> (function(l,e,a,d,i,n,f,o){if(!l[i]){l.GlobalLeadinfoNamespace=l.GlobalLeadinfoNamespace||[];
  346.     l.GlobalLeadinfoNamespace.push(i);l[i]=function(){(l[i].q=l[i].q||[]).push(arguments)};l[i].t=l[i].t||n;
  347.     l[i].q=l[i].q||[];o=e.createElement(a);f=e.getElementsByTagName(a)[0];o.async=1;o.src=d;f.parentNode.insertBefore(o,f);}
  348.     }(window,document,"script","https://cdn.leadinfo.net/ping.js","leadinfo","LI-659E730E7513E")); 
  349.   </script>
  351.   <!-- End Leadinfo tracking code -->
  353.   <!-- sraet linkedin pixel-->
  354.   <script type="text/javascript">
  355.     _linkedin_partner_id = "5290994";
  356.     window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
  357.     window._linkedin_data_partner_ids.push(_linkedin_partner_id);
  358.   </script>
  359.   <script type="text/javascript">
  360.     (function (l) {
  361.       if (!l) {
  362.         window.lintrk = function (a, b) { window.lintrk.q.push([a, b]) };
  363.         window.lintrk.q = []
  364.       }
  365.       var s = document.getElementsByTagName("script")[0];
  366.       var b = document.createElement("script");
  367.       b.type = "text/javascript"; b.async = true;
  368.       b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
  369.       s.parentNode.insertBefore(b, s);
  370.     })(window.lintrk);
  371.   </script>
  373.   <noscript>
  374.     <img height="1" width="1" style="display:none;" alt=""
  375.       src="https://px.ads.linkedin.com/collect/?pid=5290994&fmt=gif" />
  376.   </noscript>
  377.   <!-- End linkedin pixel-->
  378.   {% endblock %}
  379. </head>
  381. <body class=" {{ editmode ? '' : 'hidden hidden-ball' }}" data-primary-color="#ff0000">
  382.   <main>
  384.   {% if document.id == 1 %}
  385.   
  386.     <!-- Preloader -->
  387.     <div class="preloader-wrap" data-firstline="Stay" data-secondline="Relaxed">
  388.       <div class="outer">
  389.         <div class="inner">
  390.           <div class="trackbar">
  391.             <ul class="preloader-intro">
  392.               <li class="preloader-list">
  393.                 Vision
  394.               </li>
  395.               <li class="preloader-list">
  396.                 Automation
  397.               </li>
  398.               <li class="preloader-list">
  399.                 Intelligence
  400.               </li>
  401.               <li class="preloader-list">
  402.                 Impactful
  403.               </li>
  404.               <li class="preloader-list">
  405.                 Growth
  406.               </li>
  407.             </ul>
  408.             <div class="loadbar"></div>
  409.           </div>
  410.           <div class="percentage-wrapper">
  411.             <div class="percentage" id="precent"></div>
  412.           </div>
  413.           <div class="percentage-intro">
  414.             Please Wait
  415.           </div>
  416.         </div>
  417.       </div>
  418.     </div>
  419.     <!--/Preloader -->
  420. {% endif %}
  421.     <div class="cd-index cd-main-content">
  422.       <!-- Page Content -->
  423.       <div id="page-content" class="light-content" data-bgcolor="#171717">
  425.         {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  426.         {% if not document is defined or not document %}
  427.         {% set document = pimcore_document(1) %}
  428.         {% endif %}
  429.         <!-- Header -->
  430.         {% if not editmode %}
  432.         <header class="fullscreen-menu invert-header" data-menucolor="#171717">
  434.           {# get the document which should be used to start in navigation | default home #}
  435.           {% set navStartNode = document.getProperty('navigation_root') %}
  437.           {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document') %}
  438.           {% set navStartNode = pimcore_document(1) %}
  439.           {% endif %}
  441.           {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %}
  442.           {% if pimcore_site_is_request() %}
  443.           {% set site = pimcore_site_current() %}
  444.           {% set navStartNode = site.getRootDocument() %}
  445.           {% else %}
  446.           {% set navStartNode = pimcore_document(1) %}
  447.           {% endif %}
  448.           {% endif %}
  450.           {% set mainNavigation = app_navigation_data_links(document, navStartNode) %}
  451.           {# {% set mainNavigation = pimcore_build_nav({active: document, root: navStartNode}) %} #}
  452.           {% set menuRenderer = pimcore_nav_renderer('menu') %}
  454.           <div id="header-container">
  455.             <!-- Logo -->
  456.             <div id="logo" class="hide-ball">
  457.               <a class="ajax-link" data-type="page-transition" href="{{ navStartNode }}">
  458.                 <img class="white-logo" src="/assets/images/centric_logo_white_text.svg" alt="Centric-green-Logo" />
  459.                 <img class="black-logo" src="/assets/images/centric_logo_color_text.svg" alt="centric-white-Logo" />
  460.               </a>
  461.             </div>
  462.             <!--/Logo -->
  464.             <!-- Navigation -->
  465.             <nav>
  466.               <div class="nav-height">
  467.                 <div class="outer">
  468.                   <div class="inner">
  469.                     <ul data-breakpoint="10025" class="flexnav">
  470.                       {% for page in mainNavigation %}
  473.                       {# here need to manually check for ACL conditions #}
  474.                       {% if page.isVisible() and menuRenderer.accept(page) %}
  475.                       {% set hasChildren = page.hasPages() %}
  476.                       {% if not hasChildren %}
  479.                       <li class="link menu-timeline">
  480.                         <a class="ajax-link" data-type="page-transition" href="{{ page.getHref() }}">
  481.                           <div class="before-span">
  482.                             <span data-hover="{{ page.getLabel() }}">
  483.                               {{ page.getLabel() }}
  484.                             </span>
  485.                           </div>
  486.                         </a>
  487.                       </li>
  489.                       {% else %}
  491.                       <li class="link menu-timeline">
  492.                         <a class="ajax-link" href="{{ page.getHref() }}">
  493.                           <div class="before-span">
  494.                             <span data-hover="{{ page.getLabel() }}">
  495.                               {{ page.getLabel() }}
  496.                             </span>
  497.                           </div>
  498.                         </a>
  499.                         <ul>
  500.                           {% for child in page.getPages() %}
  501.                           {% if child.isVisible() and menuRenderer.accept(child) %}
  502.                           <li><a class="ajax-link" href="{{ child.getHref() }}" data-type="page-transition">{{
  503.                               child.getLabel() }}</a></li>
  504.                           {% endif %}
  505.                           {% endfor %}
  507.                         </ul>
  508.                       </li>
  509.                       {% endif %}
  510.                       {% endif %}
  511.                       {% endfor %}
  512.                     </ul>
  513.                   </div>
  514.                 </div>
  515.               </div>
  516.             </nav>
  517.             <!--/Navigation -->
  519.             <!-- Menu Burger -->
  521.             <div class="button-wrap right menu burger-lines">
  522.               <div class="icon-wrap parallax-wrap">
  523.                 <div class="button-icon parallax-element">
  524.                   <div id="burger-wrapper">
  525.                     <div id="menu-burger">
  526.                       <span></span>
  527.                       <span></span>
  528.                       <span></span>
  529.                     </div>
  530.                   </div>
  531.                 </div>
  532.               </div>
  533.               <div class="button-text sticky right">
  534.                 <span data-hover="Menu">
  535.                   Menu
  536.                 </span>
  537.               </div>
  538.             </div>
  540.             <!--/Menu Burger -->
  541.           </div>
  542.         </header>
  543.         {% endif %}
  544.         <!--/Header -->
  546.         <div id="content-scroll">
  547.           <!-- Main -->
  548.           <div id="main">
  549.             {{ block('content') }}
  551.           </div>
  553.           <!--/Main -->
  554.           {% if app.request.requestUri() == '/project' %}
  555.           <footer class="hidden">
  556.             <div id="footer-container">
  558.               <div class="button-wrap left disable-drag swiper-prev">
  559.                 <div class="icon-wrap parallax-wrap">
  560.                   <div class="button-icon parallax-element">
  561.                     <i class="fa-solid fa-angle-left"></i>
  562.                   </div>
  563.                 </div>
  564.                 <div class="button-text sticky left"><span data-hover="Prev Slide">Prev Slide</span></div>
  565.               </div>
  567.               <div class="swiper-pagination"></div>
  569.               <div class="button-wrap right disable-drag swiper-next">
  570.                 <div class="icon-wrap parallax-wrap">
  571.                   <div class="button-icon parallax-element">
  572.                     <i class="fa-solid fa-angle-right"></i>
  573.                   </div>
  574.                 </div>
  575.                 <div class="button-text sticky right"><span data-hover="Next Slide">Next Slide</span></div>
  576.               </div>
  578.             </div>
  579.           </footer>
  580.           {% else %}
  581.           {{ pimcore_inc(document.getProperty('footer')) }}
  583.           {% endif %}
  585.           <!-- Footer Section Start -->
  586.           <!-- Footer Section End -->
  588.         </div>
  589.         <!--/Content Scroll -->
  590.         {% if not editmode %}
  591.         <div class="thumb-wrapper">
  592.           <div class="thumb-container">
  593.             <div class="thumb-page" data-src="/assets/images/projects1.png"></div>
  594.             <div class="thumb-page" data-src="/assets/images/projects2.png"></div>
  595.             <div class="thumb-page" data-src="/assets/images/03hero.jpg"></div>
  596.             <div class="thumb-page" data-src="/assets/images/04hero.jpg"></div>
  597.             <div class="thumb-page" data-src="/assets/images/05hero.jpg"></div>
  598.             <div class="thumb-page" data-src="/assets/images/06hero.jpg"></div>
  599.           </div>
  600.         </div>
  602.         <div id="app"></div>
  603.         {% endif %}
  604.       </div>
  605.       <!--/Page Content -->
  606.       {% include "report/modal.html.twig" %}
  607.     </div>
  608.   </main>
  611.   {#
  612.   <script src="/assets/js/jquery.min.js" defer></script>
  613.   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
  614.   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollTrigger.min.js"></script>
  615.   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/ScrollToPlugin.min.js"></script>
  616.   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/Draggable.min.js"></script>
  617.   <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/EasePack.min.js"></script>
  618.   <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
  619.   <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.8/plugins/animation.gsap.min.js"></script>
  620.   <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
  621.   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/5.0.0/imagesloaded.pkgd.min.js"></script>
  622.   <script type="text/javascript"
  623.     src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCAIwTPctnSM2PWcbK6cMdlZaSgEYIKp5U&sensor=false"></script>
  624.   <script src="/assets/js/swiper-bundle.min.js" defer></script>
  625.   <script src="/assets/js/clapatwebgl.js" defer></script>
  626.   <script src="/assets/js/plugins.js" defer></script>
  627.   <script src="/assets/js/common.js" defer></script>
  628.   <script src="/assets/js/contact.js" defer></script>
  629.   <script src="/assets/js/scripts.js" defer></script>
  630.   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
  631.     crossorigin="anonymous"></script>
  632.   <script src="https://cdnjs.cloudflare.com/ajax/libs/progressbar.js/1.1.0/progressbar.min.js"
  633.     integrity="sha512-EZhmSl/hiKyEHklogkakFnSYa5mWsLmTC4ZfvVzhqYNLPbXKAXsjUYRf2O9OlzQN33H0xBVfGSEIUeqt9astHQ=="
  634.     crossorigin="anonymous" referrerpolicy="no-referrer"></script> #}
  635.   {% block headscripts %}
  636.   {{ pimcore_head_script() }}
  637.   {% endblock %}
  638.   <script defer>
  639.     var animationPath = "/assets/js/6D_Process 2.json";
  640.     var container = document.getElementById("6d-animation");
  642.     // Load the animation
  643.     var animation = bodymovin.loadAnimation({
  644.       container: container,
  645.       renderer: "svg",
  646.       loop: true,
  647.       autoplay: true,
  648.       path: animationPath,
  649.     });
  650.   </script>
  652.   <script>
  653.     (function (w, d, t, u, n, a, m) {
  654.       w['MauticTrackingObject'] = n;
  655.       w[n] = w[n] || function () { (w[n].q = w[n].q || []).push(arguments) }, a = d.createElement(t),
  656.         m = d.getElementsByTagName(t)[0]; a.async = 1; a.src = u; m.parentNode.insertBefore(a, m)
  657.     })(window, document, 'script', 'https://c2.centricdxb.com/mtc.js', 'mt');
  659.     mt('send', 'pageview');
  660.   </script>
  661.   <script>
  663.     const exampleModal = document.getElementById('exampleModal')
  664.     function getSlugFromURL() {
  665.       const url = window.location.href;
  666.       const parts = url.split('/');
  667.       return parts[parts.length - 1];
  668.     }
  669.     if (exampleModal) {
  670.       exampleModal.addEventListener('show.bs.modal', event => {
  671.         const emailForm = document.getElementById('reportForm');
  672.         emailForm.reset();
  673.         $('.error-message').text('');
  674.         const button = event.relatedTarget
  675.         const claimPublish = button.getAttribute('data-bs-whatever')
  676.         const modalTitle = exampleModal.querySelector('.modal-title')
  677.         modalTitle.textContent = `${claimPublish} this page`
  678.         const errorMessages = document.getElementById('errorMessages');
  679.         errorMessages.style.display = 'none';
  680.         function displayMessage(message, isError) {
  681.           var errorMessagesDiv = document.getElementById('errorMessages');
  682.           errorMessagesDiv.innerText = '';
  683.           if (isError) {
  684.             errorMessagesDiv.classList.add('alert-danger');
  685.             errorMessagesDiv.classList.remove('alert-success');
  686.           } else {
  687.             errorMessagesDiv.classList.add('alert-success');
  688.             errorMessagesDiv.classList.remove('alert-danger');
  689.           }
  690.           errorMessagesDiv.innerText = message;
  691.           errorMessagesDiv.style.display = 'block';
  692.         }
  694.         // Attach a click event handler to the Send button
  695.         document.getElementById('sendReport').addEventListener('click', function () {
  696.           $('.error-message').text('');
  697.           console.log('clicked');
  698.           document.getElementById('sendReport').disabled = true;
  699.           removeProgressBar();
  700.           var circularProgressBar = new ProgressBar.Circle('#progressContainer', {
  701.             color: '#28a745', // Set the progress bar color
  702.             strokeWidth: 8,    // Set the stroke width
  703.             duration: 2000,   // Set the animation duration in milliseconds
  704.             easing: 'easeInOut'
  705.           });
  706.           circularProgressBar.animate(1, function () {
  707.             const email = document.getElementById('email').value;
  708.             const slug = getSlugFromURL();
  710.             var formData = new FormData(document.getElementById('reportForm'))
  711.             formData.append('slug', slug);
  712.             formData.append('claimPublish', claimPublish);
  713.             $.ajax({
  714.               url: '/send-mail/report',
  715.               method: 'POST',
  716.               data: formData,
  717.               contentType: false,
  718.               processData: false,
  720.               success: function (response) {
  722.                 document.getElementById('sendReport').disabled = false;
  723.                 removeProgressBar();
  724.                 $('#progressContainer').hide();
  725.                 if (response.success) {
  726.                   // Handle success response
  727.                   $('.error-message').text('');
  728.                   displayMessage(response.success, false);
  729.                 } else if (response.errors) {
  730.                   // Display error messages in the modal
  731.                   $('.error-message').text('');
  732.                   for (const field in response.errors) {
  733.                     const errorSelector = `.${field}Error`;
  734.                     const errorMessage = response.errors[field];
  735.                     if (errorMessage) {
  736.                       $(errorSelector).text(errorMessage);
  737.                     } else {
  738.                       $(errorSelector).text('');
  739.                     }
  740.                   }
  741.                 }
  742.                 else {
  743.                   $('.error-message').text('');
  744.                   $('#progressContainer').hide();
  745.                   displayMessage(response.error.join('\n'), true);
  747.                 }
  748.               },
  749.               error: function (error) {
  750.                 // Handle error
  751.                 removeProgressBar();
  752.                 console.error(error);
  753.               }
  754.             });
  755.           });
  756.           $('#progressContainer').show();
  757.           function removeProgressBar() {
  758.             // Remove the circular progress bar if it exists
  759.             var existingProgressBar = document.getElementById('progressContainer');
  760.             if (existingProgressBar) {
  761.               existingProgressBar.innerHTML = '';
  762.             }
  763.           }
  765.         });
  767.       })
  768.     }
  769.   </script>
  770.   {# {% block inlinescripts deferred %}
  771.   {{ pimcore_inline_script() }}
  772.   {% endblock %} #}
  773. </body>
  775. </html>