<!doctype html>
<html class="no-js" lang="{{ app.request.locale }}">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
{# <title>Centric USA</title> #}
<meta name="robots" content="noindex, follow" />
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="{{ asset('/assets/images/favicon-16x16.png') }}">
<!-- Icon Font CSS -->
<link rel="stylesheet" href="/assets/css/plugins/all.min.css">
<link rel="stylesheet" href="/assets/css/plugins/flaticon.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="/assets/css/plugins/bootstrap.min.css">
<link rel="stylesheet" href="/assets/css/plugins/swiper-bundle.min.css">
<link rel="stylesheet" href="/assets/css/plugins/aos.css">
<link rel="stylesheet" href="/assets/css/plugins/magnific-popup.css">
<link rel="stylesheet" href="/assets/css/style.css">
<!-- SLICK CAROUSEL CSS -->
<link rel="stylesheet" href="/assets/css/slick.css">
<link rel="stylesheet" href="/assets/css/slick-theme.css">
<link rel="stylesheet" href="/assets/css/plugins/locomotive-scroll.css">
<!-- Main Style CSS -->
<!-- SLICK CAROUSEL CSS -->
{# <link rel="stylesheet" href="/assets/css/slick.css">
<link rel="stylesheet" href="/assets/css/slick-theme.css"> #}
<!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
<!-- <link rel="stylesheet" href="assets/css/vendor/plugins.min.css">
<link rel="stylesheet" href="assets/css/style.min.css"> -->
{% apply spaceless %}
{% if not document is defined or not document %}
{% set document = pimcore_document(1) %}
{% endif %}
{% if document is instanceof('\\Pimcore\\Model\\Document\\Link') %}
{# @var document \Pimcore\Model\Document\Link #}
{% set document = document.getObject() %}
{% endif %}
{% if document is instanceof('\\Pimcore\\Model\\Document\\Page') %}
{% if document.getTitle() is not empty %}
{% do pimcore_head_title().set(document.getTitle()) %}
{% endif %}
{% if document.getDescription() is not empty %}
{% do pimcore_head_meta().setDescription(document.getDescription()) %}
{% endif %}
{% do pimcore_head_title().prepend('Centric USA') %}
{% do pimcore_head_title().setSeparator(' : ') %}
{% endif %}
{% set isPortal = ((isPortal is defined) and isPortal) %}
{% endapply %}
{# we're using the deferred extension here to make sure this block is rendered after all helper calls #}
{% block layout_head_meta deferred %}
{{ pimcore_head_title() }}
{{ pimcore_head_meta() }}
{% if pimcore_placeholder('canonical').count() %}
<link rel="canonical" href="{{ pimcore_placeholder('canonical') }}"/>
{% endif %}
{% endblock %}
</head>
<body>
{# get root node if there is no document defined (for pages which are routed directly through static route) #}
{% if not document is defined or not document %}
{% set document = pimcore_document(1) %}
{% endif %}
{% if not editmode %}
<!-- Header Start -->
<div id="header" class="section header-section transparent-header">
{# get the document which should be used to start in navigation | default home #}
{% set navStartNode = document.getProperty('navigation_root') %}
{% if not navStartNode is instanceof('\\Pimcore\\Model\\Document') %}
{% set navStartNode = pimcore_document(1) %}
{% endif %}
{% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %}
{% if pimcore_site_is_request() %}
{% set site = pimcore_site_current() %}
{% set navStartNode = site.getRootDocument() %}
{% else %}
{% set navStartNode = pimcore_document(1) %}
{% endif %}
{% endif %}
{% set mainNavigation = app_navigation_data_links(document, navStartNode) %}
{# {% set mainNavigation = pimcore_build_nav({active: document, root: navStartNode}) %} #}
{% set menuRenderer = pimcore_nav_renderer('menu') %}
<div class="container">
<!-- Header Wrap Start -->
<div class="header-wrap">
{# {{app_general_nav_active()}} #}
<div class="header-logo">
<a href="{{ navStartNode }}"><img src="{{ asset('/assets/images/centric_logo.png') }}" alt="logo"></a>
</div>
<div class="header-menu d-none d-lg-block">
{{
pimcore_render_nav(mainNavigation, 'menu', 'renderMenu', {
maxDepth: 2,
ulClass: {
0: 'main-menu',
1: 'sub-menu',
'default': 'main-menu sub-menu'
},
activeClass: 'active-menu'
})
}}
</div>
<!-- Header Meta Start -->
<div class="header-meta">
<!-- Header Toggle Start -->
<div class="header-toggle d-lg-none">
<button data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample">
<span></span>
<span></span>
<span></span>
</button>
</div>
<!-- Header Toggle End -->
</div>
<!-- Header Meta End -->
</div>
<!-- Header Wrap End -->
</div>
</div>
<!-- Header End -->
<!-- Offcanvas Start-->
<div class="offcanvas offcanvas-start" id="offcanvasExample">
<div class="offcanvas-header">
<!-- Offcanvas Logo Start -->
<div class="offcanvas-logo">
<a href="{{ navStartNode }}"><img src="{{asset('assets/images/centric_logo.png')}}" alt=""></a>
</div>
<!-- Offcanvas Logo End -->
<button type="button" class="close-btn" data-bs-dismiss="offcanvas"><i class="flaticon-close"></i></button>
</div>
<!-- Offcanvas Body Start -->
<div class="offcanvas-body">
<div class="offcanvas-menu">
{{
pimcore_render_nav(mainNavigation, 'menu', 'renderMenu', {
maxDepth: 2,
ulClass: {
0: 'main-menu',
1: 'sub-menu',
'default': 'main-menu sub-menu'
},
activeClass: 'active-menu'
})
}}
</div>
</div>
<!-- Offcanvas Body End -->
</div>
<!-- Offcanvas End -->
{% endif %}
<div class="main-wrapper" data-scroll-container>
<!-- Preloader start -->
<div id="preloader">
<div class="preloader">
<span></span>
<span></span>
</div>
</div>
<!-- Preloader End -->
{{ block('content')}}
<!-- Footer Section Start -->
{# include a document-snippet - in this case the footer document #}
{{ pimcore_inc(document.getProperty('footer')) }}
<!-- Footer Section End -->
</div>
{% if document.id == 1 %}
{{render(controller('App\\Controller\\DefaultController::targetGroupsAction'))}}
{% endif %}
{% if document.id == 1 %}
{% include "includes/home_Contactus_Form.html.twig" %}
{% endif %}
<!-- JS
============================================ -->
<script src="/assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="/assets/js/vendor/modernizr-3.11.2.min.js"></script>
<!-- Bootstrap JS -->
<script src="/assets/js/plugins/popper.min.js"></script>
<script src="/assets/js/plugins/bootstrap.min.js"></script>
<!-- Plugins JS -->
<script src="/assets/js/plugins/swiper-bundle.min.js"></script>
<script src="/assets/js/plugins/aos.js"></script>
<script src="/assets/js/plugins/waypoints.min.js"></script>
<script src="/assets/js/plugins/back-to-top.js"></script>
<script src="/assets/js/plugins/jquery.counterup.min.js"></script>
<script src="/assets/js/plugins/appear.min.js"></script>
<script src="/assets/js/plugins/jquery.magnific-popup.min.js"></script>
<script src="/assets/js/plugins/slick.js"></script>
<!-- Floating Object On Scroll JS -->
<script type="text/javascript" src="/assets/js/plugins/gsap.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/ScrollTrigger.min.js"></script>
<script type="text/javascript" src="/assets/js/plugins/locomotive-scroll.min.js"></script>
<script src="/assets/js/plugins/jquery.easypiechart.min.js"></script>
<script>
{# const locoScroll = new LocomotiveScroll({
el: document.querySelector('.main-wrapper'),
smooth: true
})
locoScroll.on("scroll", ScrollTrigger.update);
ScrollTrigger.scrollerProxy(".main-wrapper", {
scrollTop(value) {
return arguments.length ? locoScroll.scrollTo(value, 0, 0) : locoScroll.scroll.instance.scroll.y;
}, // we don't have to define a scrollLeft because we're only scrolling vertically.
getBoundingClientRect() {
return {top: 0, left: 0, width: window.innerWidth, height: window.innerHeight};
},
pinType: document.querySelector(".main-wrapper").style.transform ? "transform" : "fixed"
}); #}
</script>
<!--====== Use the minified version files listed below for better performance and remove the files listed above ======-->
<!-- Main JS -->
<script src="/assets/js/main.js"></script>
<script src="/static/js/app.js"></script>
{% block inlinescripts deferred %}
{{ pimcore_inline_script() }}
{% endblock %}
</body>
</html>