{"id":12,"date":"2026-06-05T04:37:27","date_gmt":"2026-06-05T04:37:27","guid":{"rendered":"https:\/\/nine28.ai\/?page_id=12"},"modified":"2026-06-05T04:37:27","modified_gmt":"2026-06-05T04:37:27","slug":"atlas-directory-nine28-web","status":"publish","type":"page","link":"https:\/\/nine28.ai\/?page_id=12","title":{"rendered":"atlas directory | Nine28\u00a0 web"},"content":{"rendered":"<div class=\"loading-overlay-preview\" data-animation=\"slide-up\" style=\"background-color: #0D1527; flex-direction: ;\">\n                                            <img decoding=\"async\" class=\"fl-photo-img\" id=\"loading-logo\" src=\"https:\/\/nine28.ai\/wp-content\/uploads\/wf-assets\/library\/assets\/imageedit_2_2398613119_11.png\" alt=\"Logo\" itemprop=\"image\" title=\"Logo\">\n\n                                            <h4 style=\"color: #fff\"><\/h4>\n                                        <\/div><div class=\"toggle-container\">\n                                            <label class=\"toggle\">\n                                                <input type=\"checkbox\" id=\"toggle-switch\">\n                                                <span class=\"toggle-slider\">\n                                                    <span class=\"toggle-text\">Vertical Mode<\/span><\/span>\n                                                \n                                            <\/label>\n                                        <\/div><div class=\"wf-row wf-header wf-header--sm\" style=\"border-top-width: medium; border-top-style: none; border-top-color: currentcolor; background: rgb(13, 21, 39);\"><div class=\"wf-row__content\">\n\n    <div class=\"wf-colGroup align:center justify:space-between\">\n        <div class=\"wf-col span:auto\" style=\"display: flex; align-items: flex-start; justify-content: center;\">\n            <div class=\"wf-img--logo\">\n                <a href=\"#\" class=\"nav-logo\" style=\"text-decoration: none; display: flex; align-items: center;\">\n                    <img decoding=\"async\" src=\"https:\/\/nine28.ai\/wp-content\/uploads\/wf-assets\/library\/assets\/imageedit_2_2398613119_9.png\" alt=\"Logo Placeholder\" class=\"logo-mark\" style=\"width: 70px;\">\n                    <span class=\"logo-text\" style=\"text-decoration: none; color: white; font-size: 1.75rem; font-weight: 700;\">Nine28<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n        <div class=\"wf-col span:auto\">\n\n            <div class=\"nav-links\" id=\"mobile-menu\" style=\"display: flex; gap: 40px;\">\n                <a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/page-2026-05-26-01%3A45\/?id=1748\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">Home<\/a>\n                <a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/readable-archives\/?id=1749\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">Readable Archives<\/a><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/doc-x-edits\/?id=1757\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">Doc-X-Edits<\/a>\n                <a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/atlas-directory\/?id=1758\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">Business Directories<\/a><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/atlas-consulting\/?id=1759\" class=\"nav-link\" style=\"text-decoration: none; color: rgb(71, 85, 105); font-weight: 600;\">AI + Workflow Consulting<\/a>\n            <\/div>\n        <\/div>\n        <div class=\"wf-col span:auto\">\n\n            <div class=\"wf-btnGroup nav-cta\">\n                <a href=\"#\" class=\"wf-btn\" style=\"text-decoration: none; padding: 10px 20px; background-color: rgb(30, 41, 59); color: white; border-radius: 10px; font-weight: 600; border: 1px solid rgba(255, 255, 255, 0.25);\">Book a Call<\/a>\n            <\/div>\n            <div class=\"hamburger-icon\" style=\"display: none; color: white; font-size: 24px; margin-left: 5px;\">\n                <i class=\"fas fa-bars\" aria-hidden=\"true\"><\/i>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div><div class=\"wf-row\" data-css-id=\"row-6a14fb3dd404a\" row-id=\"1\" row-order=\"1\" data-animate=\"none\">\n    <style>\n        [data-css-id=\"row-6a14fb3dd404a\"] {\n            padding: var(--spacing-lg) 0;\n\n            .hero-card {\n                background-color: var(--clr-secondary);\n                border-radius: 2rem 2rem 8rem 2rem;\n                padding: var(--spacing-xlg) var(--spacing-xlg);\n                position: relative;\n                overflow: hidden;\n                box-shadow: var(--shadow-xl);\n                --gap: var(--spacing-xlg);\n            }\n\n            .hero-card::before {\n                content: '';\n                position: absolute;\n                bottom: -20%;\n                right: -10%;\n                width: 60%;\n                aspect-ratio: 1\/1;\n                background: radial-gradient(circle, rgba(255, 255, 255, 0.06) 0%, transparent 60%);\n                z-index: 0;\n                pointer-events: none;\n            }\n\n            .hero-content {\n                position: relative;\n                z-index: 1;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n            }\n\n            .hero-label {\n                display: inline-block;\n                width: fit-content;\n                padding: 0.35rem 1rem;\n                border: 1px solid rgba(255, 255, 255, 0.15);\n                border-radius: var(--border-radius-pill);\n                font-size: 0.75rem;\n                text-transform: uppercase;\n                letter-spacing: 0.08em;\n                color: var(--clr-grey);\n                background: rgba(255, 255, 255, 0.05);\n                margin-bottom: var(--spacing-lg);\n                font-weight: 500;\n            }\n\n            .hero-heading {\n                color: var(--clr-white);\n                margin-top: 0;\n                margin-bottom: var(--spacing-md);\n                line-height: 1.1;\n                letter-spacing: -0.02em;\n            }\n\n            .hero-text {\n                color: #94a3b8; \/* Slightly darker than light grey for better contrast reading *\/\n                margin-bottom: var(--spacing-lg);\n                max-width: 95%;\n                font-size: 1.125rem;\n                line-height: 1.6;\n            }\n\n            .hero-actions {\n                display: flex;\n                gap: var(--spacing-sm);\n                flex-wrap: wrap;\n            }\n\n            .btn-solid {\n                background-color: var(--clr-white);\n                color: var(--clr-secondary);\n                padding: 1rem 2rem;\n                border-radius: var(--border-radius-sm);\n                font-weight: 600;\n                text-decoration: none;\n                transition: all 0.3s ease;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n            }\n\n            .btn-solid:hover {\n                background-color: var(--clr-grey-light);\n            }\n\n            .btn-outline {\n                background-color: transparent;\n                color: var(--clr-white);\n                padding: 1rem 2rem;\n                border-radius: var(--border-radius-sm);\n                border: 1px solid rgba(255, 255, 255, 0.25);\n                font-weight: 500;\n                text-decoration: none;\n                transition: all 0.3s ease;\n                display: inline-flex;\n                align-items: center;\n                justify-content: center;\n            }\n\n            .btn-outline:hover {\n                background-color: rgba(255, 255, 255, 0.05);\n                border-color: rgba(255, 255, 255, 0.5);\n            }\n\n            .hero-image-col {\n                position: relative;\n                z-index: 1;\n                display: flex;\n                align-items: center;\n            }\n\n            .hero-image-wrapper {\n                width: 100%;\n                border-radius: 1.5rem;\n                overflow: hidden;\n                border: 1px solid rgba(255, 255, 255, 0.1);\n                box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n                aspect-ratio: 4\/3;\n                background-color: #1e293b; \/* Fallback for image loading *\/\n            }\n\n            .hero-image-wrapper img {\n                width: 100%;\n                height: 100%;\n                object-fit: cover;\n                display: block;\n                opacity: 0.9; \/* Slight darkening to match moody tone *\/\n            }\n\n            @media (max-width: 1024px) {\n                .hero-card {\n                    border-radius: 2rem;\n                    padding: var(--spacing-lg);\n                    --gap: var(--spacing-md);\n                }\n                \n                .hero-text {\n                    max-width: 100%;\n                }\n            }\n\n            @media (max-width: 768px) {\n                .hero-actions {\n                    flex-direction: column;\n                    width: 100%;\n                }\n                \n                .btn-solid, .btn-outline {\n                    width: 100%;\n                }\n                \n                .hero-card {\n                    padding: var(--spacing-md);\n                }\n            }\n        }\n    <\/style>\n    <div class=\"wf-row__content\">\n        <div class=\"wf-colGroup columns:2 align:center hero-card\">\n            <div class=\"wf-col hero-content\">\n                <span class=\"hero-label\">the intelligent directory<\/span>\n                <h1 class=\"hero-heading\">A Directory That Stays Updated. <span style=\"color: rgb(138, 206, 255);\">Automatically.<\/span><\/h1>\n                <p class=\"hero-text\" style=\"color: rgb(203, 213, 225);\">Stop chasing members for profile updates. Atlas Directory syncs directly with Google Business Profiles, so as businesses update their details on Google, your directory stays perfectly accurate without the manual work.<\/p>\n                <div class=\"hero-actions\">\n                    <a href=\"#\" class=\"btn-solid\" style=\"width: fit-content; padding: 16px; border-radius: 15px; background-color: rgb(57, 184, 253);\">Build Your Directory<\/a>\n                    <a href=\"#\" class=\"btn-outline\" style=\"padding: 16px;width: fit-content;border-radius: 15px;display: none;\">Watch Demo<\/a>\n                <\/div>\n            <\/div>\n            <div class=\"wf-col hero-image-col\" style=\"padding: 20px; border: 1px solid; border-radius: 20px; background-color: rgb(34, 42, 61);\">\n                <div class=\"wf-img\"><img decoding=\"async\" src=\"https:\/\/nine28.ai\/wp-content\/uploads\/wf-assets\/library\/assets\/Screenshot-2026-06-03-214849.png\" style=\"border-radius: 20px;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><div class=\"wf-row\" data-css-id=\"row-vl3post482\" row-order=\"2\" style=\"background-color: rgb(244, 245, 247);\" data-animate=\"none\"><style data-scope=\"row-1780305531810\">[data-css-id=\"row-vl3post482\"] {\n    background-color: rgb(244, 245, 247) !important;\n\n    .header-section {\n        text-align: center;\n        margin-bottom: var(--spacing-xlg);\n\n        h2 {\n            margin-bottom: var(--spacing-sm);\n            color: var(--clr-h2);\n            font-weight: 600;\n        }\n\n        p {\n            max-width: 750px;\n            margin-inline: auto;\n            color: var(--clr-text);\n            font-size: var(--fs-p-lg);\n        }\n    }\n\n    .cards-group {\n        align-items: stretch;\n    }\n\n    .wf-col {\n        display: flex;\n        flex-direction: column;\n    }\n\n    .feature-card {\n        background-color: var(--clr-white);\n        border: 1px solid rgba(0, 0, 0, 0.05);\n        border-radius: 1rem;\n        padding: 2.5rem;\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n        gap: 1.5rem;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .feature-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;\n\n        .feature-icon {\n            background-color: #006591 !important;\n            color: #ffffff !important;\n        }\n    }\n\n    .feature-icon {\n        width: 3.5rem;\n        height: 3.5rem;\n        border-radius: var(--border-radius-md);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.5rem;\n        flex-shrink: 0;\n        transition: background-color 0.3s ease, color 0.3s ease;\n\n        &.feature-icon--blue {\n            background-color: #086799;\n            color: #ffffff;\n        }\n        \n        &.feature-icon--black {\n            background-color: var(--clr-black);\n            color: #ffffff;\n        }\n        \n        &.feature-icon--teal {\n            background-color: #00221e;\n            color: #4ade80;\n        }\n    }\n\n    .feature-content {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n\n        h3 {\n            margin: 0;\n            font-size: 1.4rem;\n            line-height: 1.3;\n            font-weight: 600;\n            color: var(--clr-h3);\n        }\n\n        p {\n            margin: 0;\n            color: #45464D;\n            line-height: 1.6;\n        }\n    }\n\n    @media (max-width: 1024px) {\n        .cards-group {\n            --columns: 2;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .header-section {\n            margin-bottom: var(--spacing-lg);\n            \n            p {                font-size: var(--fs-p-md);\n            }\n        }\n        .cards-group {\n            --columns: 1;\n        }\n        .feature-card {\n            padding: 2rem 1.5rem;\n        }\n    }\n}<\/style>\n    <div class=\"wf-row__content\" style=\"background-color: rgb(244, 245, 247);\">\n        \n        <div class=\"wf-colGroup columns:1\">\n            <div class=\"wf-col span:6\">\n                <div class=\"header-section\">\n                    <h2 class=\"\">Precision Managed Membership<\/h2>\n                    <p class=\"\">Focus on growing your network instead of data entry. Atlas Directory eliminates the friction of manual maintenance.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        \n        <div class=\"wf-colGroup columns:3 cards-group\">\n            <div class=\"wf-col\">\n                <div class=\"feature-card\" style=\"background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;\">\n                    <div class=\"feature-icon feature-icon--blue\" style=\"background-color: rgb(9, 13, 22);\">\n                        <i class=\"fa-solid fa-arrows-rotate\" aria-hidden=\"true\"><\/i>\n                    <\/div>\n                    <div class=\"feature-content\">\n                        <h3>Zero Manual<br>Maintenance<\/h3>\n                        <p style=\"color: rgb(69, 70, 77);\">Businesses manage their details where they already do\u2014on Google. When they change hours, photos, or phone numbers on their Business Profile, your directory updates in real-time.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"wf-col\">\n                <div class=\"feature-card\" style=\"background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;\">\n                    <div class=\"feature-icon feature-icon--black\">\n                        <i class=\"fa-solid fa-certificate\" aria-hidden=\"true\"><\/i>\n                    <\/div>\n                    <div class=\"feature-content\">\n                        <h3>Single Source of Truth<\/h3>\n                        <p style=\"color: rgb(69, 70, 77);\">Eliminate fragmented data. By syncing with Google API, your directory inherits the verification standards of the world&#8217;s leading search platform.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <div class=\"wf-col\">\n                <div class=\"feature-card\" style=\"background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;\">\n                    <div class=\"feature-icon feature-icon--black\">\n                        <i class=\"fa-solid fa-circle-nodes\" aria-hidden=\"true\"><\/i>\n                    <\/div>\n                    <div class=\"feature-content\">\n                        <h3>Parent Org Efficiency<\/h3>\n                        <p style=\"color: rgb(69, 70, 77);\">Stop chasing individual members for profile updates. Your staff stays focused on strategy and growth while the tech handles the mundane upkeep.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><div class=\"wf-row\" data-css-id=\"row-gck2hwouxtf\" row-order=\"3\" data-animate=\"none\">\n    \n    <div class=\"wf-row__content\">\n        <div class=\"wf-colGroup columns:2 tablet:columns:1 gap:xlg align:center\">\n            \n            <div class=\"wf-col\">\n                <h2 class=\"\">Organizations that Scale with Us<\/h2>\n                <p class=\"intro-text\">The Membership Directory is designed for organizations that need to maintain accurate, high-visibility member lists without the administrative burden of manual updates.<\/p>\n                \n                <div class=\"wf-blocks columns:1 u-gap-md\" style=\"display: inline-block;\">\n                    <div class=\"wf-block benefit-item\">\n                        <div class=\"benefit-number\">1<\/div>\n                        <div class=\"benefit-text\" style=\"margin-bottom: 10px;\">\n                            <div class=\"benefit-title\">Business Associations &amp; Chambers<\/div>\n                            <p class=\"\">Keep your local business directory 100% accurate by pulling hours, locations, and service updates directly from members&#8217; Google Business Profiles.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"wf-block benefit-item\" style=\"margin-bottom: 10px;\">\n                        <div class=\"benefit-number\">2<\/div>\n                        <div class=\"benefit-text\">\n                            <div class=\"benefit-title\">Trade &amp; Professional Orgs<\/div>\n                            <p class=\"\">Provide a reliable resource for the public to find certified professionals, ensuring contact details and credentials stay current as members move or grow.<\/p>\n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"wf-block benefit-item\">\n                        <div class=\"benefit-number\">3<\/div>\n                        <div class=\"benefit-text\">\n                            <div class=\"benefit-title\">Regional Tourism Boards<\/div>\n                            <p>Power your regional guides with real-time data from local attractions and hospitality providers, reducing the risk of sending visitors to closed or moved businesses.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"wf-col image-col\">\n                <div class=\"wf-img image-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/nine28.ai\/wp-content\/uploads\/wf-assets\/library\/assets\/unnamed.png\" alt=\"Data visualization cube floating on a digital tablet interface\">\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<style>[data-css-id=\"row-gck2hwouxtf\"] {\n            background-color: #f4f5f7;\n            padding-top: var(--spacing-xlg);\n            padding-bottom: var(--spacing-xlg);\n\n            h2 {\n                color: #111827;\n                margin-top: 0;\n                margin-bottom: 1.5rem;\n            }\n\n            .intro-text {\n                color: #374151;\n                margin-bottom: 2.5rem;\n                max-width: 95%;\n            }\n\n            .benefit-item {\n                display: flex;\n                align-items: flex-start;\n                gap: 1.25rem;\n            }\n\n            .benefit-number {\n                background-color: #005a82;\n                color: var(--clr-white);\n                width: 32px;\n                height: 32px;\n                border-radius: 50%;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                font-size: 0.875rem;\n                font-weight: 700;\n                flex-shrink: 0;\n                margin-top: 2px;\n            }\n\n            .benefit-text {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .benefit-title {\n                font-family: var(--ff-heading);\n                font-weight: 600;\n                color: #111827;\n                margin-bottom: 0.25rem;\n                font-size: 1rem;\n            }\n\n            .benefit-text p {\n                color: #374151;\n                margin-bottom: 0;\n                line-height: 1.6;\n            }\n\n            .image-col {\n                display: flex;\n                justify-content: flex-end;\n                align-items: center;\n            }\n\n            .image-wrapper {\n                border-radius: 16px;\n                overflow: hidden;\n                box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);\n                font-size: 0;\n                width: 100%;\n            }\n\n            .image-wrapper img {\n                width: 100%;\n                height: auto;\n                display: block;\n            }\n\n            @media (max-width: 1024px) {\n                [data-css-id=\"row-gck2hwouxtf\"] {\n                    padding-top: var(--spacing-lg);\n                    padding-bottom: var(--spacing-lg);\n                }\n                .intro-text {\n                    max-width: 100%;\n                }\n                .image-col {\n                    justify-content: center;\n                    margin-top: var(--spacing-md);\n                }\n            }\n        }<\/style><\/div><div class=\"wf-row\" data-css-id=\"row-2rnba12k2u1\" row-order=\"4\" data-animate=\"none\"><div class=\"wf-row__content\">\n\n    \n    <div class=\"wf-colGroup\">\n        <div class=\"wf-col u-text-align-center\">\n            <h2 class=\"pricing-header-title\">Simple, Professional Pricing<\/h2>\n            <p class=\"pricing-header-sub\">No complex monthly fees. Pure value for professional organizations.<\/p>\n        <\/div>\n    <\/div>\n\n    \n    <div class=\"wf-colGroup columns:2 gap:md pricing-container\" style=\"max-width: 100%; width: 1000px;\">\n\n        \n        <div class=\"wf-col pricing-card card-primary\" style=\"height: 100%;\">\n            <div class=\"card-title\">Implementation\n            <\/div>\n            <div class=\"price-wrap\">\n                <span class=\"price-val\">$2,000<\/span>\n                <span class=\"price-term\">One-time<\/span>\n            <\/div>\n\n            <ul class=\"feature-list\">\n                <li class=\"feature-item\">\n                    <i class=\"fa-solid fa-circle-check icon-primary\" aria-hidden=\"true\"><\/i> Custom Field Mapping\n                <\/li>\n                <li class=\"feature-item\">\n                    <i class=\"fa-solid fa-circle-check icon-primary\" aria-hidden=\"true\"><\/i> Google API Configuration\n                <\/li>\n                <li class=\"feature-item\">\n                    <i class=\"fa-solid fa-circle-check icon-primary\" aria-hidden=\"true\"><\/i> Full WordPress Integration\n                <\/li>\n                <li class=\"feature-item\">\n                    <i class=\"fa-solid fa-circle-check icon-primary\" aria-hidden=\"true\"><\/i> Design &amp; UI Styling\n                <\/li>\n            <\/ul>\n\n            <div class=\"wf-btnGroup u-margin-t-auto\">\n                <a href=\"#\" class=\"wf-btn btn-action btn-black\">Get Started<\/a>\n            <\/div>\n        <\/div>\n\n        \n        <div class=\"wf-col pricing-card card-secondary\" style=\"height: 100%;\">\n            <div class=\"card-title\">Support &amp; Maintenance<\/div>\n            <div class=\"price-wrap\">\n                <span class=\"price-val\">$499<\/span>\n                <span class=\"price-term\">\/year<\/span>\n            <\/div>\n\n            <ul class=\"feature-list\">\n                <li class=\"feature-item\">\n                    <i class=\"fa-solid fa-circle-check icon-secondary\" aria-hidden=\"true\"><\/i> Priority Technical Support\n                <\/li>\n                <li class=\"feature-item\">\n                    <i class=\"fa-solid fa-circle-check icon-secondary\" aria-hidden=\"true\"><\/i> Ongoing API Updates\n                <\/li>\n                <li class=\"feature-item\">\n                    <i class=\"fa-solid fa-circle-check icon-secondary\" aria-hidden=\"true\"><\/i> Monthly Health Checks\n                <\/li>\n            <\/ul>\n\n            <div class=\"feature-note\">Optional Annual Renewal<\/div>\n\n            <div class=\"wf-btnGroup u-margin-t-auto\">\n                <a href=\"#\" class=\"wf-btn btn-action btn-outline\">Add to Package<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n<style>[data-css-id=\"row-2rnba12k2u1\"] {\n    padding: var(--spacing-xlg) 0;\n    background-color: var(--clr-white);\n\n    .pricing-container {\n        max-width: 900px;\n        margin: 0 auto;\n    }\n\n    .pricing-header-title {\n        font-size: 2.25rem;\n        font-weight: 700;\n        color: var(--clr-black);\n        margin-bottom: 0.5rem;\n    }\n\n    .pricing-header-sub {\n        font-size: 1.125rem;\n        color: #4B5563;\n        \/* Subtle gray for subtitle *\/\n        margin-bottom: 3.5rem;\n    }\n\n    .pricing-card {\n        display: flex;\n        flex-direction: column;\n        padding: 2.5rem;\n        border-radius: 0.75rem;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    \/* Custom Hover Effect Requirement *\/\n    .pricing-card:hover {\n        transform: translateY(-4px);\n        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);\n    }\n\n    .card-primary {\n        background-color: var(--clr-white);\n        border: 2px solid var(--clr-black);\n    }\n\n    .card-secondary {\n        background-color: #F8F9FA;\n        \/* Very light subtle gray *\/\n        border: 1px solid #E5E7EB;\n    }\n\n    .card-title {\n        font-size: 1.5rem;\n        font-weight: 700;\n        color: var(--clr-black);\n        margin-bottom: 1rem;\n    }\n\n    .price-wrap {\n        display: flex;\n        align-items: baseline;\n        gap: 0.5rem;\n        margin-bottom: 2rem;\n    }\n\n    .price-val {\n        font-size: 3.5rem;\n        font-weight: 800;\n        color: var(--clr-black);\n        line-height: 1;\n        letter-spacing: -0.02em;\n    }\n\n    .price-term {\n        font-size: 0.95rem;\n        color: #4B5563;\n        font-weight: 500;\n    }\n\n    .feature-list {\n        list-style: none;\n        padding: 0;\n        margin: 0 0 2rem 0;\n        display: flex;\n        flex-direction: column;\n        gap: 1.125rem;\n    }\n\n    .feature-item {\n        display: flex;\n        align-items: center;\n        gap: 0.75rem;\n        font-size: 0.95rem;\n        color: #374151;\n    }\n\n    .icon-primary {\n        color: #0073E6;\n        \/* Deep blue from design *\/\n        font-size: 1.25rem;\n    }\n\n    .icon-secondary {\n        color: #9CA3AF;\n        \/* Muted gray from design *\/\n        font-size: 1.25rem;\n    }\n\n    .feature-note {\n        font-style: italic;\n        color: #6B7280;\n        font-size: 0.95rem;\n        margin-bottom: 1.5rem;\n    }\n\n    .btn-action {\n        width: 100%;\n        border-radius: 0.5rem;\n        font-weight: 700;\n        padding: 1rem;\n        font-size: 1rem;\n    }\n\n    .btn-black {\n        background-color: var(--clr-black);\n        color: var(--clr-white);\n        border: 1px solid var(--clr-black);\n    }\n\n    .btn-black:hover {\n        background-color: #333333;\n        color: var(--clr-white);\n    }\n\n    .btn-outline {\n        background-color: transparent;\n        color: var(--clr-black);\n        border: 1px solid #D1D5DB;\n    }\n\n    .btn-outline:hover {\n        background-color: #F3F4F6;\n    }\n    \n     @media (max-width: 1024px) { \n         .pricing-card {\n             height: unset!important;\n         }\n         \n     }\n\n    @media (max-width: 768px) {\n        .pricing-header-title {\n            font-size: 1.75rem;\n        }\n\n        .pricing-header-sub {\n            font-size: 1rem;\n            margin-bottom: 2rem;\n        }\n\n        .pricing-card {\n            padding: 1.5rem;\n        }\n\n        .price-val {\n            font-size: 2.5rem;\n        }\n    }\n}<\/style><\/div><div class=\"wf-row\" data-css-id=\"row-zh4o8rgpn4\" row-order=\"5\" style=\"background-image: none; margin-left: 5%; margin-right: 5%; border-radius: 20px; margin-bottom: 50px;\" data-animate=\"none\"><div class=\"wf-row__content\">\n    <div class=\"wf-colGroup\">\n        <div class=\"wf-col card-col\" style=\"border-top: white;\">\n            <h2 class=\"\">Build a Smarter Directory Today<\/h2>\n            <p>Ready to eliminate manual data entry and provide a superior experience for your members? Let&#8217;s connect and map out your automation journey.<\/p>\n            <div class=\"wf-btnGroup action-buttons\">\n                <a href=\"#\" class=\"wf-btn btn-primary-dark\">Book a Strategy Call<\/a>\n                <a href=\"#\" class=\"wf-btn btn-secondary-text\" style=\"background: gainsboro;padding: 1.1rem 1.8rem;border-radius: 8px;display: none;\">Speak with Sales<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<style>[data-css-id=\"row-zh4o8rgpn4\"] {\n    background-color: #0C1527;\n    background-image: linear-gradient(100deg, #091224 20%, #152236 20%, #152236 33%, #091224 33%, #091224 78%, #31425A 78%);\n    padding: 6rem 0;\n\n    .wf-colGroup {\n        justify-content: center;\n    }\n\n    .card-col {\n        background-color: var(--clr-white);\n        border-radius: 12px;\n        border-top: 12px solid #00689b;\n        padding: 5rem 2rem;\n        text-align: center;\n        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n        flex: 0 1 880px;\n        max-width: 880px;\n    }\n\n    .card-col h2 {\n        font-size: 2.75rem;\n        font-weight: 700;\n        color: var(--clr-black);\n        margin: 0 0 1.5rem 0;\n        letter-spacing: -0.02em;\n        line-height: 1.2;\n    }\n\n    .card-col p {\n        font-size: 1.1rem;\n        color: #333333;\n        max-width: 680px;\n        margin: 0 auto 2.5rem auto;\n        line-height: 1.6;\n    }\n\n    .action-buttons {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 1.5rem;\n    }\n\n    .btn-primary-dark {\n        background-color: var(--clr-black);\n        color: var(--clr-white);\n        border-radius: 8px;\n        padding: 1rem 1.8rem;\n        font-weight: 600;\n        font-size: 1rem;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .btn-primary-dark:hover {\n        background-color: var(--clr-primary);\n        transform: translateY(-2px);\n        box-shadow: 0 4px 12px rgba(26, 154, 243, 0.3);\n    }\n\n    .btn-secondary-text {\n        background: transparent;\n        color: var(--clr-black);\n        font-weight: 700;\n        font-size: 0.95rem;\n        text-decoration: none;\n        transition: color 0.3s ease;\n        padding: 0.5rem;\n    }\n\n    .btn-secondary-text:hover {\n        color: var(--clr-primary);\n    }\n\n    @media (max-width: 1024px) {\n        [data-css-id=\"row-zh4o8rgpn4\"] {\n            padding: 4rem 0;\n        }\n\n        .card-col {\n            padding: 4rem 2rem;\n        }\n\n        .card-col h2 {\n            font-size: 2.25rem;\n        }\n    }\n\n    @media (max-width: 768px) {\n        [data-css-id=\"row-zh4o8rgpn4\"] {\n            padding: 3rem 0;\n        }\n\n        .card-col {\n            padding: 3rem 1.5rem;\n            border-top-width: 8px;\n        }\n\n        .card-col h2 {\n            font-size: 1.75rem;\n        }\n\n        .card-col p {\n            font-size: 1rem;\n            margin-bottom: 2rem;\n        }\n\n        .action-buttons {\n            flex-direction: column;\n            gap: 1rem;\n        }\n\n        \n    }\n}<\/style><\/div><div class=\"wf-footer wf-row\" data-css-id=\"row-1779856680844\" data-animate=\"none\" style=\"background: rgb(13, 21, 39); width: 100%; max-width: 100%; border-top-width: medium; border-top-style: none; border-top-color: currentcolor;\"><div class=\"wf-row__content\">\n\n    <div class=\"wf-colGroup footer-top\">\n        \n        <div class=\"wf-col footer-col-brand span:2\">\n            <div class=\"brand-logo\" style=\"margin-bottom: 0px;\">\n                <div class=\"brand-logo-icon\" style=\"width: 140px; height: 140px;\">\n                    <img decoding=\"async\" src=\"https:\/\/nine28.ai\/wp-content\/uploads\/wf-assets\/library\/assets\/nine28_3.png\" alt=\"Nine28 Logo\" style=\"filter: invert(1); margin-left: -60px;\">\n                <\/div>\n                <span style=\"margin-left: -70px; font-size: 35px;\">Nine28<\/span>\n            <\/div>\n            <p>Pragmatic Intelligence for the modern enterprise. We build the architecture of growth.<\/p>\n        <\/div>\n\n        \n        <div class=\"wf-col footer-col-links span:2\">\n            <h6 class=\"footer-heading\">Explore<\/h6>\n            <ul class=\"footer-link-list\">\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/page-2026-05-26-01%3A45\/?id=1748\">Home<\/a><\/li>\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/readable-archives\/?id=1749\">Readable Archives<\/a><\/li>\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/doc-x-edits\/?id=1757\">Doc-X-Edits<\/a><\/li>\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/atlas-directory\/?id=1758\">Business Directories<\/a><\/li>\n                <li><a href=\"https:\/\/app.storyshapesimpact.com\/preview\/nine28-web\/atlas-consulting\/?id=1759\">AI + Workflow Consulting<\/a><\/li>\n            <\/ul>\n        <\/div>\n\n        \n\n        <div class=\"wf-col footer-col-links span:2\">\n            <h6 class=\"footer-heading\">Support<\/h6>\n            <ul class=\"footer-link-list\">\n                <li><a href=\"#\">Contact Us<\/a><\/li>\n                <li><a href=\"#\">Privacy Policy<\/a><\/li>\n                <li><a href=\"#\">Terms of Service<\/a><\/li>\n            <\/ul>\n            <h6 class=\"footer-heading\" style=\"border-top-width: medium; border-top-style: none; border-top-color: currentcolor; margin-top: 46px; margin-bottom: 15px;\">join the waitlist<\/h6>\n\n            <div class=\"cta-input-group\" style=\"border-radius: 15px; margin-bottom: 10px;\">\n                <input type=\"email\" placeholder=\"Enter your email address\" class=\"cta-input\">\n                <div data-lastpass-icon-root=\"\" style=\"position: relative !important; height: 0px !important; width: 0px !important; display: initial !important; float: left !important;\"><\/div>\n                <div data-lastpass-icon-root=\"\" style=\"position: relative !important; height: 0px !important; width: 0px !important; display: initial !important; float: left !important;\"><\/div><button class=\"cta-btn\" style=\"border-radius: 15px;\">Join Waitlist<\/button>\n            <\/div>\n            <p class=\"cta-disclaimer\" style=\"text-align: justify;\">By joining, you agree to our Terms of Service and Privacy Policy.<\/p>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"wf-colGroup footer-bottom\">\n        <div class=\"wf-col footer-col-copyright\">\n            <p class=\"\" style=\"text-align: center;\">\u00a9 2026 Nine28 Inc. All rights reserved.<\/p>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>atlas directory | Nine28\u00a0 web - nine28.ai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nine28.ai\/?page_id=12\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"atlas directory | Nine28\u00a0 web - nine28.ai\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nine28.ai\/?page_id=12\" \/>\n<meta property=\"og:site_name\" content=\"nine28.ai\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/nine28.ai\\\/?page_id=12\",\"url\":\"https:\\\/\\\/nine28.ai\\\/?page_id=12\",\"name\":\"atlas directory | Nine28\u00a0 web - nine28.ai\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/nine28.ai\\\/#website\"},\"datePublished\":\"2026-06-05T04:37:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/nine28.ai\\\/?page_id=12#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/nine28.ai\\\/?page_id=12\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/nine28.ai\\\/?page_id=12#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/nine28.ai\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"atlas directory | Nine28\u00a0 web\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/nine28.ai\\\/#website\",\"url\":\"https:\\\/\\\/nine28.ai\\\/\",\"name\":\"nine28.ai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/nine28.ai\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"atlas directory | Nine28\u00a0 web - nine28.ai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nine28.ai\/?page_id=12","og_locale":"en_US","og_type":"article","og_title":"atlas directory | Nine28\u00a0 web - nine28.ai","og_url":"https:\/\/nine28.ai\/?page_id=12","og_site_name":"nine28.ai","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nine28.ai\/?page_id=12","url":"https:\/\/nine28.ai\/?page_id=12","name":"atlas directory | Nine28\u00a0 web - nine28.ai","isPartOf":{"@id":"https:\/\/nine28.ai\/#website"},"datePublished":"2026-06-05T04:37:27+00:00","breadcrumb":{"@id":"https:\/\/nine28.ai\/?page_id=12#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nine28.ai\/?page_id=12"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/nine28.ai\/?page_id=12#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nine28.ai\/"},{"@type":"ListItem","position":2,"name":"atlas directory | Nine28\u00a0 web"}]},{"@type":"WebSite","@id":"https:\/\/nine28.ai\/#website","url":"https:\/\/nine28.ai\/","name":"nine28.ai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nine28.ai\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nine28.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":0,"href":"https:\/\/nine28.ai\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"wp:attachment":[{"href":"https:\/\/nine28.ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}