{"id":665,"date":"2026-07-09T16:34:30","date_gmt":"2026-07-09T16:34:30","guid":{"rendered":"https:\/\/mayfair.jrtechnology.com.pk\/?page_id=665"},"modified":"2026-08-28T21:24:23","modified_gmt":"2026-08-28T21:24:23","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"665\" class=\"elementor elementor-665\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b02f889 e-con e-atomic-element e-flexbox-base e-default-div e-0b5b7ba \" data-id=\"b02f889\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b02f889\">\n    \t\t<div class=\"elementor-element elementor-element-3dec0b1 elementor-widget elementor-widget-html\" data-id=\"3dec0b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mf-about-hero\">\r\n    <div class=\"mf-hero-content\">\r\n        <h1>Contact & Booking<\/h1>\r\n        <p>Book your safety assessment or get in touch with our team.<\/p>\r\n    <\/div>\r\n<\/section>\r\n\r\n<section class=\"mf-contact-booking\">\r\n    <div class=\"mf-cb-container\">\r\n        \r\n        <div class=\"mf-info-side\">\r\n            <h2>Get In Touch<\/h2>\r\n            <p>We are here to help with all your fire and electrical safety needs. Reach out to our team for a professional consultation.<\/p>\r\n            <div class=\"mf-contact-details\">\r\n                <p><strong>Phone:<\/strong> <a href=\"tel:02039832551\">02039832551<\/a> | <a href=\"tel:+442039832551\">+44 20 3983 2551<\/a><\/p>\r\n                <p><strong>Company No:<\/strong> 17301876<\/p>\r\n                <p><strong>Office:<\/strong> SIU Office, Unit A1221, 4-6 Greatorex Street, London E1 5NF<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mf-form-side\">\r\n            <form id=\"bookingForm\" class=\"mf-form\" action=\"https:\/\/formsubmit.co\/ajax\/info@mayfairsafetygroup.co.uk\" method=\"POST\">\r\n                <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n                <input type=\"hidden\" name=\"_subject\" value=\"New Safety Assessment Booking\">\r\n\r\n                <div class=\"mf-input-group\">\r\n                    <input type=\"text\" name=\"Full_Name\" placeholder=\"Full Name\" required>\r\n                    <input type=\"email\" name=\"Email_Address\" placeholder=\"Email Address\" required>\r\n                <\/div>\r\n                <div class=\"mf-input-group\">\r\n                    <input type=\"tel\" name=\"Phone_Number\" placeholder=\"Phone Number\" required>\r\n                    <select name=\"Service_Required\" required>\r\n                        <option value=\"\" disabled selected>Select Service<\/option>\r\n                        <option value=\"Emergency Lighting\">Emergency Lighting<\/option>\r\n                        <option value=\"Fire Door Certification\">Fire Door Certification<\/option>\r\n                        <option value=\"Fire Extinguisher\">Fire Extinguisher<\/option>\r\n                        <option value=\"Residential EICR\">Residential EICR<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <textarea name=\"Message\" placeholder=\"Your Message or Requirements\" rows=\"4\"><\/textarea>\r\n                <button type=\"submit\" id=\"mfSubmitBtn\" class=\"mf-submit-btn\">Send Booking Request<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* Hero Styles *\/\r\n    .mf-about-hero {\r\n        position: relative;\r\n        min-height: 40vh;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        \/* Desktop padding to prevent header overlap *\/\r\n        padding-top: 150px; \r\n        padding-bottom: 50px;\r\n        background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https:\/\/mayfairsafetygroup.co.uk\/wp-content\/uploads\/2026\/07\/Sec-1-dark-9-scaled.webp');\r\n        background-size: cover;\r\n        background-position: center;\r\n    }\r\n    body.light-mode .mf-about-hero {\r\n        background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url('https:\/\/mayfairsafetygroup.co.uk\/wp-content\/uploads\/2026\/07\/Sec-1-bright-8-scaled.webp');\r\n    }\r\n    .mf-hero-content h1 { color: #EAB308; font-size: 3rem; text-transform: uppercase; }\r\n    .mf-hero-content p { color: #fff; font-size: 1.2rem; }\r\n    body.light-mode .mf-hero-content h1, body.light-mode .mf-hero-content p { color: #111; }\r\n\r\n    \/* Contact & Form Layout *\/\r\n    .mf-contact-booking { padding: 80px 10%; background: #050505; transition: 0.3s; }\r\n    body.light-mode .mf-contact-booking { background: #fff; }\r\n\r\n    .mf-cb-container { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; max-width: 1200px; margin: 0 auto; }\r\n\r\n    \/* Text Styles *\/\r\n    .mf-info-side h2 { color: #EAB308; margin-bottom: 20px; text-transform: uppercase; }\r\n    .mf-info-side p { color: #ccc; margin-bottom: 20px; line-height: 1.6; }\r\n    body.light-mode .mf-info-side p { color: #555; }\r\n    .mf-contact-details a { color: #EAB308; text-decoration: none; font-weight: bold; }\r\n\r\n    \/* Form Styles *\/\r\n    .mf-form { display: flex; flex-direction: column; gap: 15px; }\r\n    .mf-input-group { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\r\n    \r\n    \/* Fixed Input and Select Height to prevent text cutoff *\/\r\n    .mf-form input, .mf-form select {\r\n        height: 52px;\r\n        padding: 0 15px;\r\n        background: rgba(255,255,255,0.05); border: 1px solid #333;\r\n        color: #fff; border-radius: 4px; outline: none; transition: 0.3s;\r\n        box-sizing: border-box;\r\n        font-family: inherit;\r\n        font-size: 16px;\r\n    }\r\n    \r\n    \/* Textarea gets normal padding *\/\r\n    .mf-form textarea {\r\n        padding: 15px;\r\n        background: rgba(255,255,255,0.05); border: 1px solid #333;\r\n        color: #fff; border-radius: 4px; outline: none; transition: 0.3s;\r\n        box-sizing: border-box;\r\n        font-family: inherit;\r\n        font-size: 16px;\r\n        resize: vertical;\r\n    }\r\n\r\n    body.light-mode .mf-form input, body.light-mode .mf-form select, body.light-mode .mf-form textarea {\r\n        background: #f0f0f0; border: 1px solid #ddd; color: #333;\r\n    }\r\n\r\n    \/* Select Dropdown Specific Fix *\/\r\n    .mf-form select {\r\n        -webkit-appearance: none;\r\n        -moz-appearance: none;\r\n        appearance: none;\r\n        cursor: pointer;\r\n        \/* Custom arrow SVG for dark mode *\/\r\n        background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n        background-repeat: no-repeat !important;\r\n        background-position: right 15px center !important;\r\n        background-size: 16px !important;\r\n        padding-right: 40px; \r\n    }\r\n    body.light-mode .mf-form select {\r\n        \/* Custom arrow SVG for light mode *\/\r\n        background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n        background-repeat: no-repeat !important;\r\n        background-position: right 15px center !important;\r\n        background-size: 16px !important;\r\n    }\r\n\r\n    \/* Fix for invisible options (white on white issue) *\/\r\n    .mf-form option {\r\n        background-color: #1a1a1a;\r\n        color: #ffffff;\r\n        padding: 10px;\r\n    }\r\n    body.light-mode .mf-form option {\r\n        background-color: #ffffff;\r\n        color: #333333;\r\n    }\r\n\r\n    .mf-form input:focus, .mf-form textarea:focus, .mf-form select:focus { border-color: #EAB308; }\r\n\r\n    .mf-submit-btn {\r\n        background: #EAB308; color: #000; padding: 15px; border: none;\r\n        font-weight: 800; text-transform: uppercase; cursor: pointer; transition: 0.3s;\r\n    }\r\n    .mf-submit-btn:hover { background: #fff; transform: scale(1.02); }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 768px) {\r\n        .mf-about-hero { \r\n            padding-top: 130px; \/* Mobile padding to prevent header overlap *\/\r\n        }\r\n        .mf-cb-container { grid-template-columns: 1fr; }\r\n        .mf-input-group { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.getElementById('bookingForm').addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        const form = this;\r\n        const btn = document.getElementById('mfSubmitBtn');\r\n        const originalText = btn.innerHTML;\r\n\r\n        btn.innerHTML = 'Sending...';\r\n        btn.disabled = true;\r\n\r\n        const formData = new FormData(form);\r\n\r\n        fetch(form.action, {\r\n            method: 'POST',\r\n            body: formData,\r\n            headers: { 'Accept': 'application\/json' }\r\n        })\r\n        .then(response => {\r\n            if (response.ok) {\r\n                btn.innerHTML = 'Request Sent Successfully!';\r\n                form.reset();\r\n                setTimeout(() => {\r\n                    btn.innerHTML = originalText;\r\n                    btn.disabled = false;\r\n                }, 4000);\r\n            } else {\r\n                throw new Error('Form submission failed');\r\n            }\r\n        })\r\n        .catch(error => {\r\n            btn.innerHTML = 'Failed. Try Again';\r\n            btn.disabled = false;\r\n            setTimeout(() => { btn.innerHTML = originalText; }, 3000);\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact &#038; Booking Book your safety assessment or get in touch with our team. Get In Touch We are here [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-665","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=665"}],"version-history":[{"count":22,"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/665\/revisions"}],"predecessor-version":[{"id":817,"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/665\/revisions\/817"}],"wp:attachment":[{"href":"https:\/\/mayfairsafetygroup.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}