{"id":381,"date":"2025-11-20T20:11:10","date_gmt":"2025-11-20T20:11:10","guid":{"rendered":"https:\/\/blog.otbadvertising.co\/test\/?page_id=381"},"modified":"2026-02-04T20:15:30","modified_gmt":"2026-02-04T20:15:30","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/blog.otbadvertising.co\/test\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"381\" class=\"elementor elementor-381\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bc5086e e-flex e-con-boxed e-con e-parent\" data-id=\"bc5086e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-71ae1d8 e-con-full e-flex e-con e-child\" data-id=\"71ae1d8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4774e7 elementor-widget elementor-widget-image\" data-id=\"b4774e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"592\" src=\"https:\/\/blog.otbadvertising.co\/test\/wp-content\/uploads\/2025\/12\/Contact-us-page-e1765311119288-1024x758.png\" class=\"attachment-large size-large wp-image-767\" alt=\"\" srcset=\"https:\/\/blog.otbadvertising.co\/test\/wp-content\/uploads\/2025\/12\/Contact-us-page-e1765311119288-1024x758.png 1024w, https:\/\/blog.otbadvertising.co\/test\/wp-content\/uploads\/2025\/12\/Contact-us-page-e1765311119288-300x222.png 300w, https:\/\/blog.otbadvertising.co\/test\/wp-content\/uploads\/2025\/12\/Contact-us-page-e1765311119288-768x569.png 768w, https:\/\/blog.otbadvertising.co\/test\/wp-content\/uploads\/2025\/12\/Contact-us-page-e1765311119288-1536x1137.png 1536w, https:\/\/blog.otbadvertising.co\/test\/wp-content\/uploads\/2025\/12\/Contact-us-page-e1765311119288.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ba86fe e-flex e-con-boxed e-con e-parent\" data-id=\"1ba86fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e45bf3 elementor-widget elementor-widget-html\" data-id=\"1e45bf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Georgia', serif;\r\n            background-color: #fff;\r\n            padding: 20px;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 40px 20px;\r\n        }\r\n\r\n        .header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n       .header h2 {\r\n    font-size: 2.5rem;\r\n    color:  #E77547;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 15px;\r\n    font-weight: 400;\r\n    font-family:'Playfair Display', serif;\r\n    text-align: left;\r\n}\r\n\r\n.header p {\r\n    color: #7b5e48;\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    font-family: 'Montserrat', sans-serif;\r\n    text-align: left;\r\n}\r\n\r\n\r\n        .content-wrapper {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 80px;\r\n            align-items: start;\r\n        }\r\n\r\n        .form-section {\r\n            padding-right: 20px;\r\n        }\r\n\r\n        .info-section {\r\n            padding-left: 20px;\r\n            padding-top: 20px;\r\n        }\r\n\r\n        .form-group {\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .form-group label {\r\n            display: block;\r\n            font-size: 1.2rem;\r\n            color: #333;\r\n            margin-bottom: 10px;\r\n            font-weight: 600;\r\n            font-family:Playfair,display ;\r\n        }\r\n\r\n        .form-group input,\r\n        .form-group textarea {\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            border: 1px solid #e0e0e0;\r\n            border-radius: 4px;\r\n            font-size: 0.95rem;\r\n            font-family: inherit;\r\n            background-color: #fafafa;\r\n            transition: border-color 0.3s;\r\n        }\r\n\r\n        .form-group input:focus,\r\n        .form-group textarea:focus {\r\n            outline: none;\r\n            border-color: #E8734D;\r\n            background-color: #fff;\r\n        }\r\n\r\n        .form-group textarea {\r\n            resize: vertical;\r\n            min-height: 120px;\r\n        }\r\n\r\n        .checkbox-group {\r\n            margin: 30px 0;\r\n        }\r\n\r\n        .checkbox-group label {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            font-size: 0.85rem;\r\n            color: #666;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .checkbox-group input[type=\"checkbox\"] {\r\n            margin-right: 8px;\r\n            margin-top: 3px;\r\n            width: auto;\r\n        }\r\n\r\n        .submit-btn {\r\n            background-color: #E8734D;\r\n            color: white;\r\n            border: none;\r\n            padding: 15px 40px;\r\n            border-radius: 30px;\r\n            font-size: 1rem;\r\n            cursor: pointer;\r\n            transition: background-color 0.3s, transform 0.2s;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .submit-btn:hover {\r\n            background-color: #d65f39;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .submit-btn:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .submit-btn:disabled {\r\n            background-color: #ccc;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n        }\r\n\r\n        .contact-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .contact-info svg {\r\n            width: 24px;\r\n            height: 24px;\r\n            fill: #333;\r\n        }\r\n\r\n        .contact-info a {\r\n            color: #333;\r\n            text-decoration: none;\r\n            font-size: 1.1rem;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .newsletter-section h3 {\r\n            font-size: 1.3rem;\r\n            color: #333;\r\n            margin-bottom: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .newsletter-form {\r\n            display: flex;\r\n            gap: 10px;\r\n        }\r\n\r\n        .newsletter-form input {\r\n            flex: 1;\r\n            padding: 12px 15px;\r\n            border: 1px solid #e0e0e0;\r\n            border-radius: 4px;\r\n            font-size: 0.95rem;\r\n            background-color: #fafafa;\r\n        }\r\n\r\n        .newsletter-form button {\r\n            background-color: transparent;\r\n            border: 1px solid #e0e0e0;\r\n            padding: 12px 20px;\r\n            border-radius: 4px;\r\n            cursor: pointer;\r\n            transition: background-color 0.3s;\r\n            font-size: 1rem;\r\n            color: white;\r\n            font-family: Playfair,display;\r\n        }\r\n\r\n        .newsletter-form button:hover {\r\n            \/*background-color: #f5f5f5;*\/\r\n        }\r\n\r\n        .newsletter-form button:disabled {\r\n            \/*background-color: #f5f5f5;*\/\r\n            \/*cursor: not-allowed;*\/\r\n        }\r\n\r\n        .newsletter-checkbox {\r\n            margin-top: 15px;\r\n        }\r\n\r\n        .newsletter-checkbox label {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            font-size: 0.8rem;\r\n            color: #999;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .newsletter-checkbox input[type=\"checkbox\"] {\r\n            margin-right: 8px;\r\n            margin-top: 2px;\r\n        }\r\n\r\n        .message {\r\n            padding: 15px;\r\n            border-radius: 4px;\r\n            margin-bottom: 20px;\r\n            display: none;\r\n            animation: slideDown 0.3s ease;\r\n        }\r\n\r\n        @keyframes slideDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-10px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .message.success {\r\n            background-color: #d4edda;\r\n            color: #155724;\r\n            border: 1px solid #c3e6cb;\r\n        }\r\n\r\n        .message.error {\r\n            background-color: #f8d7da;\r\n            color: #721c24;\r\n            border: 1px solid #f5c6cb;\r\n        }\r\n\r\n        .message.show {\r\n            display: block;\r\n        }\r\n\r\n        @media (max-width: 968px) {\r\n            .content-wrapper {\r\n                grid-template-columns: 1fr;\r\n                gap: 50px;\r\n            }\r\n\r\n            .form-section,\r\n            .info-section {\r\n                padding: 0;\r\n            }\r\n\r\n            .header h1 {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .header h1 {\r\n                font-size: 1.75rem;\r\n                letter-spacing: 1px;\r\n            }\r\n\r\n            .header p {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .newsletter-form {\r\n                flex-direction: column;\r\n            }\r\n\r\n            .submit-btn {\r\n                width: 100%;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"container\">\r\n        <div class=\"header\">\r\n            <h2>LET'S CONNECT<\/h2>\r\n            <p>Every great move begins with a conversation. Tell Laurie about your goals, she'll take care of the rest.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"content-wrapper\">\r\n            <div class=\"form-section\">\r\n                <div id=\"formMessage\" class=\"message\"><\/div>\r\n                \r\n                <form id=\"contactForm\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"name\">Your Name<\/label>\r\n                        <input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Name\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label for=\"email\">Your Email<\/label>\r\n                        <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"Email\" required>\r\n                    <\/div>\r\n\r\n                    <div class=\"form-group\">\r\n                        <label for=\"message\">Your Message<\/label>\r\n                        <textarea id=\"message\" name=\"message\" placeholder=\"Message\" required><\/textarea>\r\n                    <\/div>\r\n\r\n                    <div class=\"checkbox-group\">\r\n                        <label>\r\n                            <input type=\"checkbox\" name=\"consent\" id=\"consent\" required>\r\n                            <span>I agree that my submitted data is being collected and stored.<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"checkbox-group\">\r\n                        <label>\r\n                            <input type=\"checkbox\" name=\"newsletter-consent\" id=\"contact-newsletter-consent\">\r\n                            <span>Subscribe to our newsletter for updates and insights.<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\" style=\"background-color:#E77547;font-family:Playfair,Display;font-size:18px\">Send Message<\/button>\r\n                <\/form>\r\n            <\/div>\r\n\r\n            <div class=\"info-section\">\r\n                <div class=\"contact-info\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                        <path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/>\r\n                    <\/svg>\r\n                    <a href=\"mailto:info@laurieboback.com\">Laurie@boback.net<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"newsletter-section\">\r\n                    <h3 style=\"font-family:Playfair,Display;font-size:30px\">Newsletter<\/h3>\r\n                    <div id=\"newsletterMessage\" class=\"message\"><\/div>\r\n                    \r\n                    <form class=\"newsletter-form\" id=\"newsletterForm\">\r\n                        <input type=\"email\" name=\"newsletter_email\" id=\"newsletter_email\" placeholder=\"Your email\" required>\r\n                        <button type=\"submit\" id=\"newsletterBtn\"style=\"background-color:#E77547\">SUBSCRIBE<\/button>\r\n                    <\/form>\r\n                    \r\n                    <div class=\"newsletter-checkbox\">\r\n                        <label>\r\n                            <input type=\"checkbox\" name=\"newsletter-consent\" id=\"newsletter-newsletter-consent\">\r\n                            <span>I agree that my submitted data is being collected and stored<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n    \/\/ const ajaxUrl = window.location.origin + '\/wp-admin\/admin-ajax.php';\r\n    const ajaxUrl = 'https:\/\/blog.otbadvertising.co\/test\/wp-admin\/admin-ajax.php';\r\n\r\n    \/* ================= CONTACT FORM ================= *\/\r\n    document.getElementById('contactForm').addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n\r\n        const submitBtn = document.getElementById('submitBtn');\r\n        const messageDiv = document.getElementById('formMessage');\r\n        const form = this;\r\n\r\n        \/\/ Consent check\r\n        if (!document.getElementById('contact-newsletter-consent').checked &&\r\n            document.getElementById('consent').required) {\r\n            messageDiv.className = 'message error show';\r\n            messageDiv.textContent = 'Please agree to the data collection policy.';\r\n            return;\r\n        }\r\n\r\n        const formData = new FormData();\r\n        formData.append('action', 'send_contact_form');\r\n        formData.append('name', document.getElementById('name').value);\r\n        formData.append('email', document.getElementById('email').value);\r\n        formData.append('message', document.getElementById('message').value);\r\n        formData.append(\r\n            'newsletter',\r\n            document.getElementById('contact-newsletter-consent').checked ? '1' : '0'\r\n        );\r\n\r\n        submitBtn.disabled = true;\r\n        submitBtn.textContent = 'Sending...';\r\n        messageDiv.className = 'message';\r\n\r\n        fetch(ajaxUrl, {\r\n            method: 'POST',\r\n            body: formData,\r\n            credentials: 'same-origin'\r\n        })\r\n        .then(res => res.json())\r\n        .then(data => {\r\n            messageDiv.className =\r\n                'message ' + (data.success ? 'success' : 'error') + ' show';\r\n            messageDiv.textContent = data.success\r\n                ? data.data.message\r\n                : data.data.message;\r\n\r\n            if (data.success) {\r\n                form.reset();\r\n            }\r\n\r\n            submitBtn.disabled = false;\r\n            submitBtn.textContent = 'Send Message';\r\n        })\r\n        .catch(() => {\r\n            messageDiv.className = 'message error show';\r\n            messageDiv.textContent = 'Something went wrong.';\r\n            submitBtn.disabled = false;\r\n            submitBtn.textContent = 'Send Message';\r\n        });\r\n    });\r\n\r\n    \/* ================= NEWSLETTER FORM ================= *\/\r\n    \/\/ ================= NEWSLETTER FORM =================\r\ndocument.getElementById('newsletterForm').addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n\r\n    const newsletterBtn = document.getElementById('newsletterBtn');\r\n    const messageDiv = document.getElementById('newsletterMessage');\r\n    const form = this;\r\n\r\n    const newsletterEmail = document.getElementById('newsletter_email').value;\r\n    const newsletterConsent = document.getElementById('newsletter-newsletter-consent').checked;\r\n\r\n    if (!newsletterConsent) {\r\n        messageDiv.className = 'message error show';\r\n        messageDiv.textContent = 'Please agree to the data collection policy.';\r\n        return;\r\n    }\r\n\r\n    const formData = new FormData();\r\n    formData.append('action', 'send_newsletter_signup'); \/\/ \u2705 correct action\r\n    formData.append('name', 'Newsletter Subscriber');\r\n    formData.append('email', newsletterEmail);\r\n\r\n    newsletterBtn.disabled = true;\r\n    newsletterBtn.textContent = 'SENDING...';\r\n    messageDiv.className = 'message';\r\n\r\n    fetch(ajaxUrl, {\r\n        method: 'POST',\r\n        body: formData,\r\n        credentials: 'same-origin'\r\n    })\r\n    .then(res => res.json())\r\n    .then(data => {\r\n        messageDiv.className =\r\n            'message ' + (data.success ? 'success' : 'error') + ' show';\r\n        messageDiv.textContent = data.success\r\n            ? 'Thank you for subscribing to our newsletter!'\r\n            : data.data.message;\r\n\r\n        if (data.success) {\r\n            form.reset();\r\n        }\r\n\r\n        newsletterBtn.disabled = false;\r\n        newsletterBtn.textContent = 'SUBSCRIBE';\r\n    })\r\n    .catch(() => {\r\n        messageDiv.className = 'message error show';\r\n        messageDiv.textContent = 'Something went wrong.';\r\n        newsletterBtn.disabled = false;\r\n        newsletterBtn.textContent = 'SUBSCRIBE';\r\n    });\r\n});\r\n\r\n<\/script>\r\n\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>LET&#8217;S CONNECT Every great move begins with a conversation. Tell Laurie about your goals, she&#8217;ll take care of the rest. Your Name Your Email Your Message I agree that my submitted data is being collected and stored. Subscribe to our newsletter for updates and insights. Send Message Laurie@boback.net Newsletter SUBSCRIBE I agree that my submitted [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blog.otbadvertising.co\/test\/wp-json\/wp\/v2\/pages\/381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.otbadvertising.co\/test\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.otbadvertising.co\/test\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.otbadvertising.co\/test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.otbadvertising.co\/test\/wp-json\/wp\/v2\/comments?post=381"}],"version-history":[{"count":112,"href":"https:\/\/blog.otbadvertising.co\/test\/wp-json\/wp\/v2\/pages\/381\/revisions"}],"predecessor-version":[{"id":977,"href":"https:\/\/blog.otbadvertising.co\/test\/wp-json\/wp\/v2\/pages\/381\/revisions\/977"}],"wp:attachment":[{"href":"https:\/\/blog.otbadvertising.co\/test\/wp-json\/wp\/v2\/media?parent=381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}