{"id":90,"date":"2019-11-05T12:34:21","date_gmt":"2019-11-05T12:34:21","guid":{"rendered":"https:\/\/www.demo.cosmoswp.com\/demo-7\/?page_id=54"},"modified":"2026-07-20T14:57:39","modified_gmt":"2026-07-20T14:57:39","slug":"home","status":"publish","type":"page","link":"https:\/\/naatro.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"90\" class=\"elementor elementor-90\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ad1350 e-flex e-con-boxed e-con e-parent\" data-id=\"2ad1350\" 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-8c11631 elementor-widget elementor-widget-shortcode\" data-id=\"8c11631\" 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        .nt-home,\n        .nt-home * {\n            box-sizing: border-box;\n        }\n\n        .nt-home {\n            --navy: #18224f;\n            --navy-dark: #10183d;\n            --orange: #f47b5b;\n            --orange-dark: #dc6549;\n            --background: #f6f7fb;\n            --text: #19203b;\n            --muted: #6c7285;\n\n            width: 100%;\n            overflow: hidden;\n            font-family: Inter, Arial, sans-serif;\n            color: var(--text);\n        }\n\n        .nt-container {\n            width: min(1180px, calc(100% - 40px));\n            margin: 0 auto;\n        }\n\n        \/* HERO *\/\n\n        .nt-hero {\n            position: relative;\n            min-height: 650px;\n            display: flex;\n            align-items: center;\n            padding: 85px 0;\n            overflow: hidden;\n            background:\n                radial-gradient(\n                    circle at 78% 30%,\n                    rgba(244, 123, 91, 0.18),\n                    transparent 30%\n                ),\n                linear-gradient(\n                    135deg,\n                    var(--navy) 0%,\n                    var(--navy-dark) 100%\n                );\n        }\n\n        .nt-hero::before {\n            content: \"\";\n            position: absolute;\n            top: -180px;\n            right: -150px;\n            width: 480px;\n            height: 480px;\n            border: 1px solid rgba(255, 255, 255, 0.08);\n            border-radius: 50%;\n        }\n\n        .nt-hero::after {\n            content: \"\";\n            position: absolute;\n            right: 14%;\n            bottom: -210px;\n            width: 430px;\n            height: 430px;\n            border-radius: 50%;\n            background: rgba(244, 123, 91, 0.07);\n        }\n\n        .nt-hero-grid {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: 1.08fr 0.92fr;\n            gap: 65px;\n            align-items: center;\n        }\n\n        .nt-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            color: #ffffff;\n            background: rgba(255, 255, 255, 0.07);\n            font-size: 13px;\n            font-weight: 700;\n            letter-spacing: 0.4px;\n        }\n\n        .nt-badge-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: var(--orange);\n        }\n\n        .nt-hero h1 {\n            max-width: 700px;\n            margin: 0 0 24px;\n            color: #ffffff;\n            font-size: clamp(48px, 6.4vw, 82px);\n            font-weight: 800;\n            line-height: 1.02;\n            letter-spacing: -3.5px;\n        }\n\n        .nt-hero h1 span {\n            color: var(--orange);\n        }\n\n        .nt-hero-description {\n            max-width: 650px;\n            margin: 0 0 32px;\n            color: rgba(255, 255, 255, 0.78);\n            font-size: 18px;\n            line-height: 1.75;\n        }\n\n        .nt-actions {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 14px;\n            align-items: center;\n        }\n\n        .nt-search {\n            display: flex;\n            width: min(100%, 470px);\n            min-height: 58px;\n            padding: 6px;\n            border-radius: 10px;\n            background: #ffffff;\n            box-shadow: 0 22px 50px rgba(0, 0, 0, 0.18);\n        }\n\n        .nt-search input {\n            flex: 1;\n            min-width: 0;\n            padding: 10px 15px;\n            border: 0;\n            outline: 0;\n            color: var(--text);\n            background: transparent;\n            font-size: 15px;\n        }\n\n        .nt-search button {\n            padding: 12px 22px;\n            border: 0;\n            border-radius: 8px;\n            color: #ffffff;\n            background: var(--orange);\n            font-weight: 700;\n            cursor: pointer;\n            transition: 0.25s ease;\n        }\n\n        .nt-search button:hover {\n            background: var(--orange-dark);\n        }\n\n        .nt-blog-button {\n            display: inline-flex;\n            min-height: 58px;\n            align-items: center;\n            justify-content: center;\n            padding: 12px 22px;\n            border: 1px solid rgba(255, 255, 255, 0.23);\n            border-radius: 10px;\n            color: #ffffff;\n            background: rgba(255, 255, 255, 0.08);\n            font-weight: 700;\n            text-decoration: none;\n            transition: 0.25s ease;\n        }\n\n        .nt-blog-button:hover {\n            color: #ffffff;\n            background: rgba(255, 255, 255, 0.15);\n        }\n\n        \/* HERO VISUAL *\/\n\n        .nt-visual {\n            position: relative;\n            min-height: 440px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .nt-orbit {\n            position: absolute;\n            width: 390px;\n            height: 390px;\n            border: 1px solid rgba(255, 255, 255, 0.14);\n            border-radius: 50%;\n        }\n\n        .nt-orbit::before {\n            content: \"\";\n            position: absolute;\n            top: 28px;\n            right: 32px;\n            width: 25px;\n            height: 25px;\n            border-radius: 50%;\n            background: var(--orange);\n            box-shadow: 0 0 0 10px rgba(244, 123, 91, 0.12);\n        }\n\n        .nt-device {\n            position: relative;\n            z-index: 2;\n            width: min(100%, 390px);\n            padding: 16px;\n            border: 1px solid rgba(255, 255, 255, 0.16);\n            border-radius: 28px;\n            background: rgba(255, 255, 255, 0.1);\n            box-shadow: 0 35px 70px rgba(0, 0, 0, 0.3);\n            backdrop-filter: blur(14px);\n            transform: rotate(-4deg);\n        }\n\n        .nt-device-screen {\n            min-height: 300px;\n            padding: 24px;\n            border-radius: 18px;\n            background: #ffffff;\n        }\n\n        .nt-screen-top {\n            display: flex;\n            gap: 7px;\n            margin-bottom: 30px;\n        }\n\n        .nt-screen-top span {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            background: #d9dce5;\n        }\n\n        .nt-screen-title {\n            width: 75%;\n            height: 18px;\n            margin-bottom: 12px;\n            border-radius: 30px;\n            background: var(--navy);\n        }\n\n        .nt-screen-text {\n            width: 100%;\n            height: 9px;\n            margin-bottom: 8px;\n            border-radius: 30px;\n            background: #e6e8ef;\n        }\n\n        .nt-screen-text.short {\n            width: 65%;\n        }\n\n        .nt-screen-cards {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n            margin-top: 30px;\n        }\n\n        .nt-screen-card {\n            min-height: 90px;\n            padding: 14px;\n            border-radius: 13px;\n            background: var(--background);\n        }\n\n        .nt-screen-card:first-child {\n            background: rgba(244, 123, 91, 0.16);\n        }\n\n        .nt-screen-card-icon {\n            width: 28px;\n            height: 28px;\n            margin-bottom: 13px;\n            border-radius: 8px;\n            background: var(--orange);\n        }\n\n        .nt-screen-card-line {\n            width: 75%;\n            height: 7px;\n            border-radius: 20px;\n            background: #b7bcc9;\n        }\n\n        \/* BLOG *\/\n\n        .nt-blog {\n            padding: 90px 0;\n            background: var(--background);\n        }\n\n        .nt-section-head {\n            display: flex;\n            align-items: end;\n            justify-content: space-between;\n            gap: 25px;\n            margin-bottom: 38px;\n        }\n\n        .nt-section-label {\n            margin: 0 0 10px;\n            color: var(--orange);\n            font-size: 13px;\n            font-weight: 800;\n            letter-spacing: 1.5px;\n            text-transform: uppercase;\n        }\n\n        .nt-section-head h2 {\n            margin: 0;\n            color: var(--text);\n            font-size: clamp(34px, 4vw, 50px);\n            line-height: 1.1;\n            letter-spacing: -2px;\n        }\n\n        .nt-section-head > p {\n            max-width: 440px;\n            margin: 0;\n            color: var(--muted);\n            line-height: 1.7;\n        }\n\n        .nt-post-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 24px;\n        }\n\n        .nt-post-card {\n            overflow: hidden;\n            border: 1px solid #e4e7ef;\n            border-radius: 17px;\n            background: #ffffff;\n            box-shadow: 0 12px 35px rgba(24, 34, 79, 0.07);\n            transition:\n                transform 0.25s ease,\n                box-shadow 0.25s ease;\n        }\n\n        .nt-post-card:hover {\n            transform: translateY(-7px);\n            box-shadow: 0 22px 45px rgba(24, 34, 79, 0.13);\n        }\n\n        .nt-post-image {\n            position: relative;\n            display: block;\n            height: 215px;\n            overflow: hidden;\n            background:\n                linear-gradient(\n                    135deg,\n                    var(--navy),\n                    var(--orange)\n                );\n        }\n\n        .nt-post-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.4s ease;\n        }\n\n        .nt-post-card:hover .nt-post-image img {\n            transform: scale(1.05);\n        }\n\n        .nt-placeholder {\n            width: 100%;\n            height: 100%;\n            display: grid;\n            place-items: center;\n            color: rgba(255, 255, 255, 0.75);\n            font-size: 22px;\n            font-weight: 800;\n        }\n\n        .nt-post-body {\n            padding: 23px;\n        }\n\n        .nt-post-meta {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 9px;\n            margin-bottom: 12px;\n            color: var(--muted);\n            font-size: 12px;\n        }\n\n        .nt-category {\n            color: var(--orange);\n            font-weight: 800;\n        }\n\n        .nt-post-card h3 {\n            margin: 0 0 12px;\n            font-size: 21px;\n            line-height: 1.35;\n        }\n\n        .nt-post-card h3 a {\n            color: var(--text);\n            text-decoration: none;\n        }\n\n        .nt-post-card p {\n            margin: 0 0 18px;\n            color: var(--muted);\n            font-size: 14px;\n            line-height: 1.65;\n        }\n\n        .nt-read-more {\n            color: var(--navy);\n            font-size: 14px;\n            font-weight: 800;\n            text-decoration: none;\n        }\n\n        .nt-read-more:hover {\n            color: var(--orange);\n        }\n\n        .nt-empty {\n            grid-column: 1 \/ -1;\n            padding: 35px;\n            border-radius: 16px;\n            background: #ffffff;\n            text-align: center;\n        }\n\n        .nt-all-posts {\n            margin-top: 38px;\n            text-align: center;\n        }\n\n        .nt-all-posts a {\n            display: inline-flex;\n            padding: 14px 25px;\n            border-radius: 9px;\n            color: #ffffff;\n            background: var(--navy);\n            font-weight: 700;\n            text-decoration: none;\n        }\n\n        .nt-all-posts a:hover {\n            color: #ffffff;\n            background: var(--orange);\n        }\n\n        @media (max-width: 900px) {\n            .nt-hero-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .nt-hero {\n                min-height: auto;\n            }\n\n            .nt-visual {\n                min-height: 360px;\n            }\n\n            .nt-post-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n\n            .nt-section-head {\n                align-items: flex-start;\n                flex-direction: column;\n            }\n        }\n\n        @media (max-width: 620px) {\n            .nt-container {\n                width: min(100% - 28px, 1180px);\n            }\n\n            .nt-hero {\n                padding: 65px 0 55px;\n            }\n\n            .nt-hero h1 {\n                font-size: 46px;\n                letter-spacing: -2px;\n            }\n\n            .nt-hero-description {\n                font-size: 16px;\n            }\n\n            .nt-actions,\n            .nt-search {\n                width: 100%;\n            }\n\n            .nt-search {\n                flex-direction: column;\n            }\n\n            .nt-search button,\n            .nt-blog-button {\n                width: 100%;\n            }\n\n            .nt-visual {\n                min-height: 310px;\n            }\n\n            .nt-orbit {\n                width: 280px;\n                height: 280px;\n            }\n\n            .nt-device {\n                width: 270px;\n            }\n\n            .nt-device-screen {\n                min-height: 220px;\n                padding: 18px;\n            }\n\n            .nt-post-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .nt-blog {\n                padding: 65px 0;\n            }\n\n            .nt-section-head h2 {\n                letter-spacing: -1px;\n            }\n        }\n    <\/style>\n\n    <main class=\"nt-home\">\n\n        <section class=\"nt-hero\">\n            <div class=\"nt-container nt-hero-grid\">\n\n                <div class=\"nt-hero-content\">\n\n                    <div class=\"nt-badge\">\n                        <span class=\"nt-badge-dot\"><\/span>\n                        Technology, AI and Digital Innovation\n                    <\/div>\n\n                    <h1>\n                        Discover Ideas That\n                        <span>Shape Tomorrow.<\/span>\n                    <\/h1>\n\n                    <p class=\"nt-hero-description\">\n                        Explore practical technology guides, artificial intelligence,\n                        software insights and digital trends designed to keep you\n                        informed and ahead.\n                    <\/p>\n\n                    <div class=\"nt-actions\">\n\n                        <form\n                            class=\"nt-search\"\n                            method=\"get\"\n                            action=\"https:\/\/naatro.com\/\"\n                        >\n                            <input\n                                type=\"search\"\n                                name=\"s\"\n                                placeholder=\"Search technology articles...\"\n                                aria-label=\"Search articles\"\n                            >\n\n                            <button type=\"submit\">\n                                Search\n                            <\/button>\n                        <\/form>\n\n                        <a\n                            class=\"nt-blog-button\"\n                            href=\"https:\/\/naatro.com\/?page_id=203\"\n                        >\n                            Explore Articles\n                        <\/a>\n\n                    <\/div>\n                <\/div>\n\n                <div class=\"nt-visual\" aria-hidden=\"true\">\n\n                    <div class=\"nt-orbit\"><\/div>\n\n                    <div class=\"nt-device\">\n                        <div class=\"nt-device-screen\">\n\n                            <div class=\"nt-screen-top\">\n                                <span><\/span>\n                                <span><\/span>\n                                <span><\/span>\n                            <\/div>\n\n                            <div class=\"nt-screen-title\"><\/div>\n                            <div class=\"nt-screen-text\"><\/div>\n                            <div class=\"nt-screen-text\"><\/div>\n                            <div class=\"nt-screen-text short\"><\/div>\n\n                            <div class=\"nt-screen-cards\">\n\n                                <div class=\"nt-screen-card\">\n                                    <div class=\"nt-screen-card-icon\"><\/div>\n                                    <div class=\"nt-screen-card-line\"><\/div>\n                                <\/div>\n\n                                <div class=\"nt-screen-card\">\n                                    <div class=\"nt-screen-card-icon\"><\/div>\n                                    <div class=\"nt-screen-card-line\"><\/div>\n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"nt-blog\">\n            <div class=\"nt-container\">\n\n                <div class=\"nt-section-head\">\n\n                    <div>\n                        <p class=\"nt-section-label\">Latest from Naatro<\/p>\n                        <h2>Explore Our Latest Articles<\/h2>\n                    <\/div>\n\n                    <p>\n                        Discover helpful tutorials, industry news, technology reviews\n                        and practical digital knowledge.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"nt-post-grid\">\n\n                    \n                        <div class=\"nt-empty\">\n                            No articles have been published yet.\n                        <\/div>\n\n                    \n                <\/div>\n\n                <div class=\"nt-all-posts\">\n                    <a href=\"https:\/\/naatro.com\/blog\/\">\n                        View All Articles\n                    <\/a>\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-90","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages\/90","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=90"}],"version-history":[{"count":26,"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/naatro.com\/index.php?rest_route=\/wp\/v2\/pages\/90\/revisions\/216"}],"wp:attachment":[{"href":"https:\/\/naatro.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=90"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}