<% 
    if(typeof query !== "undefined" && query['q'] === "oferta_personalizata" ){
        metaTitle = "Locksmith Near Me - Fully vetted and with super positive reviews - 24hrs Locksmith"; 
    } else {
        metaTitle = "Emergency Locksmith Near Me - Fully vetted and with super positive reviews - 24hrs Locksmith"; 
    }
    metaDescr = "24hrs Locksmith Near Me - Professional Locksmith Services 24/7. There in 15 min. From 39£."; 
    seoNoIndex = "false";
    phoneNr = '';
%>
<%- include("../partials/headerView", {newPhone: phoneNr}) %>

<%- include("../partials/menuView", {newPhone: phoneNr}) %>

<%- include("../partials/homeTopTabsView", {newPhone: phoneNr}) %>

<%- include("../partials/theyTrustView") %>

<%- include("./partials/whyUsView") %>


<div class="container keys_card di_m_t_80px dip_p_0_10px di_b_r_10px">
    <div class="row">
        <div class="col-12 di_t_center">
            <h2>24h emergency locksmith</h2>
            <h2>- London -</h2>
            <p class="di_m_b_10px di_m_t_40px">Based in London, 24hrs Locksmith is widely acclaimed for offering comprehensive residential, automotive and commercial emergency locksmith London solutions. </p>

            <!-- <button class="btn di_bg_b di_clr_w">
                <span>Read more</span> 
            </button>
            <span> or </span> -->
            <a class="lock_mbl_call_btn" href="tel:<%= phoneNr %>" onClick="saveCallBtnClick('in_page');">
                <button class="btn keys_secondary_bg di_clr_w">
                    <span>Call us now</span> <img class="" style="margin-top: -5px; -webkit-transform: scaleX(-1); transform: scaleX(-1);" src ="/img/icons/phone_w.svg"/>
                </button>
            </a>
        </div>
    </div>
</div>

<div class="container di_m_t_80px dip_p_0_10px">
    <div class="row keys_card_padding di_clr_w di_b_r_10px keys_grad_orange">
        <div class="col-12 col-lg-6">
            <h2>Average response time:</h2>
            <h2 style="text-decoration: underline;">15 minutes</h2>
            <p class="di_m_b_10px di_m_t_40px">We know it's burning.</p>
            <p class="di_m_b_10px">And we're here to help you. Swiftly.</p>
        </div>
        <div class="col-12 col-lg-6">
            <img class="" style="bottom: 10px; right: 10px; max-width: 100%; max-height: 100%;" src="/img/media/keys_race_car.svg" alt="">
        </div>
    </div>
</div>

<%- include("../partials/theTeamView") %>

<%- include("../partials/warrantyView") %>

<%- include("../partials/featuresView") %>

<%- include("../partials/factsView") %>


<div class="container di_m_t_80px dip_p_0_10px">
    <div class="row keys_card_padding di_clr_w di_b_r_10px di_t_center keys_grad_b">
        <div class="col-12 col-lg-6">
            <h2>Areas we cover</h2>
            <p>We operate within London and around the outskirts.</p>
            <p>Our technologies are up to date for fast and efficient service delivery.</p>
        </div>
        <div class="col-12 col-lg-6 di_m_t_20px">
            <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d93625.92919164285!2d-0.1631125152938446!3d51.51759127893209!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sro!4v1682001870729!5m2!1sen!2sro" style="border:0; height: 100%; width: calc(100% + 40px); margin-left: -20px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
    </div>
</div>

<div class="container di_m_t_80px dip_p_0_10px di_clr_w">
    <div class="row keys_card_padding di_clr_w di_b_r_10px keys_grad_orange">
        <div class="col-12 col-lg-6">
            <h2 style="text-decoration: underline;">Affordable and efficient</h2>
            <h2>locksmith services</h2>
            <p class="di_m_b_10px di_m_t_40px">We know it's burning.</p>
            <p class="di_m_b_10px">And we're here to help you. Swiftly.</p>
        </div>
        <div class="col-12 col-lg-6">
            <img class="" style="max-width:100%;" src="/img/media/keys_partners.png" alt="">
        </div>
    </div>
</div>


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

<%- include("../partials/footerView", {hideLocation: 'true', newPhone: phoneNr}) %>