{"id":446,"date":"2026-04-14T13:29:47","date_gmt":"2026-04-14T13:29:47","guid":{"rendered":"https:\/\/jitegemee.symbiosisinvestments.org\/?page_id=446"},"modified":"2026-04-14T13:46:25","modified_gmt":"2026-04-14T13:46:25","slug":"grooves-countdown-to-maturity","status":"publish","type":"page","link":"https:\/\/jitegemee.symbiosisinvestments.org\/?page_id=446","title":{"rendered":"Grooves Countdown to Maturity"},"content":{"rendered":"\n<!-- JITEGEMEE GROVES PAGE - WITH COUNTDOWN TIMERS -->\n<div style=\"padding: 40px 20px; max-width: 1200px; margin: 0 auto;\">\n    \n    <!-- Hero Section -->\n    <div style=\"text-align: center; padding: 60px 20px; background: linear-gradient(135deg, #E6F0FA 0%, #FFFFFF 100%); border-radius: 20px; margin-bottom: 40px;\">\n        <div style=\"font-size: 64px; margin-bottom: 20px;\">\u23f0<\/div>\n        <h1 style=\"font-size: 36px; font-weight: 700; color: #1A4B8C; margin: 0 0 15px 0;\">Countdown to Harvest<\/h1>\n        <p style=\"font-size: 18px; color: #4A5568; max-width: 700px; margin: 0 auto; line-height: 1.6;\">Each grove is on its own journey. See how long until harvest\u2014and sponsor a tree today.<\/p>\n    <\/div>\n\n    <!-- Search Bar -->\n    <style>\n        .search-container {\n            margin: 30px 0 40px;\n        }\n        .search-box {\n            display: flex;\n            gap: 10px;\n            max-width: 500px;\n            margin: 0 auto;\n            flex-wrap: wrap;\n        }\n        .search-input {\n            flex: 1;\n            padding: 14px 20px;\n            border: 2px solid #E2E8F0;\n            border-radius: 50px;\n            font-size: 16px;\n        }\n        .search-input:focus {\n            outline: none;\n            border-color: #1A4B8C;\n        }\n        .search-button {\n            background: #1A4B8C;\n            color: white;\n            border: none;\n            padding: 14px 30px;\n            border-radius: 50px;\n            cursor: pointer;\n        }\n        .search-button:hover {\n            background: #2F855A;\n        }\n    <\/style>\n\n    <div class=\"search-container\">\n        <div class=\"search-box\">\n            <input type=\"text\" id=\"groveSearch\" class=\"search-input\" placeholder=\"\ud83d\udd0d Search by school name...\">\n            <button onclick=\"searchGroves()\" class=\"search-button\">Search<\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Swipeable Groves Carousel -->\n    <style>\n        .groves-carousel {\n            display: flex;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            gap: 25px;\n            padding: 10px 5px 25px;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: thin;\n        }\n        .groves-carousel::-webkit-scrollbar {\n            height: 6px;\n        }\n        .groves-carousel::-webkit-scrollbar-track {\n            background: #E2E8F0;\n            border-radius: 10px;\n        }\n        .groves-carousel::-webkit-scrollbar-thumb {\n            background: #1A4B8C;\n            border-radius: 10px;\n        }\n        .grove-card {\n            flex: 0 0 350px;\n            scroll-snap-align: start;\n            background: #FFFFFF;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            border: 1px solid #E2E8F0;\n            transition: transform 0.3s ease;\n        }\n        .grove-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 8px 25px rgba(26, 75, 140, 0.12);\n        }\n        @media (max-width: 768px) {\n            .grove-card {\n                flex: 0 0 300px;\n            }\n        }\n        .grove-image {\n            height: 160px;\n            background: linear-gradient(135deg, #E8F4EC 0%, #E6F0FA 100%);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 56px;\n        }\n        .grove-content {\n            padding: 20px;\n        }\n        .grove-school {\n            font-size: 18px;\n            font-weight: 600;\n            color: #1A4B8C;\n            margin: 0 0 5px 0;\n        }\n        .grove-location {\n            font-size: 13px;\n            color: #718096;\n            margin-bottom: 12px;\n        }\n        .grove-stats {\n            display: flex;\n            gap: 15px;\n            margin-bottom: 15px;\n            padding-bottom: 15px;\n            border-bottom: 1px solid #E2E8F0;\n        }\n        .grove-stat {\n            flex: 1;\n            text-align: center;\n        }\n        .grove-stat-value {\n            font-weight: 700;\n            font-size: 18px;\n        }\n        .grove-stat-label {\n            font-size: 11px;\n            color: #718096;\n        }\n        \/* Countdown Timer Styling *\/\n        .grove-countdown {\n            background: #F7F7F7;\n            border-radius: 12px;\n            padding: 15px;\n            margin: 15px 0;\n            text-align: center;\n        }\n        .countdown-title {\n            font-size: 12px;\n            color: #4A5568;\n            margin-bottom: 10px;\n            font-weight: 500;\n        }\n        .countdown-numbers {\n            display: flex;\n            justify-content: center;\n            gap: 12px;\n        }\n        .countdown-unit {\n            text-align: center;\n        }\n        .countdown-number {\n            font-size: 24px;\n            font-weight: 700;\n            color: #1A4B8C;\n            background: #FFFFFF;\n            padding: 8px 12px;\n            border-radius: 8px;\n            min-width: 55px;\n            display: inline-block;\n            box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n        }\n        .countdown-label {\n            font-size: 10px;\n            color: #718096;\n            margin-top: 5px;\n            display: block;\n        }\n        .grove-sponsors {\n            font-size: 13px;\n            color: #4A5568;\n            margin-bottom: 15px;\n        }\n        .grove-actions {\n            display: flex;\n            gap: 10px;\n        }\n        .grove-button {\n            flex: 1;\n            padding: 10px 0;\n            text-align: center;\n            border-radius: 8px;\n            font-size: 13px;\n            font-weight: 500;\n            text-decoration: none;\n        }\n        .btn-sponsor {\n            background: #F59E0F;\n            color: white;\n        }\n        .btn-sponsor:hover {\n            background: #1A4B8C;\n        }\n        .btn-view {\n            background: #F7F7F7;\n            color: #1A4B8C;\n            border: 1px solid #E2E8F0;\n        }\n        .scroll-arrows {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            margin-top: 10px;\n        }\n        .scroll-arrow {\n            background: #1A4B8C;\n            color: white;\n            width: 44px;\n            height: 44px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            font-size: 24px;\n            border: none;\n        }\n        .scroll-arrow:hover {\n            background: #2F855A;\n        }\n    <\/style>\n\n    <div class=\"groves-carousel\" id=\"grovesCarousel\">\n        <!-- Grove 1: Kibaha Primary -->\n        <div class=\"grove-card\" data-school=\"Kibaha Primary\">\n            <div class=\"grove-image\">\ud83c\udf33\ud83c\udf33\ud83c\udf33<\/div>\n            <div class=\"grove-content\">\n                <h3 class=\"grove-school\">Kibaha Primary<\/h3>\n                <div class=\"grove-location\">\ud83d\udccd Mwanza City | Planted: March 1, 2026<\/div>\n                <div class=\"grove-stats\">\n                    <div class=\"grove-stat\">\n                        <div class=\"grove-stat-value\">20<\/div>\n                        <div class=\"grove-stat-label\">Trees<\/div>\n                    <\/div>\n                    <div class=\"grove-stat\">\n                        <div class=\"grove-stat-value\">45 cm<\/div>\n                        <div class=\"grove-stat-label\">Avg Height<\/div>\n                    <\/div>\n                    <div class=\"grove-stat\">\n                        <div class=\"grove-stat-value\">65%<\/div>\n                        <div class=\"grove-stat-label\">Progress<\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- COUNTDOWN TIMER - Harvest: March 2031 -->\n                <div class=\"grove-countdown\">\n                    <div class=\"countdown-title\">\u23f3 Countdown to First Harvest<\/div>\n                    <div class=\"countdown-numbers\">\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"days_kibaha\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Days<\/span>\n                        <\/div>\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"hours_kibaha\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Hours<\/span>\n                        <\/div>\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"minutes_kibaha\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Mins<\/span>\n                        <\/div>\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"seconds_kibaha\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Secs<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"grove-sponsors\">\u2764\ufe0f 247 sponsors today<\/div>\n                <div class=\"grove-actions\">\n                    <a href=\"#\" class=\"grove-button btn-sponsor\">Sponsor Now<\/a>\n                    <a href=\"#\" class=\"grove-button btn-view\">View Trees<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Grove 2: Mwanza Secondary -->\n        <div class=\"grove-card\" data-school=\"Mwanza Secondary\">\n            <div class=\"grove-image\">\ud83c\udf33\ud83c\udf33\ud83c\udf33<\/div>\n            <div class=\"grove-content\">\n                <h3 class=\"grove-school\">Mwanza Secondary<\/h3>\n                <div class=\"grove-location\">\ud83d\udccd Mwanza City | Planted: March 15, 2026<\/div>\n                <div class=\"grove-stats\">\n                    <div class=\"grove-stat\">\n                        <div class=\"grove-stat-value\">20<\/div>\n                        <div class=\"grove-stat-label\">Trees<\/div>\n                    <\/div>\n                    <div class=\"grove-stat\">\n                        <div class=\"grove-stat-value\">42 cm<\/div>\n                        <div class=\"grove-stat-label\">Avg Height<\/div>\n                    <\/div>\n                    <div class=\"grove-stat\">\n                        <div class=\"grove-stat-value\">45%<\/div>\n                        <div class=\"grove-stat-label\">Progress<\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- COUNTDOWN TIMER - Harvest: March 2031 -->\n                <div class=\"grove-countdown\">\n                    <div class=\"countdown-title\">\u23f3 Countdown to First Harvest<\/div>\n                    <div class=\"countdown-numbers\">\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"days_mwanza\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Days<\/span>\n                        <\/div>\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"hours_mwanza\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Hours<\/span>\n                        <\/div>\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"minutes_mwanza\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Mins<\/span>\n                        <\/div>\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"seconds_mwanza\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Secs<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"grove-sponsors\">\u2764\ufe0f 189 sponsors today<\/div>\n                <div class=\"grove-actions\">\n                    <a href=\"#\" class=\"grove-button btn-sponsor\">Sponsor Now<\/a>\n                    <a href=\"#\" class=\"grove-button btn-view\">View Trees<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- Grove 3: Igoma Primary -->\n        <div class=\"grove-card\" data-school=\"Igoma Primary\">\n            <div class=\"grove-image\">\ud83c\udf31\ud83c\udf31\ud83c\udf31<\/div>\n            <div class=\"grove-content\">\n                <h3 class=\"grove-school\">Igoma Primary<\/h3>\n                <div class=\"grove-location\">\ud83d\udccd Mwanza City | Planted: Jan 15, 2027<\/div>\n                <div class=\"grove-stats\">\n                    <div class=\"grove-stat\">\n                        <div class=\"grove-stat-value\">20<\/div>\n                        <div class=\"grove-stat-label\">Trees<\/div>\n                    <\/div>\n                    <div class=\"grove-stat\">\n                        <div class=\"grove-stat-value\">28 cm<\/div>\n                        <div class=\"grove-stat-label\">Avg Height<\/div>\n                    <\/div>\n                    <div class=\"grove-stat\">\n                        <div class=\"grove-stat-value\">25%<\/div>\n                        <div class=\"grove-stat-label\">Progress<\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- COUNTDOWN TIMER - Harvest: Jan 2032 -->\n                <div class=\"grove-countdown\">\n                    <div class=\"countdown-title\">\u23f3 Countdown to First Harvest<\/div>\n                    <div class=\"countdown-numbers\">\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"days_igoma\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Days<\/span>\n                        <\/div>\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"hours_igoma\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Hours<\/span>\n                        <\/div>\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"minutes_igoma\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Mins<\/span>\n                        <\/div>\n                        <div class=\"countdown-unit\">\n                            <span class=\"countdown-number\" id=\"seconds_igoma\">&#8212;<\/span>\n                            <span class=\"countdown-label\">Secs<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"grove-sponsors\">\u2764\ufe0f 98 sponsors today<\/div>\n                <div class=\"grove-actions\">\n                    <a href=\"#\" class=\"grove-button btn-sponsor\">Sponsor Now<\/a>\n                    <a href=\"#\" class=\"grove-button btn-view\">View Trees<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Scroll Arrows -->\n    <div class=\"scroll-arrows\">\n        <button class=\"scroll-arrow\" onclick=\"document.getElementById('grovesCarousel').scrollBy({left: -370, behavior: 'smooth'})\">\u2190<\/button>\n        <button class=\"scroll-arrow\" onclick=\"document.getElementById('grovesCarousel').scrollBy({left: 370, behavior: 'smooth'})\">\u2192<\/button>\n    <\/div>\n\n    <!-- Back Link -->\n    <div style=\"text-align: center; margin-top: 40px;\">\n        <a href=\"https:\/\/symbiosisinvestments.org\" style=\"color: #1A4B8C; font-size: 14px; text-decoration: none;\">\u2190 Back to Symbiosis Investments<\/a>\n    <\/div>\n<\/div>\n\n<!-- Countdown Timer JavaScript -->\n<script>\n    \/\/ Set harvest dates for each school (Year 5 from planting)\n    const harvestDates = {\n        kibaha: new Date(2031, 2, 1).getTime(),    \/\/ March 1, 2031\n        mwanza: new Date(2031, 2, 15).getTime(),   \/\/ March 15, 2031\n        igoma: new Date(2032, 0, 15).getTime()     \/\/ Jan 15, 2032\n    };\n    \n    function updateAllCountdowns() {\n        const now = new Date().getTime();\n        \n        \/\/ Update Kibaha\n        updateCountdown('kibaha', harvestDates.kibaha, now);\n        updateCountdown('mwanza', harvestDates.mwanza, now);\n        updateCountdown('igoma', harvestDates.igoma, now);\n    }\n    \n    function updateCountdown(school, targetDate, now) {\n        const distance = targetDate - now;\n        \n        if (distance < 0) {\n            document.getElementById(`days_${school}`).textContent = '00';\n            document.getElementById(`hours_${school}`).textContent = '00';\n            document.getElementById(`minutes_${school}`).textContent = '00';\n            document.getElementById(`seconds_${school}`).textContent = '00';\n            return;\n        }\n        \n        const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n        const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n        const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n        \n        document.getElementById(`days_${school}`).textContent = days.toString().padStart(2, '0');\n        document.getElementById(`hours_${school}`).textContent = hours.toString().padStart(2, '0');\n        document.getElementById(`minutes_${school}`).textContent = minutes.toString().padStart(2, '0');\n        document.getElementById(`seconds_${school}`).textContent = seconds.toString().padStart(2, '0');\n    }\n    \n    function searchGroves() {\n        let input = document.getElementById('groveSearch').value.toLowerCase();\n        let cards = document.querySelectorAll('.grove-card');\n        \n        cards.forEach(card => {\n            let school = card.getAttribute('data-school')?.toLowerCase() || '';\n            if (input === '' || school.includes(input)) {\n                card.style.display = 'block';\n            } else {\n                card.style.display = 'none';\n            }\n        });\n    }\n    \n    \/\/ Update every second\n    setInterval(updateAllCountdowns, 1000);\n    updateAllCountdowns();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u23f0 Countdown to Harvest Each grove is on its own journey. See how long until harvest\u2014and sponsor a tree today. Search \ud83c\udf33\ud83c\udf33\ud83c\udf33 Kibaha Primary \ud83d\udccd Mwanza City | Planted: March 1, 2026 20 Trees 45 cm Avg Height 65% Progress \u23f3 Countdown to First Harvest &#8212; Days &#8212; Hours &#8212; Mins &#8212; Secs \u2764\ufe0f 247&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-446","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jitegemee.symbiosisinvestments.org\/index.php?rest_route=\/wp\/v2\/pages\/446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jitegemee.symbiosisinvestments.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jitegemee.symbiosisinvestments.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jitegemee.symbiosisinvestments.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jitegemee.symbiosisinvestments.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=446"}],"version-history":[{"count":1,"href":"https:\/\/jitegemee.symbiosisinvestments.org\/index.php?rest_route=\/wp\/v2\/pages\/446\/revisions"}],"predecessor-version":[{"id":447,"href":"https:\/\/jitegemee.symbiosisinvestments.org\/index.php?rest_route=\/wp\/v2\/pages\/446\/revisions\/447"}],"wp:attachment":[{"href":"https:\/\/jitegemee.symbiosisinvestments.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}