{"id":42,"date":"2026-05-05T06:41:55","date_gmt":"2026-05-05T06:41:55","guid":{"rendered":"https:\/\/seotoolspro.online\/blog\/?page_id=42"},"modified":"2026-05-05T17:35:26","modified_gmt":"2026-05-05T17:35:26","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/seotoolspro.online\/blog\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Contact Us \u2013 SEOToolsPro<\/title>\n    <meta name=\"description\" content=\"Get in touch with SEOToolsPro. Have questions about our SEO tools or need help? Reach out \u2014 we reply within 24 hours.\">\n    <style>\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n\n        body {\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\n            background: #000000;\n            color: #e0e0e0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n            padding: 2rem;\n            position: relative;\n            overflow-x: hidden;\n        }\n\n        \/* Neon grid background *\/\n        body::before {\n            content: '';\n            position: fixed;\n            top: 0; left: 0;\n            width: 100%; height: 100%;\n            background-image:\n                linear-gradient(rgba(0, 255, 255, 0.04) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 0, 255, 0.04) 1px, transparent 1px);\n            background-size: 50px 50px;\n            z-index: 0;\n            pointer-events: none;\n        }\n\n        .page-container {\n            width: 100%;\n            max-width: 1150px;\n            position: relative;\n            z-index: 1;\n            display: flex;\n            flex-direction: column;\n            gap: 3rem;\n        }\n\n        \/* Two\u2011column contact section *\/\n        .contact-wrapper {\n            display: grid;\n            grid-template-columns: 1fr 1.2fr;\n            gap: 2.5rem;\n        }\n\n        \/* Info card *\/\n        .contact-info {\n            background: rgba(10, 10, 10, 0.85);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(0, 255, 255, 0.15);\n            border-radius: 24px;\n            padding: 3rem 2.5rem;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            box-shadow: 0 0 30px rgba(0, 255, 255, 0.04);\n        }\n\n        .contact-info h1 {\n            font-size: 3.2rem;\n            font-weight: 700;\n            line-height: 1.2;\n            margin-bottom: 1.5rem;\n            background: linear-gradient(90deg, #0ff, #f0f, #0ff);\n            background-size: 200% auto;\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            animation: neonMove 4s linear infinite;\n        }\n\n        @keyframes neonMove {\n            0% { background-position: 0% center; }\n            100% { background-position: 200% center; }\n        }\n\n        .contact-info p {\n            font-size: 1.35rem;\n            color: #bbb;\n            margin-bottom: 2.5rem;\n            line-height: 1.8;\n        }\n\n        .info-item {\n            display: flex;\n            align-items: flex-start;\n            gap: 1.2rem;\n            margin-bottom: 2rem;\n        }\n\n        .info-icon {\n            width: 52px;\n            height: 52px;\n            border-radius: 14px;\n            background: rgba(0, 255, 255, 0.06);\n            border: 1px solid rgba(0, 255, 255, 0.25);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 1.7rem;\n            flex-shrink: 0;\n        }\n\n        .info-text h4 {\n            color: #0ff;\n            font-size: 1.3rem;\n            margin-bottom: 0.3rem;\n            text-shadow: 0 0 5px rgba(0,255,255,0.3);\n        }\n\n        .info-text span {\n            color: #bbb;\n            font-size: 1.2rem;\n            line-height: 1.5;\n        }\n\n        \/* Form card *\/\n        .contact-form-container {\n            background: rgba(10, 10, 10, 0.85);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(0, 255, 255, 0.2);\n            border-radius: 24px;\n            padding: 3rem 2.5rem;\n            box-shadow: 0 0 35px rgba(0, 255, 255, 0.06);\n        }\n\n        .form-header h2 {\n            font-size: 2.4rem;\n            font-weight: 600;\n            color: #0ff;\n            margin-bottom: 0.5rem;\n            text-shadow: 0 0 8px rgba(0,255,255,0.2);\n        }\n\n        .form-header p {\n            color: #bbb;\n            font-size: 1.25rem;\n            margin-bottom: 2rem;\n        }\n\n        .form-group {\n            margin-bottom: 1.8rem;\n        }\n\n        .form-group label {\n            display: block;\n            color: #f0f;\n            font-size: 1.2rem;\n            margin-bottom: 0.6rem;\n            font-weight: 500;\n            text-shadow: 0 0 4px rgba(255,0,255,0.2);\n        }\n\n        .form-group input,\n        .form-group textarea {\n            width: 100%;\n            padding: 1.2rem 1.3rem;\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 14px;\n            color: #f1f5f9;\n            font-size: 1.2rem;\n            transition: all 0.3s ease;\n            outline: none;\n            font-family: inherit;\n        }\n\n        .form-group input:focus,\n        .form-group textarea:focus {\n            border-color: #0ff;\n            box-shadow: 0 0 0 5px rgba(0, 255, 255, 0.12);\n            background: rgba(0, 255, 255, 0.03);\n        }\n\n        .form-group textarea {\n            min-height: 170px;\n            resize: vertical;\n        }\n\n        .submit-btn {\n            width: 100%;\n            padding: 1.3rem;\n            background: linear-gradient(135deg, #0ff, #f0f);\n            border: none;\n            border-radius: 14px;\n            color: #000;\n            font-weight: 700;\n            font-size: 1.3rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 0.5rem;\n            letter-spacing: 0.3px;\n            margin-top: 0.5rem;\n        }\n\n        .submit-btn:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 12px 30px rgba(0, 255, 255, 0.4);\n        }\n\n        .success-message {\n            display: none;\n            text-align: center;\n            margin-top: 1.5rem;\n            padding: 1rem;\n            color: #4ade80;\n            background: rgba(74, 222, 128, 0.08);\n            border: 1px solid rgba(74, 222, 128, 0.3);\n            border-radius: 12px;\n            font-size: 1.2rem;\n        }\n\n        \/* Footer \u2013 clean agentfy style *\/\n        .site-footer {\n            background: rgba(10, 10, 15, 0.9);\n            backdrop-filter: blur(20px);\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 20px;\n            padding: 2rem 2.5rem;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            flex-wrap: wrap;\n            gap: 1.5rem;\n            font-family: inherit;\n        }\n\n        .footer-copyright {\n            color: #888;\n            font-size: 1.05rem;\n        }\n\n        .footer-copyright a {\n            color: #0ff;\n            text-decoration: none;\n            transition: 0.2s;\n        }\n\n        .footer-copyright a:hover {\n            text-shadow: 0 0 8px #0ff;\n        }\n\n        .footer-right {\n            display: flex;\n            align-items: center;\n            gap: 2rem;\n            flex-wrap: wrap;\n        }\n\n        .footer-socials {\n            display: flex;\n            gap: 0.8rem;\n        }\n\n        .social-icon {\n            width: 42px;\n            height: 42px;\n            border-radius: 12px;\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            color: #aaa;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            font-size: 1.1rem;\n            font-weight: 600;\n            transition: all 0.3s ease;\n        }\n\n        .social-icon:hover {\n            border-color: #0ff;\n            color: #0ff;\n            background: rgba(0, 255, 255, 0.08);\n            box-shadow: 0 0 15px rgba(0, 255, 255, 0.2);\n            transform: translateY(-3px);\n        }\n\n        .back-to-top {\n            background: rgba(255, 255, 255, 0.04);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            color: #aaa;\n            font-size: 0.95rem;\n            padding: 0.65rem 1.2rem;\n            border-radius: 25px;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            font-family: inherit;\n            display: flex;\n            align-items: center;\n            gap: 0.4rem;\n        }\n\n        .back-to-top:hover {\n            border-color: #0ff;\n            color: #0ff;\n            background: rgba(0, 255, 255, 0.06);\n            box-shadow: 0 0 12px rgba(0, 255, 255, 0.15);\n        }\n\n        @media (max-width: 768px) {\n            .contact-wrapper {\n                grid-template-columns: 1fr;\n            }\n            .site-footer {\n                flex-direction: column;\n                text-align: center;\n                align-items: center;\n            }\n            .footer-right {\n                flex-direction: column;\n                align-items: center;\n                gap: 1rem;\n            }\n            body { padding: 1rem; }\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"page-container\">\n    <div class=\"contact-wrapper\">\n        <!-- Left: Contact Info -->\n        <div class=\"contact-info\">\n            <h1>Let&#8217;s talk SEO<\/h1>\n            <p>Have a question about our tools, need a custom plan, or just want to say hi? We&#8217;re here and happy to help.<\/p>\n\n            <div class=\"info-item\">\n                <div class=\"info-icon\">\ud83d\udce7<\/div>\n                <div class=\"info-text\">\n                    <h4>Email<\/h4>\n                    <span>samina@agentfy.online<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"info-item\">\n                <div class=\"info-icon\">\ud83d\udcac<\/div>\n                <div class=\"info-text\">\n                    <h4>Live Chat<\/h4>\n                    <span>Available 9am \u2013 6pm EST<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"info-item\">\n                <div class=\"info-icon\">\ud83d\udccd<\/div>\n                <div class=\"info-text\">\n                    <h4>Location<\/h4>\n                    <span>Remote\u2011first \u2013 serving worldwide<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Right: Contact Form -->\n        <div class=\"contact-form-container\">\n            <div class=\"form-header\">\n                <h2>Send us a message<\/h2>\n                <p>We usually reply within 24 hours.<\/p>\n            <\/div>\n\n            <form id=\"contactForm\" onsubmit=\"handleSubmit(event)\">\n                <div class=\"form-group\">\n                    <label for=\"name\">Full Name<\/label>\n                    <input type=\"text\" id=\"name\" placeholder=\"John Doe\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"email\">Email Address<\/label>\n                    <input type=\"email\" id=\"email\" placeholder=\"you@company.com\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"subject\">Subject<\/label>\n                    <input type=\"text\" id=\"subject\" placeholder=\"How can we help?\" required>\n                <\/div>\n                <div class=\"form-group\">\n                    <label for=\"message\">Message<\/label>\n                    <textarea id=\"message\" placeholder=\"Tell us about your SEO goals, tool requests, or any question\u2026\" required><\/textarea>\n                <\/div>\n                <button type=\"submit\" class=\"submit-btn\">\ud83d\ude80 Send Message<\/button>\n                <div id=\"successMsg\" class=\"success-message\">\u2705 Message sent! We&#8217;ll be in touch soon.<\/div>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <!-- Footer -->\n    <footer class=\"site-footer\">\n        <div class=\"footer-copyright\">\n            &copy; 2026 <a href=\"\/\">SEOToolsPro<\/a> \u00b7 All rights reserved.\n        <\/div>\n        <div class=\"footer-right\">\n            <div class=\"footer-socials\">\n                <a href=\"#\" class=\"social-icon\" aria-label=\"Twitter\">\ud835\udd4f<\/a>\n                <a href=\"#\" class=\"social-icon\" aria-label=\"Instagram\">\ud83d\udcf7<\/a>\n                <a href=\"#\" class=\"social-icon\" aria-label=\"YouTube\">\u25b6<\/a>\n                <a href=\"#\" class=\"social-icon\" aria-label=\"GitHub\">\u2328<\/a>\n            <\/div>\n            <button class=\"back-to-top\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\">\u2191 Scroll to Top<\/button>\n        <\/div>\n    <\/footer>\n<\/div>\n\n<script>\n    function handleSubmit(event) {\n        event.preventDefault();\n        const form = document.getElementById('contactForm');\n        const successMsg = document.getElementById('successMsg');\n        successMsg.style.display = 'block';\n        form.reset();\n        setTimeout(() => { successMsg.style.display = 'none'; }, 5000);\n        \/\/ In production, replace with a real endpoint, e.g.:\n        \/\/ fetch('\/api\/contact', { method: 'POST', body: new FormData(form) })\n    }\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Contact Us \u2013 SEOToolsPro Let&#8217;s talk SEO Have a question about our tools, need a custom plan, or just want to say hi? We&#8217;re here and happy to help. \ud83d\udce7&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"gisru","author_link":"https:\/\/seotoolspro.online\/blog\/author\/gisru\/"},"uagb_comment_info":0,"uagb_excerpt":"Contact Us \u2013 SEOToolsPro Let&#8217;s talk SEO Have a question about our tools, need a custom plan, or just want to say hi? We&#8217;re here and happy to help. \ud83d\udce7&hellip;","_links":{"self":[{"href":"https:\/\/seotoolspro.online\/blog\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seotoolspro.online\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seotoolspro.online\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seotoolspro.online\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seotoolspro.online\/blog\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":7,"href":"https:\/\/seotoolspro.online\/blog\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/seotoolspro.online\/blog\/wp-json\/wp\/v2\/pages\/42\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/seotoolspro.online\/blog\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}