<!DOCTYPE html>
<html class="di_w_100vw di_o_x_h" lang="en">
<head>
    

    <script src="https://www.google.com/recaptcha/api.js?render=<%= process.env.RECAPTCHA_SITE_KEY %>"></script>
    <script> 
        // window.envRecaptchaSiteKey = "<%= process.env.RECAPTCHA_SITE_KEY %>"

        // Generate the reCAPTCHA token and send it to the server
        grecaptcha.ready(function() {
            grecaptcha.execute('<%= process.env.RECAPTCHA_SITE_KEY %>', { action: 'homepage' }).then(function(token) {
                // Send the token to the server
                fetch('/verify-recaptcha', {
                method: 'POST',
                headers: { 'Content-Type': 'application/json' },
                body: JSON.stringify({ recaptchaToken: token })
                })
                .then(response => response.json())
                .then(result => {
                    // Handle the server response
                    console.log(result);
                })
                .catch(error => {
                    console.error('Error:', error);
                });
            });
        });    
    </script>
  

    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-TT2RGV3');</script>
    <!-- End Google Tag Manager -->
    
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-1DR48842C5">
    </script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-1DR48842C5');
    </script>

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-263599631-1"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'UA-263599631-1');
    </script>

    <!-- Google tag for G. call fw number(gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11141786045"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'AW-11141786045');
    </script>
    <script>
        gtag('config', 'AW-11141786045/wBUnCOe36f0DEL3T6MAp', {
        'phone_conversion_number': '+442030538733'
        });
    </script>


    <!-- Hotjar Tracking Code for 24hrs Locksmith -->
    <script>
        (function(h,o,t,j,a,r){
            h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
            h._hjSettings={hjid:3471682,hjsv:6};
            a=o.getElementsByTagName('head')[0];
            r=o.createElement('script');r.async=1;
            r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
            a.appendChild(r);
        })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
    </script>

    <meta charset="UTF-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <% if (process.env.STAGING_ENABLED) { %> <meta name="robots" content="noindex"> <% } %>
    <link rel="apple-touch-icon" sizes="180x180" href="/uploads/img/logo/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/uploads/img/logo/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/uploads/img/logo/favicon/favicon-16x16.png">
    <link rel="icon" type="image/x-icon" href="/uploads/img/logo/favicon/favicon.ico">
    <!-- <link rel="manifest" href="/site.webmanifest"> -->


    <% 
    if (typeof metaTitle === 'undefined' || !(metaTitle)) {
        metaTitle = "24hrs Locksmith - Emergency Locksmith Services"; 
    }
    if (typeof metaDescr === 'undefined' || !(metaDescr)) {
        metaDescr = "24/7 Locksmith services near you. There in 15 min. Realiable and fully vetted."; 
    }
    %>
    <title><%= metaTitle %></title>
    <meta name="description" content="<%= metaDescr %>">
    <meta property="og:title" content="<%= metaTitle %>" />
    <meta property="og:description" content="<%= metaDescr %>" />
    <!-- <meta property="og:image" content="" /> -->

    <% if (typeof seoNoIndex !== 'undefined' && seoNoIndex && seoNoIndex === 'true') { %> 
        <meta name=”robots” content=”noindex, nofollow”> 
    <% } else { %>
        <meta name=”robots” content=”index, follow”> 
    <% } %>


    <!-- bootstrap CSS only --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
    <!-- di_styles --><link href="/css/di_style_min.css?v=3.4" rel="stylesheet">
    <!-- dip_styles --><link href="/css/style.css?v=1.3" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap" rel="stylesheet">
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css" /> -->
    <link rel="stylesheet" href="/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/css/owl.theme.default.min.css">

<%- include("../../helpers/displayFunctions") %>

</head>
<% if(typeof bodyClass === "undefined" || !(bodyClass) ){ bodyClass = "" } %>
<body class="di_w_100vw <%- bodyClass %>">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TT2RGV3"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->

<div id="dipNavMenuDD" class="d-none di_d_lg_none di_p_fixed di_z_1000 di_bg_w di_b_s_b_2 di_t_right di_p_20px">    
    <a onClick="diShowHide('dipNavMenuDD')" href="/"><p>Home</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="/emergency-locksmith"><p>Emergency</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="/24-7-locksmith"><p>24/7 Locksmith</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="/services"><p>Services</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="/areas-covered"><p>Areas Covered</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="/prices"><p>Prices</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="/join-our-team"><p>Join Our Team</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="/about"><p>About Us</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="/contact"><p>Contact</p></a>

    <!-- <a onClick="diShowHide('dipNavMenuDD')" href="#Why_us"><p>Why Us</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="#Team"><p>The Team</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="#Warranty"><p>Warranty</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="#Features"><p>Features</p></a>
    <a onClick="diShowHide('dipNavMenuDD')" href="#Facts"><p>Facts</p></a> -->
</div>