{"id":86,"date":"2019-11-07T04:25:38","date_gmt":"2019-11-07T04:25:38","guid":{"rendered":"https:\/\/www.demo.cosmoswp.com\/demo-7\/?page_id=294"},"modified":"2026-07-21T09:22:19","modified_gmt":"2026-07-21T09:22:19","slug":"contact","status":"publish","type":"page","link":"https:\/\/naatro.com\/?page_id=86","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"86\" class=\"elementor elementor-86\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6467b1e e-flex e-con-boxed e-con e-parent\" data-id=\"6467b1e\" 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-3b09fb9 elementor-widget elementor-widget-shortcode\" data-id=\"3b09fb9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        .naatro-contact,\n        .naatro-contact * {\n            box-sizing: border-box;\n        }\n\n        .naatro-contact {\n            --nc-navy: #18224f;\n            --nc-dark: #10183d;\n            --nc-orange: #f47b5b;\n            --nc-orange-dark: #dc6549;\n            --nc-background: #f6f7fb;\n            --nc-white: #ffffff;\n            --nc-text: #19203b;\n            --nc-muted: #6c7285;\n            --nc-border: #e4e7ef;\n            --nc-success: #167c4b;\n            --nc-error: #b42318;\n\n            width: 100%;\n            overflow: hidden;\n            color: var(--nc-text);\n            font-family: Inter, Arial, sans-serif;\n        }\n\n        .nc-container {\n            width: min(1180px, calc(100% - 40px));\n            margin: 0 auto;\n        }\n\n        \/* Hero *\/\n\n        .nc-hero {\n            position: relative;\n            padding: 100px 0 90px;\n            overflow: hidden;\n            color: #ffffff;\n            background:\n                radial-gradient(\n                    circle at 82% 20%,\n                    rgba(244, 123, 91, 0.24),\n                    transparent 29%\n                ),\n                linear-gradient(\n                    135deg,\n                    var(--nc-navy),\n                    var(--nc-dark)\n                );\n        }\n\n        .nc-hero::before {\n            content: \"\";\n            position: absolute;\n            top: -200px;\n            right: -150px;\n            width: 470px;\n            height: 470px;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 50%;\n        }\n\n        .nc-hero-grid {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: 1.1fr 0.9fr;\n            gap: 60px;\n            align-items: center;\n        }\n\n        .nc-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 9px;\n            margin-bottom: 22px;\n            padding: 8px 15px;\n            border: 1px solid rgba(255, 255, 255, 0.18);\n            border-radius: 50px;\n            background: rgba(255, 255, 255, 0.07);\n            font-size: 13px;\n            font-weight: 800;\n        }\n\n        .nc-badge::before {\n            content: \"\";\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: var(--nc-orange);\n        }\n\n        .nc-hero h1 {\n            max-width: 760px;\n            margin: 0 0 23px;\n            color: #ffffff;\n            font-size: clamp(48px, 6.3vw, 80px);\n            line-height: 1;\n            letter-spacing: -3px;\n        }\n\n        .nc-hero h1 span {\n            color: var(--nc-orange);\n        }\n\n        .nc-hero p {\n            max-width: 700px;\n            margin: 0;\n            color: rgba(255, 255, 255, 0.8);\n            font-size: 18px;\n            line-height: 1.75;\n        }\n\n        .nc-hero-card {\n            padding: 34px;\n            border: 1px solid rgba(255, 255, 255, 0.18);\n            border-radius: 24px;\n            background: rgba(255, 255, 255, 0.1);\n            box-shadow: 0 30px 70px rgba(0, 0, 0, 0.25);\n            backdrop-filter: blur(14px);\n        }\n\n        .nc-hero-card h2 {\n            margin: 0 0 14px;\n            color: #ffffff;\n            font-size: 27px;\n        }\n\n        .nc-hero-card p {\n            margin: 0 0 22px;\n            font-size: 15px;\n        }\n\n        .nc-hero-contact {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .nc-hero-contact a,\n        .nc-hero-contact span {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            color: #ffffff;\n            font-weight: 700;\n            text-decoration: none;\n        }\n\n        .nc-contact-icon {\n            width: 38px;\n            height: 38px;\n            display: grid;\n            place-items: center;\n            flex-shrink: 0;\n            border-radius: 10px;\n            background: var(--nc-orange);\n        }\n\n        \/* Main section *\/\n\n        .nc-section {\n            padding: 85px 0;\n            background: var(--nc-background);\n        }\n\n        .nc-section-heading {\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 30px;\n            margin-bottom: 38px;\n        }\n\n        .nc-label {\n            margin: 0 0 10px;\n            color: var(--nc-orange);\n            font-size: 13px;\n            font-weight: 800;\n            letter-spacing: 1.4px;\n            text-transform: uppercase;\n        }\n\n        .nc-section-heading h2 {\n            margin: 0;\n            font-size: clamp(34px, 4vw, 50px);\n            line-height: 1.1;\n            letter-spacing: -2px;\n        }\n\n        .nc-section-heading > p {\n            max-width: 470px;\n            margin: 0;\n            color: var(--nc-muted);\n            line-height: 1.7;\n        }\n\n        .nc-content-grid {\n            display: grid;\n            grid-template-columns: 0.8fr 1.2fr;\n            gap: 28px;\n            align-items: start;\n        }\n\n        \/* Contact cards *\/\n\n        .nc-details {\n            display: grid;\n            gap: 18px;\n        }\n\n        .nc-detail-card {\n            padding: 25px;\n            border: 1px solid var(--nc-border);\n            border-radius: 17px;\n            background: #ffffff;\n            box-shadow: 0 12px 34px rgba(24, 34, 79, 0.06);\n        }\n\n        .nc-detail-top {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            margin-bottom: 13px;\n        }\n\n        .nc-detail-icon {\n            width: 46px;\n            height: 46px;\n            display: grid;\n            place-items: center;\n            flex-shrink: 0;\n            border-radius: 12px;\n            color: #ffffff;\n            background: var(--nc-orange);\n            font-size: 18px;\n            font-weight: 900;\n        }\n\n        .nc-detail-card h3 {\n            margin: 0;\n            font-size: 20px;\n        }\n\n        .nc-detail-card p {\n            margin: 0;\n            color: var(--nc-muted);\n            line-height: 1.65;\n        }\n\n        .nc-detail-card a {\n            color: var(--nc-navy);\n            font-weight: 800;\n            text-decoration: none;\n        }\n\n        .nc-detail-card a:hover {\n            color: var(--nc-orange);\n        }\n\n        \/* Form *\/\n\n        .nc-form-card {\n            padding: 36px;\n            border: 1px solid var(--nc-border);\n            border-radius: 20px;\n            background: #ffffff;\n            box-shadow: 0 15px 42px rgba(24, 34, 79, 0.08);\n        }\n\n        .nc-form-card h2 {\n            margin: 0 0 8px;\n            font-size: 30px;\n        }\n\n        .nc-form-intro {\n            margin: 0 0 27px;\n            color: var(--nc-muted);\n            line-height: 1.7;\n        }\n\n        .nc-form-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 18px;\n        }\n\n        .nc-field {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .nc-field-full {\n            grid-column: 1 \/ -1;\n        }\n\n        .nc-field label {\n            color: var(--nc-text);\n            font-size: 14px;\n            font-weight: 800;\n        }\n\n        .nc-field input,\n        .nc-field textarea {\n            width: 100%;\n            border: 1px solid var(--nc-border);\n            border-radius: 10px;\n            outline: none;\n            padding: 14px 15px;\n            color: var(--nc-text);\n            background: #ffffff;\n            font-family: inherit;\n            font-size: 15px;\n            transition: 0.2s ease;\n        }\n\n        .nc-field input:focus,\n        .nc-field textarea:focus {\n            border-color: var(--nc-orange);\n            box-shadow: 0 0 0 3px rgba(244, 123, 91, 0.12);\n        }\n\n        .nc-field textarea {\n            min-height: 160px;\n            resize: vertical;\n        }\n\n        .nc-submit {\n            min-height: 50px;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            margin-top: 20px;\n            padding: 0 25px;\n            border: 0;\n            border-radius: 10px;\n            color: #ffffff;\n            background: var(--nc-navy);\n            font-weight: 800;\n            cursor: pointer;\n            transition: 0.2s ease;\n        }\n\n        .nc-submit:hover {\n            background: var(--nc-orange);\n        }\n\n        .nc-message {\n            margin-bottom: 22px;\n            padding: 14px 16px;\n            border-radius: 10px;\n            font-size: 14px;\n            font-weight: 700;\n        }\n\n        .nc-message-success {\n            color: var(--nc-success);\n            background: #eaf8f0;\n            border: 1px solid #b9e5ca;\n        }\n\n        .nc-message-error {\n            color: var(--nc-error);\n            background: #fff0ef;\n            border: 1px solid #f1c2be;\n        }\n\n        .nc-honeypot {\n            position: absolute !important;\n            left: -9999px !important;\n            opacity: 0 !important;\n            pointer-events: none !important;\n        }\n\n        \/* Quick links *\/\n\n        .nc-links-section {\n            padding: 75px 0;\n            background: #ffffff;\n        }\n\n        .nc-links-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 20px;\n        }\n\n        .nc-link-card {\n            padding: 28px;\n            border: 1px solid var(--nc-border);\n            border-radius: 17px;\n            text-decoration: none;\n            transition: 0.25s ease;\n        }\n\n        .nc-link-card:hover {\n            transform: translateY(-5px);\n            border-color: var(--nc-orange);\n            box-shadow: 0 16px 40px rgba(24, 34, 79, 0.09);\n        }\n\n        .nc-link-card h3 {\n            margin: 0 0 10px;\n            color: var(--nc-text);\n            font-size: 21px;\n        }\n\n        .nc-link-card p {\n            margin: 0;\n            color: var(--nc-muted);\n            line-height: 1.65;\n        }\n\n        @media (max-width: 950px) {\n            .nc-hero-grid,\n            .nc-content-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .nc-links-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 680px) {\n            .nc-container {\n                width: min(100% - 28px, 1180px);\n            }\n\n            .nc-hero {\n                padding: 70px 0 60px;\n            }\n\n            .nc-hero h1 {\n                font-size: 45px;\n                letter-spacing: -2px;\n            }\n\n            .nc-section {\n                padding: 65px 0;\n            }\n\n            .nc-section-heading {\n                align-items: flex-start;\n                flex-direction: column;\n            }\n\n            .nc-form-grid,\n            .nc-links-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .nc-form-card {\n                padding: 25px;\n            }\n        }\n    <\/style>\n\n    <main class=\"naatro-contact\">\n\n        <section class=\"nc-hero\">\n            <div class=\"nc-container nc-hero-grid\">\n\n                <div>\n                    <div class=\"nc-badge\">Contact Naatro<\/div>\n\n                    <h1>\n                        Let\u2019s Talk About\n                        <span>Technology.<\/span>\n                    <\/h1>\n\n                    <p>\n                        Have a question, suggestion, partnership request or feedback?\n                        Send us a message and the Naatro team will be happy to hear\n                        from you.\n                    <\/p>\n                <\/div>\n\n                <aside class=\"nc-hero-card\">\n                    <h2>Get in Touch<\/h2>\n\n                    <p>\n                        Contact us for website support, article feedback, business\n                        inquiries or technology-related questions.\n                    <\/p>\n\n                    <div class=\"nc-hero-contact\">\n\n                        <a href=\"mailto:Naatro@gmail.com\">\n                            <span class=\"nc-contact-icon\">@<\/span>\n                            Naatro@gmail.com                        <\/a>\n\n                        <a href=\"tel:+25290455435\">\n                            <span class=\"nc-contact-icon\">\u260e<\/span>\n                            +25290455435                        <\/a>\n\n                        <span>\n                            <span class=\"nc-contact-icon\">\u2316<\/span>\n                            Somalia                        <\/span>\n\n                    <\/div>\n                <\/aside>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"nc-section\">\n            <div class=\"nc-container\">\n\n                <div class=\"nc-section-heading\">\n                    <div>\n                        <p class=\"nc-label\">Send a Message<\/p>\n                        <h2>How Can We Help?<\/h2>\n                    <\/div>\n\n                    <p>\n                        Complete the form and provide enough information so we can\n                        understand your request clearly.\n                    <\/p>\n                <\/div>\n\n                <div class=\"nc-content-grid\">\n\n                    <aside class=\"nc-details\">\n\n                        <article class=\"nc-detail-card\">\n                            <div class=\"nc-detail-top\">\n                                <div class=\"nc-detail-icon\">@<\/div>\n                                <h3>Email Us<\/h3>\n                            <\/div>\n\n                            <p>\n                                <a href=\"mailto:Naatro@gmail.com\">\n                                    Naatro@gmail.com                                <\/a>\n                            <\/p>\n                        <\/article>\n\n                        <article class=\"nc-detail-card\">\n                            <div class=\"nc-detail-top\">\n                                <div class=\"nc-detail-icon\">\u260e<\/div>\n                                <h3>Call Us<\/h3>\n                            <\/div>\n\n                            <p>\n                                <a href=\"tel:+25290455435\">\n                                    +25290455435                                <\/a>\n                            <\/p>\n                        <\/article>\n\n                        <article class=\"nc-detail-card\">\n                            <div class=\"nc-detail-top\">\n                                <div class=\"nc-detail-icon\">\u2316<\/div>\n                                <h3>Location<\/h3>\n                            <\/div>\n\n                            <p>Somalia<\/p>\n                        <\/article>\n\n                    <\/aside>\n\n                    <section class=\"nc-form-card\">\n\n                        <h2>Send Your Message<\/h2>\n\n                        <p class=\"nc-form-intro\">\n                            We welcome feedback, support requests, article suggestions\n                            and business inquiries.\n                        <\/p>\n\n                        \n                        <form\n                            method=\"post\"\n                            action=\"https:\/\/naatro.com\/wp-admin\/admin-post.php\"\n                        >\n                            <input\n                                type=\"hidden\"\n                                name=\"action\"\n                                value=\"naatro_contact_form\"\n                            >\n\n                            <input type=\"hidden\" id=\"naatro_contact_nonce\" name=\"naatro_contact_nonce\" value=\"d74c6745a1\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F86\" \/>\n                            <div class=\"nc-honeypot\" aria-hidden=\"true\">\n                                <label>\n                                    Website\n                                    <input\n                                        type=\"text\"\n                                        name=\"naatro_website\"\n                                        tabindex=\"-1\"\n                                        autocomplete=\"off\"\n                                    >\n                                <\/label>\n                            <\/div>\n\n                            <div class=\"nc-form-grid\">\n\n                                <div class=\"nc-field\">\n                                    <label for=\"contact-name\">\n                                        Your Name\n                                    <\/label>\n\n                                    <input\n                                        id=\"contact-name\"\n                                        type=\"text\"\n                                        name=\"contact_name\"\n                                        placeholder=\"Enter your full name\"\n                                        required\n                                    >\n                                <\/div>\n\n                                <div class=\"nc-field\">\n                                    <label for=\"contact-email\">\n                                        Email Address\n                                    <\/label>\n\n                                    <input\n                                        id=\"contact-email\"\n                                        type=\"email\"\n                                        name=\"contact_email\"\n                                        placeholder=\"Enter your email address\"\n                                        required\n                                    >\n                                <\/div>\n\n                                <div class=\"nc-field nc-field-full\">\n                                    <label for=\"contact-subject\">\n                                        Subject\n                                    <\/label>\n\n                                    <input\n                                        id=\"contact-subject\"\n                                        type=\"text\"\n                                        name=\"contact_subject\"\n                                        placeholder=\"What is your message about?\"\n                                        required\n                                    >\n                                <\/div>\n\n                                <div class=\"nc-field nc-field-full\">\n                                    <label for=\"contact-message\">\n                                        Message\n                                    <\/label>\n\n                                    <textarea\n                                        id=\"contact-message\"\n                                        name=\"contact_message\"\n                                        placeholder=\"Write your message here...\"\n                                        required\n                                    ><\/textarea>\n                                <\/div>\n\n                            <\/div>\n\n                            <button class=\"nc-submit\" type=\"submit\">\n                                Send Message\n                            <\/button>\n\n                        <\/form>\n\n                    <\/section>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"nc-links-section\">\n            <div class=\"nc-container\">\n\n                <div class=\"nc-section-heading\">\n                    <div>\n                        <p class=\"nc-label\">Helpful Links<\/p>\n                        <h2>Find More Information<\/h2>\n                    <\/div>\n                <\/div>\n\n                <div class=\"nc-links-grid\">\n\n                    <a\n                        class=\"nc-link-card\"\n                        href=\"https:\/\/naatro.com\/blog\/\"\n                    >\n                        <h3>Technology Blog<\/h3>\n                        <p>\n                            Explore technology guides, AI articles and programming\n                            content.\n                        <\/p>\n                    <\/a>\n\n                    <a\n                        class=\"nc-link-card\"\n                        href=\"https:\/\/naatro.com\/privacy-policy\/\"\n                    >\n                        <h3>Privacy Policy<\/h3>\n                        <p>\n                            Learn how Naatro handles visitor information and privacy.\n                        <\/p>\n                    <\/a>\n\n                    <a\n                        class=\"nc-link-card\"\n                        href=\"https:\/\/naatro.com\/disclaimer\/\"\n                    >\n                        <h3>Disclaimer<\/h3>\n                        <p>\n                            Read important information about the content published on\n                            Naatro.\n                        <\/p>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <\/div>\n\t\t\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":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-gutentor-full-width.php","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-86","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naatro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=86"}],"version-history":[{"count":4,"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions"}],"predecessor-version":[{"id":244,"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages\/86\/revisions\/244"}],"wp:attachment":[{"href":"https:\/\/naatro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}