{"id":98,"date":"2026-04-20T18:35:15","date_gmt":"2026-04-20T18:35:15","guid":{"rendered":"https:\/\/myrootsapp.com\/development\/home\/"},"modified":"2026-04-20T18:37:15","modified_gmt":"2026-04-20T18:37:15","slug":"home","status":"publish","type":"page","link":"https:\/\/myrootsapp.com\/development\/","title":{"rendered":"Home"},"content":{"rendered":"        <nav id=\"mr-landing-nav\" style=\"background:#0d2818;padding:0 20px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.2);\">\n            <div style=\"max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px;\">\n                <a href=\"https:\/\/myrootsapp.com\/development\/\" style=\"display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;font-size:20px;\">\n                    <img decoding=\"async\" src=\"https:\/\/myrootsapp.com\/development\/wp-content\/plugins\/myroots\/assets\/images\/white_logo.png\" width=\"36\" height=\"36\" style=\"border-radius:8px;\">MyRoots\n                <\/a>\n                <!-- Hamburger (mobile only) -->\n                <button id=\"mr-nav-toggle\" onclick=\"document.getElementById('mr-nav-menu').classList.toggle('open')\" style=\"display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;\">\u2630<\/button>\n                <!-- Nav links -->\n                <div id=\"mr-nav-menu\" style=\"display:flex;align-items:center;gap:6px;\">\n                    <a href=\"https:\/\/myrootsapp.com\/development\/about\/\" class=\"mr-nav-link\" style=\"color:rgba(255,255,255,0.75);text-decoration:none;padding:8px 12px;font-size:14px;border-radius:8px;\">About<\/a>\n                    <a href=\"https:\/\/myrootsapp.com\/development\/features\/\" class=\"mr-nav-link\" style=\"color:rgba(255,255,255,0.75);text-decoration:none;padding:8px 12px;font-size:14px;border-radius:8px;\">Features<\/a>\n                    <a href=\"https:\/\/myrootsapp.com\/development\/contact\/\" class=\"mr-nav-link\" style=\"color:rgba(255,255,255,0.75);text-decoration:none;padding:8px 12px;font-size:14px;border-radius:8px;\">Contact<\/a>\n                                        <a href=\"https:\/\/myrootsapp.com\/development\/myroots-login\/\" class=\"mr-nav-link\" style=\"color:rgba(255,255,255,0.75);text-decoration:none;padding:8px 12px;font-size:14px;\">Login<\/a>\n                    <a href=\"https:\/\/myrootsapp.com\/development\/myroots-register\/\" class=\"mr-nav-cta\" style=\"background:#c8a951;color:#0d2818;text-decoration:none;padding:10px 20px;border-radius:24px;font-weight:700;font-size:14px;margin-left:4px;display:inline-block;text-align:center;\">Join Free<\/a>\n                                    <\/div>\n            <\/div>\n        <\/nav>\n        <style>\n        @media(max-width:768px){\n            #mr-nav-toggle{display:block !important;}\n            #mr-nav-menu{\n                display:none !important;\n                position:absolute;top:64px;left:0;right:0;\n                background:#0d2818;\n                flex-direction:column !important;\n                padding:16px 20px 20px;\n                gap:4px !important;\n                box-shadow:0 8px 20px rgba(0,0,0,0.3);\n                border-top:1px solid rgba(255,255,255,0.1);\n            }\n            #mr-nav-menu.open{display:flex !important;}\n            #mr-nav-menu .mr-nav-link{\n                padding:12px 16px !important;\n                font-size:16px !important;\n                border-radius:10px !important;\n                width:100%;\n                box-sizing:border-box;\n            }\n            #mr-nav-menu .mr-nav-link:hover,#mr-nav-menu .mr-nav-link:active{\n                background:rgba(255,255,255,0.1);\n            }\n            #mr-nav-menu .mr-nav-cta{\n                margin:8px 0 0 0 !important;\n                padding:14px 20px !important;\n                font-size:16px !important;\n                border-radius:12px !important;\n                text-align:center !important;\n                width:100%;\n                box-sizing:border-box;\n            }\n            \/* Mobile hero *\/\n            .mr-hero h1{font-size:28px !important;}\n            .mr-hero p{font-size:15px !important;}\n            .mr-hero a.mr-cta{padding:14px 30px !important;font-size:16px !important;}\n            \/* Mobile stats *\/\n            .mr-stats-grid{grid-template-columns:repeat(2,1fr) !important;}\n            \/* Mobile feature cards *\/\n            .mr-cards-grid{grid-template-columns:1fr !important;}\n            \/* Mobile footer *\/\n            .mr-footer-grid{grid-template-columns:1fr !important;gap:24px !important;}\n            \/* Mobile about *\/\n            .mr-about-grid{grid-template-columns:1fr !important;}\n            .mr-founder-box{flex-direction:column !important;text-align:center;}\n        }\n        <\/style>\n                <!-- Hero -->\n        <section class=\"mr-hero\" style=\"background:linear-gradient(160deg,#0d2818 0%,#1a4a2e 50%,#0d2818 100%);padding:100px 20px 80px;text-align:center;position:relative;overflow:hidden;\">\n            <div style=\"max-width:700px;margin:0 auto;position:relative;z-index:2;\">\n                <img decoding=\"async\" src=\"https:\/\/myrootsapp.com\/development\/wp-content\/plugins\/myroots\/assets\/images\/white_logo.png\" width=\"70\" height=\"70\" style=\"border-radius:16px;margin-bottom:20px;\">\n                <h1 style=\"font-family:'Playfair Display',serif;font-size:42px;color:#fff;margin:0 0 16px;line-height:1.2;\">Connecting African Roots Worldwide<\/h1>\n                <p style=\"font-size:18px;color:rgba(255,255,255,0.8);margin:0 0 32px;line-height:1.7;\">Find meaningful connections rooted in your African heritage, tribe, language, and cultural values.<\/p>\n                <a href=\"https:\/\/myrootsapp.com\/development\/myroots-register\/\" style=\"display:inline-block;background:#c8a951;color:#0d2818;padding:16px 40px;border-radius:30px;font-size:18px;font-weight:700;text-decoration:none;box-shadow:0 4px 20px rgba(200,169,81,0.4);transition:transform 0.2s;\">Join MyRoots<\/a>\n                <p style=\"margin-top:12px;font-size:13px;color:rgba(255,255,255,0.5);\">Free to join. African heritage only.<\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Stats -->\n        <section style=\"background:#fff;padding:0;margin-top:-40px;position:relative;z-index:3;\">\n            <div class=\"mr-stats-grid\" style=\"max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--mr-border,#ddd);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.1);\">\n                <div style=\"background:#fff;padding:24px 16px;text-align:center;\"><div style=\"font-size:28px;font-weight:700;color:#0d2818;\">14<\/div><div style=\"font-size:12px;color:#888;margin-top:2px;\">Members<\/div><\/div>\n                <div style=\"background:#fff;padding:24px 16px;text-align:center;\"><div style=\"font-size:28px;font-weight:700;color:#0d2818;\">238<\/div><div style=\"font-size:12px;color:#888;margin-top:2px;\">Tribes<\/div><\/div>\n                <div style=\"background:#fff;padding:24px 16px;text-align:center;\"><div style=\"font-size:28px;font-weight:700;color:#0d2818;\">2<\/div><div style=\"font-size:12px;color:#888;margin-top:2px;\">Countries<\/div><\/div>\n                <div style=\"background:#fff;padding:24px 16px;text-align:center;\"><div style=\"font-size:28px;font-weight:700;color:#c8a951;\">8<\/div><div style=\"font-size:12px;color:#888;margin-top:2px;\">Matches<\/div><\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Feature Cards -->\n        <section style=\"padding:80px 20px;max-width:1000px;margin:0 auto;\">\n            <h2 style=\"text-align:center;font-family:'Playfair Display',serif;font-size:32px;color:#0d2818;margin:0 0 40px;\">Why Choose MyRoots?<\/h2>\n            <div class=\"mr-cards-grid\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;\">\n                                <div style=\"background:#fff;border:1px solid #e8e8e0;border-radius:16px;padding:28px 24px;text-align:center;transition:transform 0.2s,box-shadow 0.2s;\">\n                    <div style=\"font-size:36px;margin-bottom:12px;\">\ud83c\udf0d<\/div>\n                    <h3 style=\"margin:0 0 8px;font-size:18px;color:#0d2818;\">Heritage Matching<\/h3>\n                    <p style=\"margin:0;font-size:14px;color:#666;line-height:1.6;\">We match by tribe, language, and values \u2014 not just appearance.<\/p>\n                <\/div>\n                                <div style=\"background:#fff;border:1px solid #e8e8e0;border-radius:16px;padding:28px 24px;text-align:center;transition:transform 0.2s,box-shadow 0.2s;\">\n                    <div style=\"font-size:36px;margin-bottom:12px;\">\ud83d\udcac<\/div>\n                    <h3 style=\"margin:0 0 8px;font-size:18px;color:#0d2818;\">Digital Villages<\/h3>\n                    <p style=\"margin:0;font-size:14px;color:#666;line-height:1.6;\">Join your tribe&#039;s community. Share traditions, history, and language.<\/p>\n                <\/div>\n                                <div style=\"background:#fff;border:1px solid #e8e8e0;border-radius:16px;padding:28px 24px;text-align:center;transition:transform 0.2s,box-shadow 0.2s;\">\n                    <div style=\"font-size:36px;margin-bottom:12px;\">\ud83d\udd12<\/div>\n                    <h3 style=\"margin:0 0 8px;font-size:18px;color:#0d2818;\">Safe &amp; Private<\/h3>\n                    <p style=\"margin:0;font-size:14px;color:#666;line-height:1.6;\">Contact details are protected. Encrypted calls. Verified profiles.<\/p>\n                <\/div>\n                                <div style=\"background:#fff;border:1px solid #e8e8e0;border-radius:16px;padding:28px 24px;text-align:center;transition:transform 0.2s,box-shadow 0.2s;\">\n                    <div style=\"font-size:36px;margin-bottom:12px;\">\ud83d\udcf1<\/div>\n                    <h3 style=\"margin:0 0 8px;font-size:18px;color:#0d2818;\">Full Communication<\/h3>\n                    <p style=\"margin:0;font-size:14px;color:#666;line-height:1.6;\">Text, voice notes, audio\/video calls, stickers \u2014 all free.<\/p>\n                <\/div>\n                            <\/div>\n        <\/section>\n\n        <!-- How It Works -->\n        <section style=\"background:#f8f6f0;padding:80px 20px;\">\n            <div style=\"max-width:800px;margin:0 auto;text-align:center;\">\n                <h2 style=\"font-family:'Playfair Display',serif;font-size:32px;color:#0d2818;margin:0 0 40px;\">How It Works<\/h2>\n                <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;\">\n                                        <div style=\"text-align:center;\">\n                        <div style=\"width:48px;height:48px;border-radius:50%;background:#0d2818;color:#c8a951;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;\">1<\/div>\n                        <h3 style=\"margin:0 0 6px;font-size:18px;color:#0d2818;\">Create Profile<\/h3>\n                        <p style=\"margin:0;font-size:14px;color:#666;line-height:1.6;\">Register and complete your cultural identity<\/p>\n                    <\/div>\n                                        <div style=\"text-align:center;\">\n                        <div style=\"width:48px;height:48px;border-radius:50%;background:#0d2818;color:#c8a951;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;\">2<\/div>\n                        <h3 style=\"margin:0 0 6px;font-size:18px;color:#0d2818;\">Find Matches<\/h3>\n                        <p style=\"margin:0;font-size:14px;color:#666;line-height:1.6;\">Browse culturally compatible connections<\/p>\n                    <\/div>\n                                        <div style=\"text-align:center;\">\n                        <div style=\"width:48px;height:48px;border-radius:50%;background:#0d2818;color:#c8a951;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;\">3<\/div>\n                        <h3 style=\"margin:0 0 6px;font-size:18px;color:#0d2818;\">Connect &amp; Grow<\/h3>\n                        <p style=\"margin:0;font-size:14px;color:#666;line-height:1.6;\">Chat, call, and build meaningful relationships<\/p>\n                    <\/div>\n                                    <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Bottom CTA -->\n        <section style=\"background:linear-gradient(135deg,#0d2818,#1a4a2e);padding:80px 20px;text-align:center;\">\n            <h2 style=\"font-family:'Playfair Display',serif;font-size:32px;color:#fff;margin:0 0 16px;\">Ready to Find Your Roots?<\/h2>\n            <p style=\"font-size:16px;color:rgba(255,255,255,0.7);margin:0 0 28px;\">Join thousands of Africans connecting through culture and heritage.<\/p>\n            <a href=\"https:\/\/myrootsapp.com\/development\/myroots-register\/\" style=\"display:inline-block;background:#c8a951;color:#0d2818;padding:16px 40px;border-radius:30px;font-size:18px;font-weight:700;text-decoration:none;\">Get Started Free<\/a>\n        <\/section>\n\n                <footer style=\"background:#0d2818;color:#fff;padding:60px 20px 30px;\">\n            <div class=\"mr-footer-grid\" style=\"max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;\">\n                <div>\n                    <div style=\"display:flex;align-items:center;gap:10px;margin-bottom:12px;\">\n                        <img decoding=\"async\" src=\"https:\/\/myrootsapp.com\/development\/wp-content\/plugins\/myroots\/assets\/images\/white_logo.png\" width=\"36\" height=\"36\" style=\"border-radius:8px;\">\n                        <span style=\"font-size:20px;font-weight:700;\">MyRoots<\/span>\n                    <\/div>\n                    <p style=\"font-size:13px;color:rgba(255,255,255,0.6);line-height:1.7;\">Connecting Africans worldwide through heritage.<\/p>\n                <\/div>\n                <div>\n                    <h4 style=\"color:#c8a951;font-size:14px;margin:0 0 14px;text-transform:uppercase;letter-spacing:1px;\">Quick Links<\/h4>\n                    <div style=\"display:flex;flex-direction:column;gap:8px;\">\n                        <a href=\"https:\/\/myrootsapp.com\/development\/\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;\">Home<\/a>\n                        <a href=\"https:\/\/myrootsapp.com\/development\/about\/\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;\">About Us<\/a>\n                        <a href=\"https:\/\/myrootsapp.com\/development\/features\/\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;\">Features<\/a>\n                        <a href=\"https:\/\/myrootsapp.com\/development\/myroots-premium\/\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;\">Pricing<\/a>\n                        <a href=\"https:\/\/myrootsapp.com\/development\/contact\/\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;\">Contact<\/a>\n                    <\/div>\n                <\/div>\n                <div>\n                    <h4 style=\"color:#c8a951;font-size:14px;margin:0 0 14px;text-transform:uppercase;letter-spacing:1px;\">Legal<\/h4>\n                    <div style=\"display:flex;flex-direction:column;gap:8px;\">\n                        <a href=\"https:\/\/myrootsapp.com\/development\/myroots-privacy\/\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;\">Privacy Policy<\/a>\n                        <a href=\"https:\/\/myrootsapp.com\/development\/terms\/\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;\">Terms & Conditions<\/a>\n                        <a href=\"https:\/\/myrootsapp.com\/development\/myroots-guidelines\/\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;\">Community Guidelines<\/a>\n                        <a href=\"https:\/\/myrootsapp.com\/development\/myroots-safety\/\" style=\"color:rgba(255,255,255,0.7);text-decoration:none;font-size:14px;\">Safety Tips<\/a>\n                    <\/div>\n                <\/div>\n                <div>\n                    <h4 style=\"color:#c8a951;font-size:14px;margin:0 0 14px;text-transform:uppercase;letter-spacing:1px;\">Contact<\/h4>\n                    <div style=\"display:flex;flex-direction:column;gap:8px;font-size:14px;color:rgba(255,255,255,0.7);\">\n                                                                    <\/div>\n                    <div style=\"display:flex;gap:12px;margin-top:14px;\">\n                                                                                            <\/div>\n                <\/div>\n            <\/div>\n            <div style=\"border-top:1px solid rgba(255,255,255,0.1);margin-top:40px;padding-top:20px;text-align:center;font-size:13px;color:rgba(255,255,255,0.4);\">\n                \u00a9 2025 MyRoots App. All rights reserved.            <\/div>\n        <\/footer>\n                \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-98","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/myrootsapp.com\/development\/wp-json\/wp\/v2\/pages\/98","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/myrootsapp.com\/development\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/myrootsapp.com\/development\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/myrootsapp.com\/development\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/myrootsapp.com\/development\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":1,"href":"https:\/\/myrootsapp.com\/development\/wp-json\/wp\/v2\/pages\/98\/revisions"}],"predecessor-version":[{"id":106,"href":"https:\/\/myrootsapp.com\/development\/wp-json\/wp\/v2\/pages\/98\/revisions\/106"}],"wp:attachment":[{"href":"https:\/\/myrootsapp.com\/development\/wp-json\/wp\/v2\/media?parent=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}