<%  
    metaTitle = "Contact Us - 24hrs Locksmith - Emergency Locksmith always at your disposal"; 
    metaDescr = "Looking for a Locksmith Near You? Look no further, we'll be there in 15 min."; 
    seoNoIndex = "false"; 

    if(typeof(newPhone) !== "undefined" && newPhone){
        phoneNr = newPhone;
    } else {
        phoneNr = process.env.WEB_PHONE;
    }
%>
<%- include("../partials/headerView") %>

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

<div class="container di_m_t_20px">
    <div class="row dip_p_0_10px">
        <div class="col-12">
            <img class="di_w_75P di_w_lg_35P di_m_t_10px di_m_b_10px" src="uploads/img/media/locksmith_contact.svg"/>
        </div>
        <div class="col-12">
            <h1 class="h2 di_m_b_20px">Contact us</h1>

            <a class="lock_mbl_call_btn" href="tel:<%= phoneNr %>" onClick="saveCallBtnClick('in_page');">
                <button class="btn keys_secondary_bg di_clr_w di_p_t_0">
                    <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_w di_d_inline_block di_p_relative" style="top: 7px; mask-image: url(/img/icons/phone_w.svg); -webkit-mask-image: url(/img/icons/phone_w.svg); "></div>
                    <span>Call us now</span>
                </button>
                </br>
            </a>
            <a href="mailto:<%= process.env.WEB_EMAIL %>">
                <button class="btn di_m_t_20px di_p_t_0" style="border: 1px solid #000;">
                    <div class="rc_mask_icon di_op_7 di_size_25px di_m_r_5px di_bg_b di_d_inline_block di_p_relative" style="top: 7px; mask-image: url(/img/icons/mail_FILL0_wght400_GRAD0_opsz48.svg); -webkit-mask-image: url(/img/icons/mail_FILL0_wght400_GRAD0_opsz48.svg); "></div>
                    <span><%= process.env.WEB_EMAIL %></span> 
                </button>
            </a>

            <p class="di_m_t_20px">Thank you for your interest in 24hrs Locksmith, your trusted locksmith service provider. </p>
            <p>
                We are dedicated to providing top-notch locksmith solutions to ensure the safety and security of your property. If you have any questions, concerns, or require our professional assistance, please don't hesitate to reach out to us. 
            </p>
            <p>
                Our team of skilled locksmiths is ready to assist you.
            </p>
                
        </div>
        <!-- <div class="col-12 di_m_t_20px">
            <img class="di_w_75P di_w_lg_35P di_m_t_10px di_m_b_10px" src="uploads/img/media/locksmith_feedback.svg"/>
            <h2 class="h5">We Value Your Feedback:</h2>
            <p>Your satisfaction is our priority. If you have any feedback, suggestions, or testimonials, we would love to hear from you. Your input helps us improve our services and serve you better.</p>
        </div> -->

        <div id="Warranty" class="di_m_t_20px lock_lg_grid_2_col" style="display: grid; gap: 1.25rem; align-content: flex-start;">

            <%- include("../partials/cardView", {
                title: 'We Value Your Feedback:', 
                description: 'Your satisfaction is our priority. If you have any feedback, suggestions, or testimonials, we would love to hear from you. Your input helps us improve our services and serve you better.', 
                img: '/uploads/img/media/locksmith_feedback.svg', 
                imgPos: 'left', 
                contClasses: 'container keys_card di_clr_w lock_grid_2', 
                rowClasses: 'di_h_100P di_clr_w ', 
                colClasses: 'di_m_auto', 
                imgClasses: 'di_w_100P di_m_t_10px di_m_b_10px', 
                h: 'h4'
            }) %>

        </div>

    </div>
</div>


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