{"id":2065,"date":"2025-10-09T19:24:28","date_gmt":"2025-10-09T19:24:28","guid":{"rendered":"https:\/\/17minlocksmithkc.com\/?page_id=2065"},"modified":"2026-05-30T21:09:33","modified_gmt":"2026-05-30T21:09:33","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/17minlocksmithkc.com\/?page_id=2065","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2065\" class=\"elementor elementor-2065\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2456fe e-con-full e-flex e-con e-parent\" data-id=\"e2456fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcc0634 elementor-widget elementor-widget-html\" data-id=\"fcc0634\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"contact-us-page\">\r\n    <!-- Breadcrumb Navigation -->\r\n    <div class=\"breadcrumbs\" style=\"background: #f8fafc; padding: 15px 0; margin-bottom: 30px;\">\r\n        <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\r\n            <a href=\"\/\" style=\"color: #f59e0b; text-decoration: none;\">Home<\/a> \r\n            <span style=\"margin: 0 10px; color: #6b7280;\">><\/span>\r\n            <span style=\"color: #1a2332;\">Contact Us<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"contact-hero\" style=\"background: linear-gradient(135deg, #1a2332 0%, #2d3748 100%); color: white; padding: 80px 0; text-align: center;\">\r\n        <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\r\n            <h1 style=\"font-size: 3.5rem; margin-bottom: 20px; color: white;\">Contact 17 Minutes Locksmith<\/h1>\r\n            <p style=\"font-size: 1.4rem; margin-bottom: 30px; max-width: 800px; margin-left: auto; margin-right: auto;\">\r\n                Get in Touch with Kansas City's Trusted Security Experts\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact Form & Info -->\r\n    <section style=\"padding: 80px 0; background: white;\">\r\n        <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\r\n            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 60px;\">\r\n                <!-- Contact Form -->\r\n                <div>\r\n                    <h2 style=\"color: #1a2332; font-size: 2.5rem; margin-bottom: 30px;\">Send Us a Message<\/h2>\r\n                    <form id=\"contactForm\" style=\"background: #f8fafc; padding: 40px; border-radius: 10px;\">\r\n                        <div style=\"margin-bottom: 20px;\">\r\n                            <label style=\"display: block; margin-bottom: 8px; font-weight: bold; color: #1a2332;\">Your Name *<\/label>\r\n                            <input type=\"text\" required style=\"width: 100%; padding: 12px; border: 2px solid #e5e7eb; border-radius: 6px; font-size: 1rem;\">\r\n                        <\/div>\r\n                        \r\n                        <div style=\"margin-bottom: 20px;\">\r\n                            <label style=\"display: block; margin-bottom: 8px; font-weight: bold; color: #1a2332;\">Phone Number *<\/label>\r\n                            <input type=\"tel\" required style=\"width: 100%; padding: 12px; border: 2px solid #e5e7eb; border-radius: 6px; font-size: 1rem;\">\r\n                        <\/div>\r\n                        \r\n                        <div style=\"margin-bottom: 20px;\">\r\n                            <label style=\"display: block; margin-bottom: 8px; font-weight: bold; color: #1a2332;\">Email Address<\/label>\r\n                            <input type=\"email\" style=\"width: 100%; padding: 12px; border: 2px solid #e5e7eb; border-radius: 6px; font-size: 1rem;\">\r\n                        <\/div>\r\n                        \r\n                        <div style=\"margin-bottom: 20px;\">\r\n                            <label style=\"display: block; margin-bottom: 8px; font-weight: bold; color: #1a2332;\">Service Needed<\/label>\r\n                            <select style=\"width: 100%; padding: 12px; border: 2px solid #e5e7eb; border-radius: 6px; font-size: 1rem;\">\r\n                                <option value=\"\">Select a Service<\/option>\r\n                                <option value=\"emergency\">Emergency Lockout<\/option>\r\n                                <option value=\"automotive\">Automotive Locksmith<\/option>\r\n                                <option value=\"residential\">Residential Security<\/option>\r\n                                <option value=\"commercial\">Commercial Security<\/option>\r\n                                <option value=\"rekeying\">Rekeying Services<\/option>\r\n                                <option value=\"other\">Other<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n                        \r\n                        <div style=\"margin-bottom: 25px;\">\r\n                            <label style=\"display: block; margin-bottom: 8px; font-weight: bold; color: #1a2332;\">Message *<\/label>\r\n                            <textarea required rows=\"5\" style=\"width: 100%; padding: 12px; border: 2px solid #e5e7eb; border-radius: 6px; font-size: 1rem;\"><\/textarea>\r\n                        <\/div>\r\n                        \r\n                        <button type=\"submit\" style=\"background: #f59e0b; color: #1a2332; padding: 15px 30px; border: none; border-radius: 6px; font-weight: bold; font-size: 1.1rem; cursor: pointer; width: 100%;\">\r\n                            Send Message\r\n                        <\/button>\r\n                    <\/form>\r\n                <\/div>\r\n\r\n                <!-- Contact Information -->\r\n                <div>\r\n                    <h2 style=\"color: #1a2332; font-size: 2.5rem; margin-bottom: 30px;\">Get In Touch<\/h2>\r\n                    \r\n                    <div style=\"background: #1a2332; color: white; padding: 40px; border-radius: 10px; margin-bottom: 30px;\">\r\n                        <h3 style=\"color: #f59e0b; margin-bottom: 20px; font-size: 1.5rem;\">Emergency Service Available<\/h3>\r\n                        <a href=\"tel:8162878407\" style=\"display: block; background: #f59e0b; color: #1a2332; padding: 15px; text-align: center; text-decoration: none; border-radius: 6px; font-weight: bold; font-size: 1.3rem; margin-bottom: 20px;\">\r\n                            \ud83d\udcde Call Now: (816) 287-8407\r\n                        <\/a>\r\n                        <p style=\"color: #d1d5db; text-align: center;\">\r\n                            Available 7 Days a Week \u2022 24-7 Service\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div style=\"margin-bottom: 30px;\">\r\n                        <h3 style=\"color: #1a2332; margin-bottom: 20px;\">Contact Information<\/h3>\r\n                        \r\n                        <div style=\"display: flex; align-items: center; margin-bottom: 15px; padding: 15px; background: #f8fafc; border-radius: 6px;\">\r\n                            <div style=\"background: #f59e0b; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\r\n                                <span style=\"color: #1a2332;\">\ud83d\udcde<\/span>\r\n                            <\/div>\r\n                            <div>\r\n                                <div style=\"font-weight: bold; color: #1a2332;\">Phone<\/div>\r\n                                <a href=\"tel:8162878407\" style=\"color: #4b5563; text-decoration: none;\">(816) 287-8407<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div style=\"display: flex; align-items: center; margin-bottom: 15px; padding: 15px; background: #f8fafc; border-radius: 6px;\">\r\n                            <div style=\"background: #1a2332; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\r\n                                <span style=\"color: #f59e0b;\">\ud83d\udce7<\/span>\r\n                            <\/div>\r\n                            <div>\r\n                                <div style=\"font-weight: bold; color: #1a2332;\">Email<\/div>\r\n                                <a href=\"mailto:info@17minuteslocksmith.com\" style=\"color: #4b5563; text-decoration: none;\">17minlocksmithkc@gmail.com <\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div style=\"display: flex; align-items: center; padding: 15px; background: #f8fafc; border-radius: 6px;\">\r\n                            <div style=\"background: #f59e0b; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px;\">\r\n                                <span style=\"color: #1a2332;\">\ud83d\udd52<\/span>\r\n                            <\/div>\r\n                            <div>\r\n                                <div style=\"font-weight: bold; color: #1a2332;\">Service Hours<\/div>\r\n                                <div style=\"color: #4b5563;\">Mon - Sun: 24-7 Service<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        <h3 style=\"color: #1a2332; margin-bottom: 15px;\">Service Area<\/h3>\r\n                        <div style=\"background: #f8fafc; padding: 20px; border-radius: 6px;\">\r\n                            <p style=\"color: #4b5563; margin-bottom: 10px;\">\r\n                                We proudly serve the entire Kansas City Metro area including:\r\n                            <\/p>\r\n                            <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 10px;\">\r\n                                <div style=\"color: #4b5563;\">\u2713 Kansas City, MO<\/div>\r\n                                <div style=\"color: #4b5563;\">\u2713 Overland Park<\/div>\r\n                                <div style=\"color: #4b5563;\">\u2713 Independence<\/div>\r\n                                <div style=\"color: #4b5563;\">\u2713 Olathe<\/div>\r\n                                <div style=\"color: #4b5563;\">\u2713 Lee's Summit<\/div>\r\n                                <div style=\"color: #4b5563;\">\u2713 Shawnee<\/div>\r\n                                <div style=\"color: #4b5563;\">\u2713 Blue Springs<\/div>\r\n                                <div style=\"color: #4b5563;\">\u2713 Lenexa<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    \r\n\r\n    <!-- CTA Section -->\r\n    <section style=\"padding: 80px 0; background: #1a2332; color: white; text-align: center;\">\r\n        <div class=\"container\" style=\"max-width: 800px; margin: 0 auto; padding: 0 20px;\">\r\n            <h2 style=\"font-size: 2.5rem; margin-bottom: 20px; color: white;\">Ready to Get Started?<\/h2>\r\n            <p style=\"font-size: 1.2rem; margin-bottom: 40px; color: #d1d5db;\">\r\n                Contact us today for professional locksmith services you can trust\r\n            <\/p>\r\n            <div style=\"display: flex; gap: 20px; justify-content: center; flex-wrap: wrap;\">\r\n                <a href=\"tel:8162878407\" style=\"background: #f59e0b; color: #1a2332; padding: 18px 35px; text-decoration: none; border-radius: 8px; font-weight: bold; font-size: 1.2rem; display: inline-flex; align-items: center; gap: 10px;\">\r\n                    \ud83d\udcde Call Now: (816) 287-8407\r\n                <\/a>\r\n                <a href=\"#contactForm\" style=\"background: transparent; color: white; padding: 18px 35px; text-decoration: none; border: 2px solid #f59e0b; border-radius: 8px; font-weight: bold; font-size: 1.2rem;\">\r\n                    Send Message\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Back to Home -->\r\n    <section style=\"padding: 40px 0; background: #f8fafc; text-align: center;\">\r\n        <div class=\"container\" style=\"max-width: 1200px; margin: 0 auto; padding: 0 20px;\">\r\n            <a href=\"\/\" style=\"color: #1a2332; text-decoration: none; font-weight: bold; font-size: 1.1rem; display: inline-flex; align-items: center; gap: 10px;\">\r\n                \u2190 Back to Home Page\r\n            <\/a>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    \/\/ FAQ Accordion functionality\r\n    const faqItems = document.querySelectorAll('.faq-item');\r\n    \r\n    faqItems.forEach(item => {\r\n        const question = item.querySelector('.faq-question');\r\n        const answer = item.querySelector('.faq-answer');\r\n        \r\n        question.addEventListener('click', () => {\r\n            const isOpen = answer.style.maxHeight && answer.style.maxHeight !== '0px';\r\n            \r\n            \/\/ Close all other items\r\n            faqItems.forEach(otherItem => {\r\n                if (otherItem !== item) {\r\n                    otherItem.querySelector('.faq-answer').style.maxHeight = '0';\r\n                    otherItem.querySelector('.faq-question span').textContent = '+';\r\n                }\r\n            });\r\n            \r\n            \/\/ Toggle current item\r\n            if (isOpen) {\r\n                answer.style.maxHeight = '0';\r\n                question.querySelector('span').textContent = '+';\r\n            } else {\r\n                answer.style.maxHeight = answer.scrollHeight + 'px';\r\n                question.querySelector('span').textContent = '\u2212';\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Contact form submission\r\n    const contactForm = document.getElementById('contactForm');\r\n    contactForm.addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        alert('Thank you for your message! We will contact you shortly.');\r\n        contactForm.reset();\r\n    });\r\n});\r\n<\/script>\r\n\r\n<style>\r\n\/* Responsive Design *\/\r\n@media (max-width: 768px) {\r\n    .contact-hero h1 {\r\n        font-size: 2.5rem !important;\r\n    }\r\n    \r\n    .container {\r\n        padding: 0 15px !important;\r\n    }\r\n    \r\n    section > .container > div[style*=\"grid-template-columns: 1fr 1fr\"] {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 30px !important;\r\n    }\r\n    \r\n    section > .container > div[style*=\"grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))\"] {\r\n        grid-template-columns: 1fr !important;\r\n    }\r\n}\r\n\r\n\/* Smooth scrolling for anchor links *\/\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n\/* Hover effects *\/\r\na[href*=\"\/contact\"], a[href*=\"tel:\"] {\r\n    transition: all 0.3s ease;\r\n}\r\n\r\na[href*=\"\/contact\"]:hover, a[href*=\"tel:\"]:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Form styling *\/\r\ninput, select, textarea {\r\n    transition: border-color 0.3s ease;\r\n}\r\n\r\ninput:focus, select:focus, textarea:focus {\r\n    outline: none;\r\n    border-color: #f59e0b !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home > Contact Us Contact 17 Minutes Locksmith Get in Touch with Kansas City&#8217;s Trusted Security Experts Send Us a Message Your Name * Phone Number * Email Address Service Needed Select a ServiceEmergency LockoutAutomotive LocksmithResidential SecurityCommercial SecurityRekeying ServicesOther Message * Send Message Get In Touch Emergency Service Available \ud83d\udcde Call Now: (816) 287-8407 Available [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2065","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/17minlocksmithkc.com\/index.php?rest_route=\/wp\/v2\/pages\/2065","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/17minlocksmithkc.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/17minlocksmithkc.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/17minlocksmithkc.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/17minlocksmithkc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2065"}],"version-history":[{"count":10,"href":"https:\/\/17minlocksmithkc.com\/index.php?rest_route=\/wp\/v2\/pages\/2065\/revisions"}],"predecessor-version":[{"id":2126,"href":"https:\/\/17minlocksmithkc.com\/index.php?rest_route=\/wp\/v2\/pages\/2065\/revisions\/2126"}],"wp:attachment":[{"href":"https:\/\/17minlocksmithkc.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2065"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}