{"id":8577,"date":"2024-07-17T16:30:38","date_gmt":"2024-07-17T16:30:38","guid":{"rendered":"https:\/\/pestraid.strongholdthemes.com\/demos\/demo1\/?page_id=14"},"modified":"2026-02-26T07:33:51","modified_gmt":"2026-02-26T07:33:51","slug":"home","status":"publish","type":"page","link":"https:\/\/mogloop.co.za\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nMogloop - Premium Organic Fertilizer<\/title>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* RESET *\/\r\n* { margin:0; padding:0; box-sizing:border-box; }\r\n\r\nbody {\r\n font-family: 'Roboto', sans-serif;\r\n color: #333;\r\n line-height: 1.6;\r\n width: 100%;\r\n overflow-x: hidden;\r\n background: #ffffff;\r\n}\r\n\r\n\/* FULL-WIDTH HERO WITH BACKGROUND IMAGE *\/\r\n.mogloop-hero {\r\n width: 100vw;\r\n margin-left: calc(-50vw + 50%);\r\n min-height: 100vh;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n padding-top: 40px;\r\n padding-bottom: 30px;\r\n}\r\n\r\n\/* BACKGROUND IMAGE WITH LIGHTER OVERLAY *\/\r\n.hero-background {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background:\r\n linear-gradient(90deg, rgba(10, 41, 18, 0.55) 0%, rgba(10, 41, 18, 0.35) 100%),\r\n url('https:\/\/mogloop.co.za\/wp-content\/uploads\/2026\/02\/fresh-healthy-ripe-orchard-nature-green-organic-agricultural-tree-food-summer-farming-apple-leaves-juicy-harvesting-fruit-seasonal-pick-garden-sweet-hand-plant-scaled.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n z-index: 1;\r\n}\r\n\r\n\/* CONTENT OVERLAY *\/\r\n.hero-content {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1400px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n width: 100%;\r\n padding-top: 30px;\r\n}\r\n\r\n\/* CENTERED TEXT CONTENT *\/\r\n.hero-text {\r\n max-width: 900px;\r\n margin: 0 auto;\r\n color: white;\r\n text-align: center;\r\n}\r\n\r\n\/* MAIN TITLE *\/\r\n.hero-main-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 4.5rem;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n margin-bottom: 15px;\r\n color: #ffffff;\r\n text-shadow: 0 3px 6px rgba(0,0,0,0.3);\r\n letter-spacing: -0.5px;\r\n margin-top: 10px;\r\n}\r\n\r\n.hero-main-title span {\r\n color: #77b700;\r\n display: block;\r\n font-size: 5rem;\r\n margin-top: 5px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* SUBTITLE - EXTRA BOLD *\/\r\n.hero-subtitle {\r\n font-size: 1.8rem;\r\n color: #f8f8f8;\r\n font-weight: 700; \/* EXTRA BOLD *\/\r\n margin-bottom: 40px;\r\n line-height: 1.4;\r\n letter-spacing: 1px; \/* SLIGHTLY MORE LETTER SPACING *\/\r\n text-transform: uppercase;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* DESCRIPTION *\/\r\n.hero-description { \r\n font-size: 1.4rem;\r\n line-height: 1.7; \r\n color: #ffffff; \r\n font-weight: 300; \r\n margin-bottom: 50px;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n padding: 0 20px;\r\n}\r\n\r\n\/* DOWNLOAD BUTTON *\/\r\n.hero-download-btn {\r\n display: inline-block;\r\n margin-top: 10px;\r\n padding: 14px 30px;\r\n background-color: #77b700;\r\n color: #ffffff;\r\n font-weight: 600;\r\n border-radius: 999px;\r\n text-decoration: none;\r\n font-size: 1rem;\r\n letter-spacing: 0.5px;\r\n text-transform: uppercase;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.25);\r\n transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\r\n}\r\n\r\n.hero-download-btn:hover {\r\n background-color: #689f00;\r\n transform: translateY(-1px);\r\n box-shadow: 0 6px 14px rgba(0,0,0,0.3);\r\n}\r\n\r\n\/* CLEAN STATS SECTION WITH LINES ABOVE AND BELOW *\/\r\n.clean-stats-section {\r\n margin: 80px auto 30px;\r\n max-width: 900px;\r\n position: relative;\r\n}\r\n\r\n\/* LINE ABOVE STATS *\/\r\n.clean-stats-section::before {\r\n content: '';\r\n position: absolute;\r\n top: -40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 200px;\r\n height: 2px;\r\n background: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n\/* LINE BELOW STATS *\/\r\n.clean-stats-section::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -40px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 200px;\r\n height: 2px;\r\n background: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n\/* STATS GRID - CLEAN LAYOUT *\/\r\n.clean-stats-grid {\r\n display: flex;\r\n justify-content: center;\r\n gap: 80px;\r\n}\r\n\r\n.stat-block {\r\n text-align: center;\r\n min-width: 180px;\r\n}\r\n\r\n.stat-value {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 3.5rem;\r\n font-weight: 700;\r\n color: #77b700;\r\n display: block;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n}\r\n\r\n.stat-label {\r\n font-size: 1.1rem;\r\n color: #ffffff;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n display: block;\r\n margin-top: 8px;\r\n opacity: 0.9;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1200px) {\r\n .hero-main-title {\r\n font-size: 4rem;\r\n }\r\n \r\n .hero-main-title span {\r\n font-size: 4.2rem;\r\n }\r\n \r\n .clean-stats-grid {\r\n gap: 60px;\r\n }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .hero-content {\r\n padding: 0 20px;\r\n }\r\n \r\n .hero-main-title {\r\n font-size: 3.2rem;\r\n margin-top: 5px;\r\n }\r\n \r\n .hero-main-title span {\r\n font-size: 3.5rem;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: 1.6rem; \/* SLIGHTLY LARGER ON TABLET *\/\r\n font-weight: 700;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1.2rem;\r\n padding: 0;\r\n max-width: 700px;\r\n }\r\n \r\n .clean-stats-grid {\r\n gap: 40px;\r\n }\r\n \r\n .stat-value {\r\n font-size: 3rem;\r\n }\r\n \r\n .stat-block {\r\n min-width: 150px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .mogloop-hero {\r\n min-height: 80vh;\r\n padding: 40px 0;\r\n padding-top: 30px;\r\n padding-bottom: 40px;\r\n }\r\n \r\n .hero-content {\r\n padding-top: 20px;\r\n }\r\n \r\n .hero-main-title { \r\n font-size: 2.5rem; \r\n margin-top: 5px;\r\n }\r\n \r\n .hero-main-title span {\r\n font-size: 2.8rem;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: 1.4rem; \/* MAINTAIN VISIBILITY ON MOBILE *\/\r\n font-weight: 700;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .clean-stats-section {\r\n margin: 60px auto 20px;\r\n }\r\n \r\n .clean-stats-grid {\r\n flex-direction: column;\r\n gap: 40px;\r\n }\r\n \r\n .stat-block {\r\n min-width: 100%;\r\n }\r\n \r\n .stat-value {\r\n font-size: 2.8rem;\r\n }\r\n \r\n .clean-stats-section::before,\r\n .clean-stats-section::after {\r\n width: 150px;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .mogloop-hero {\r\n padding-top: 25px;\r\n padding-bottom: 30px;\r\n }\r\n \r\n .hero-content {\r\n padding-top: 15px;\r\n }\r\n \r\n .hero-main-title { \r\n font-size: 2rem; \r\n margin-top: 5px;\r\n }\r\n \r\n .hero-main-title span {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .hero-subtitle {\r\n font-size: 1.2rem; \/* STILL BOLD AND READABLE *\/\r\n font-weight: 700;\r\n }\r\n \r\n .hero-description {\r\n font-size: 1rem;\r\n }\r\n \r\n .clean-stats-section {\r\n margin: 50px auto 15px;\r\n }\r\n \r\n .clean-stats-section::before,\r\n .clean-stats-section::after {\r\n width: 120px;\r\n top: -30px;\r\n bottom: -30px;\r\n }\r\n \r\n .stat-value {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .stat-label {\r\n font-size: 1rem;\r\n }\r\n}\r\n\r\n\/* ANIMATIONS *\/\r\n@keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(40px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes slideInLine {\r\n from {\r\n width: 0;\r\n }\r\n to {\r\n width: 200px;\r\n }\r\n}\r\n\r\n.hero-main-title {\r\n animation: fadeInUp 1s ease-out 0.2s both;\r\n}\r\n\r\n.hero-subtitle {\r\n animation: fadeInUp 1s ease-out 0.4s both;\r\n}\r\n\r\n.hero-description {\r\n animation: fadeInUp 1s ease-out 0.6s both;\r\n}\r\n\r\n.clean-stats-section::before,\r\n.clean-stats-section::after {\r\n animation: slideInLine 1s ease-out 0.8s both;\r\n}\r\n\r\n.clean-stats-grid {\r\n animation: fadeInUp 1s ease-out 1s both;\r\n}\r\n\r\n\/* DECORATIVE ELEMENTS *\/\r\n.hero-content::before {\r\n content: '';\r\n position: absolute;\r\n top: -80px;\r\n right: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(156, 186, 130, 0.1) 0%, transparent 70%);\r\n z-index: -1;\r\n}\r\n\r\n.hero-content::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -100px;\r\n left: -100px;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle, rgba(255, 140, 0, 0.1) 0%, transparent 70%);\r\n z-index: -1;\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"mogloop-hero\">\r\n <div class=\"hero-background\"><\/div>\r\n \r\n <div class=\"hero-content\">\r\n <!-- CENTERED TEXT CONTENT -->\r\n <div class=\"hero-text\">\r\n <!-- MAIN TITLE -->\r\n <h1 class=\"hero-main-title\">Cultivating<br><span>Excellence<\/span><\/h1>\r\n \r\n <!-- SUBTITLE - NOW EXTRA BOLD -->\r\n <div class=\"hero-subtitle\">Premium Enzyme-Based Liquid Fertilizer<\/div>\r\n \r\n <!-- DESCRIPTION -->\r\n <div class=\"hero-description\">\r\n Mogloop's scientifically formulated organic fertilizer harnesses nature's own nutrients to deliver exceptional results for healthier crops and superior soil vitality.\r\n <\/div>\r\n\r\n <!-- DOWNLOAD BROCHURE BUTTON -->\r\n <a class=\"hero-download-btn\" href=\"https:\/\/mogloop.co.za\/wp-content\/uploads\/2026\/02\/low-res-brochure-Mogloop-2026.pdf\" target=\"_blank\" rel=\"noopener\">\r\n Download Brochure\r\n <\/a>\r\n \r\n <!-- FERTILIZER GUIDE BUTTON -->\r\n <a class=\"hero-download-btn\" href=\"https:\/\/mogloop.co.za\/wp-content\/uploads\/2026\/02\/mogloop-brochure-A5-print-ready-10-Feb.pdf\" target=\"_blank\" rel=\"noopener\">\r\n Fertilizer Guide\r\n <\/a>\r\n \r\n <!-- CLEAN STATS SECTION WITH LINES -->\r\n <div class=\"clean-stats-section\">\r\n <div class=\"clean-stats-grid\">\r\n <div class=\"stat-block\">\r\n <span class=\"stat-value\">50-147%<\/span>\r\n <span class=\"stat-label\">Yield Increase<\/span>\r\n <\/div>\r\n <div class=\"stat-block\">\r\n <span class=\"stat-value\">100%<\/span>\r\n <span class=\"stat-label\">Natural Formula<\/span>\r\n <\/div>\r\n <div class=\"stat-block\">\r\n <span class=\"stat-value\">10+<\/span>\r\n <span class=\"stat-label\">Days Freshness<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-32c7634 e-grid e-con-boxed e-con e-parent\" data-id=\"32c7634\" 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-ef6fb89 elementor-widget elementor-widget-html\" data-id=\"ef6fb89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Mogloop - Premium Organic Fertilizer<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* RESET *\/\r\n* { margin:0; padding:0; box-sizing:border-box; }\r\n\r\nbody {\r\n font-family: 'Roboto', sans-serif;\r\n color: #333;\r\n line-height: 1.6;\r\n width: 100%;\r\n overflow-x: hidden;\r\n background: transparent;\r\n}\r\n\r\n\/* INTEGRATED TITLE SECTION *\/\r\n.title-section {\r\n width: 100%;\r\n padding: 80px 40px 25px;\r\n position: relative;\r\n}\r\n\r\n\/* TITLE CONTENT *\/\r\n.title-content {\r\n text-align: left;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* WELCOME TEXT *\/\r\n.welcome-text {\r\n font-size: 0.95rem;\r\n color: #77b700;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 3px;\r\n margin-bottom: 10px;\r\n display: block;\r\n}\r\n\r\n\/* MAIN TITLE *\/\r\n.main-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 4.5rem;\r\n font-weight: 900;\r\n line-height: 1.05;\r\n color: #0a2912;\r\n margin-bottom: 15px;\r\n}\r\n\r\n.main-title span {\r\n color: #77b700;\r\n display: block;\r\n font-size: 4.8rem;\r\n margin-top: 8px;\r\n}\r\n\r\n\/* SUBTITLE *\/\r\n.subtitle {\r\n font-size: 1.4rem;\r\n color: #444;\r\n font-weight: 300;\r\n line-height: 1.6;\r\n max-width: 700px;\r\n margin-top: 20px;\r\n}\r\n\r\n\/* GUARANTEED CONTENT SECTION *\/\r\n.guaranteed-section {\r\n width: 100%;\r\n padding: 0 40px 40px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* GUARANTEED TITLE WITH (W\/W) AS PART OF THE LINE *\/\r\n.guaranteed-title {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2.2rem;\r\n font-weight: 700;\r\n color: #0a2912;\r\n margin-bottom: 25px;\r\n margin-top: 0;\r\n}\r\n\r\n.guaranteed-title span {\r\n color: #77b700;\r\n font-size: 1.8rem;\r\n font-weight: 600;\r\n letter-spacing: 1px;\r\n}\r\n\r\n\/* CONTENT ITEMS *\/\r\n.content-items {\r\n display: flex;\r\n justify-content: flex-start;\r\n flex-wrap: nowrap;\r\n gap: 0;\r\n}\r\n\r\n.content-item {\r\n padding: 0 25px;\r\n position: relative;\r\n text-align: left;\r\n min-width: 180px;\r\n}\r\n\r\n.content-item:not(:last-child)::after {\r\n content: '';\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n height: 50px; \/* Increased height *\/\r\n width: 1px;\r\n background: rgba(0, 0, 0, 0.25); \/* Much darker - was 0.08, now 0.25 *\/\r\n}\r\n\r\n.value {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 2rem;\r\n font-weight: 700;\r\n color: #0a2912;\r\n display: block;\r\n line-height: 1;\r\n margin-bottom: 12px; \/* Increased from 5px to 12px *\/\r\n letter-spacing: 0.8px;\r\n}\r\n\r\n.label {\r\n font-size: 0.9rem;\r\n color: #666;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n display: block;\r\n line-height: 1.3;\r\n}\r\n\r\n\/* RESPONSIVE *\/\r\n@media (max-width: 1200px) {\r\n .main-title {\r\n font-size: 3.8rem;\r\n }\r\n \r\n .main-title span {\r\n font-size: 4rem;\r\n }\r\n \r\n .content-items {\r\n flex-wrap: wrap;\r\n gap: 20px 0;\r\n }\r\n \r\n .content-item {\r\n flex: 0 0 33.333%;\r\n padding: 0 20px;\r\n }\r\n \r\n .content-item:not(:last-child)::after {\r\n display: none;\r\n }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .title-section,\r\n .guaranteed-section {\r\n padding-left: 20px;\r\n padding-right: 20px;\r\n }\r\n \r\n .title-section {\r\n padding: 60px 20px 15px;\r\n }\r\n \r\n .title-content {\r\n text-align: center;\r\n }\r\n \r\n .main-title {\r\n font-size: 3.2rem;\r\n }\r\n \r\n .main-title span {\r\n font-size: 3.4rem;\r\n }\r\n \r\n .subtitle {\r\n margin: 20px auto 0;\r\n text-align: center;\r\n max-width: 800px;\r\n }\r\n \r\n .guaranteed-title {\r\n font-size: 2rem;\r\n text-align: center;\r\n }\r\n \r\n .guaranteed-title span {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .content-items {\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n \r\n .content-item {\r\n text-align: center;\r\n }\r\n \r\n .value {\r\n letter-spacing: 0.7px;\r\n margin-bottom: 10px; \/* Adjusted for tablet *\/\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .title-section {\r\n padding: 40px 15px 10px;\r\n }\r\n \r\n .main-title {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .main-title span {\r\n font-size: 2.7rem;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.2rem;\r\n max-width: 100%;\r\n }\r\n \r\n .welcome-text {\r\n font-size: 0.85rem;\r\n letter-spacing: 2.5px;\r\n }\r\n \r\n .guaranteed-section {\r\n padding: 0 15px 30px;\r\n }\r\n \r\n .guaranteed-title {\r\n font-size: 1.8rem;\r\n }\r\n \r\n .guaranteed-title span {\r\n font-size: 1.4rem;\r\n }\r\n \r\n .content-item {\r\n flex: 0 0 50%;\r\n padding: 0 15px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .content-item:not(:last-child)::after {\r\n height: 40px; \/* Adjusted for mobile *\/\r\n }\r\n \r\n .value {\r\n font-size: 1.8rem;\r\n letter-spacing: 0.6px;\r\n margin-bottom: 8px; \/* Adjusted for mobile *\/\r\n }\r\n \r\n .label {\r\n font-size: 0.85rem;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .main-title {\r\n font-size: 2rem;\r\n }\r\n \r\n .main-title span {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .subtitle {\r\n font-size: 1.1rem;\r\n }\r\n \r\n .welcome-text {\r\n font-size: 0.8rem;\r\n letter-spacing: 2px;\r\n }\r\n \r\n .guaranteed-title {\r\n font-size: 1.6rem;\r\n }\r\n \r\n .guaranteed-title span {\r\n font-size: 1.2rem;\r\n }\r\n \r\n .content-item {\r\n flex: 0 0 100%;\r\n margin-bottom: 25px;\r\n }\r\n \r\n .content-item:not(:last-child)::after {\r\n display: none; \/* Remove dividers on mobile *\/\r\n }\r\n \r\n .value {\r\n font-size: 1.8rem;\r\n letter-spacing: 0.5px;\r\n margin-bottom: 6px; \/* Adjusted for small mobile *\/\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- INTEGRATED TITLE SECTION -->\r\n<section class=\"title-section\">\r\n <div class=\"title-content\">\r\n <div class=\"welcome-text\">Welcome to Mogloop<\/div>\r\n <h1 class=\"main-title\">Premium Organic<br><span>Liquid Fertiliser<\/span><\/h1>\r\n <div class=\"subtitle\">\r\n Discover nature's power for exceptional crop growth, improved soil health, and sustainable agricultural practices.\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ALIGNED GUARANTEED CONTENT SECTION -->\r\n<div class=\"guaranteed-section\">\r\n <!-- GUARANTEED TITLE WITH (W\/W) AS PART OF THE LINE -->\r\n <h2 class=\"guaranteed-title\">\r\n GUARANTEED CONTENT <span>(W \/ W)<\/span>\r\n <\/h2>\r\n \r\n <div class=\"content-items\">\r\n <div class=\"content-item\">\r\n <span class=\"value\">%35<\/span>\r\n <span class=\"label\">Organic Matter<\/span>\r\n <\/div>\r\n <div class=\"content-item\">\r\n <span class=\"value\">%14<\/span>\r\n <span class=\"label\">Organic Carbon<\/span>\r\n <\/div>\r\n <div class=\"content-item\">\r\n <span class=\"value\">%3.91<\/span>\r\n <span class=\"label\">Total Nitrogen<\/span>\r\n <\/div>\r\n <div class=\"content-item\">\r\n <span class=\"value\">%3.5<\/span>\r\n <span class=\"label\">Water Soluble K2O<\/span>\r\n <\/div>\r\n <div class=\"content-item\">\r\n <span class=\"value\">3.5-5.5<\/span>\r\n <span class=\"label\">pH Range<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ddc4ad8 e-grid e-con-boxed e-con e-parent\" data-id=\"ddc4ad8\" 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-16a3d24 elementor-widget elementor-widget-html\" data-id=\"16a3d24\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>South Africa Planting Calendar | Mogloop Agricultural Intelligence<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; background: #fff; color: #333; line-height: 1.5; overflow-x: hidden; }\r\n \r\n \/* Header *\/\r\n .header { padding: 1.5rem 1rem; border-bottom: 1px solid #eee; position: sticky; top: 0; z-index: 100; background: #fff; }\r\n .badge { display: inline-flex; align-items: center; gap: 0.5rem; color: #77b700; font-size: 0.875rem; font-weight: 500; margin-bottom: 0.75rem; padding: 0.25rem 0.75rem; background: #f8f9fa; border-radius: 1rem; }\r\n .title { font-size: 1.75rem; font-weight: 600; margin-bottom: 0.5rem; color: #333; }\r\n .description { color: #666; font-size: 1rem; max-width: 800px; }\r\n\r\n \/* Layout *\/\r\n .main-layout { display: flex; flex-direction: column; min-height: calc(100vh - 120px); }\r\n @media (min-width: 768px) { .main-layout { flex-direction: row; } }\r\n\r\n \/* Sidebar *\/\r\n .left-panel { border-bottom: 1px solid #eee; padding: 1.25rem 1rem; background: #f8f9fa; width: 100%; }\r\n @media (min-width: 768px) { \r\n .left-panel { width: 300px; min-width: 300px; border-right: 1px solid #eee; border-bottom: none; height: calc(100vh - 140px); overflow-y: auto; position: sticky; top: 140px; } \r\n }\r\n \r\n .search-input { width: 100%; padding: 0.75rem; border: 1px solid #ddd; border-radius: 0.5rem; margin-bottom: 1.25rem; font-size: 0.9375rem; background: #fff; outline-color: #77b700; }\r\n .crop-list { display: flex; flex-direction: column; gap: 0.25rem; }\r\n .crop-item { padding: 0.75rem; border: 1px solid #eee; border-radius: 0.5rem; cursor: pointer; font-size: 0.875rem; display: flex; align-items: center; gap: 0.75rem; transition: all 0.2s; background: #fff; }\r\n .crop-item:hover { border-color: #77b700; background: #fafdf5; }\r\n .crop-item.active { background: #e8f5cc; border-color: #77b700; color: #2d4a00; font-weight: 600; }\r\n .crop-icon { color: #77b700; min-width: 1.25rem; text-align: center; }\r\n\r\n \/* Main View *\/\r\n .right-panel { flex: 1; padding: 1.5rem 1rem; width: 100%; }\r\n @media (min-width: 768px) { .right-panel { padding: 2rem; } }\r\n\r\n .crop-header { margin-bottom: 2rem; padding-bottom: 1.25rem; border-bottom: 1px solid #eee; }\r\n .crop-title { font-size: 2.2rem; font-weight: 800; margin-bottom: 0.5rem; color: #1a1a1a; }\r\n .crop-desc { color: #444; font-size: 1.1rem; line-height: 1.6; max-width: 900px; }\r\n\r\n \/* Timeline Section *\/\r\n .timeline-box { margin-bottom: 2.5rem; background: #fff; padding: 1.5rem; border: 1px solid #eee; border-radius: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }\r\n .month-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 2px; background: #e5e7eb; border: 1px solid #e5e7eb; margin-bottom: 1rem; border-radius: 4px; overflow: hidden; }\r\n .month-cell { background: #fff; padding: 0.6rem 0; text-align: center; font-size: 0.75rem; font-weight: 700; color: #4b5563; }\r\n .month-cell.current { background: #77b700; color: #fff; }\r\n\r\n .visual-timeline { height: 130px; width: 100%; position: relative; background: #f9fafb; border-radius: 4px; border: 1px solid #f3f4f6; }\r\n .season-bar { position: absolute; height: 26px; border-radius: 4px; color: white; font-size: 0.75rem; font-weight: 700; display: flex; align-items: center; padding: 0 0.8rem; white-space: nowrap; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }\r\n \r\n .planting { background: #059669; }\r\n .fertilizer { background: #77b700; }\r\n .harvest { background: #d97706; }\r\n\r\n \/* Content Blocks *\/\r\n .info-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-top: 1rem; }\r\n @media (min-width: 1024px) { .info-grid { grid-template-columns: 2fr 1fr; } }\r\n\r\n .province-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }\r\n .province-item { padding: 1rem; border: 1px solid #eee; border-radius: 0.5rem; background: #ffffff; border-left: 3px solid #77b700; transition: transform 0.2s; }\r\n .province-item:hover { transform: translateY(-2px); box-shadow: 0 4px 6px rgba(0,0,0,0.05); }\r\n .province-name { font-weight: 700; color: #111; font-size: 0.95rem; margin-bottom: 0.25rem; }\r\n .province-desc { font-size: 0.85rem; color: #666; line-height: 1.4; }\r\n\r\n .rec-item { padding: 1.25rem; border-left: 5px solid #77b700; background: #f8fafc; margin-bottom: 1rem; border-radius: 0 8px 8px 0; }\r\n .rec-title { font-weight: 800; margin-bottom: 0.4rem; color: #1e293b; display: flex; align-items: center; gap: 0.5rem; }\r\n .rec-desc { color: #475569; font-size: 0.95rem; }\r\n\r\n .legend { display: flex; flex-wrap: wrap; gap: 1.5rem; margin-top: 2rem; padding: 1rem; border-top: 1px solid #eee; }\r\n .legend-item { display: flex; align-items: center; gap: 0.6rem; font-size: 0.85rem; font-weight: 600; color: #444; }\r\n .legend-box { width: 14px; height: 14px; border-radius: 3px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"header\">\r\n <div class=\"badge\"><i class=\"fas fa-globe-africa\"><\/i><span>Mogloop Agri-Intelligence System<\/span><\/div>\r\n <h1 class=\"title\">South Africa Planting Calendar<\/h1>\r\n <p class=\"description\">Comprehensive provincial planting dates, harvesting windows, and Mogloop fertilizer protocols for 2026.<\/p>\r\n <\/div>\r\n\r\n <div class=\"main-layout\">\r\n <div class=\"left-panel\">\r\n <input type=\"text\" class=\"search-input\" id=\"searchBar\" placeholder=\"Search 22 crops...\" onkeyup=\"filterCrops()\">\r\n <div class=\"crop-list\" id=\"sidebarList\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"right-panel\">\r\n <div class=\"crop-header\">\r\n <h2 class=\"crop-title\" id=\"cropTitle\">Loading...<\/h2>\r\n <p class=\"crop-desc\" id=\"cropDesc\"><\/p>\r\n <\/div>\r\n\r\n <div class=\"timeline-box\">\r\n <div class=\"month-grid\" id=\"monthGrid\"><\/div>\r\n <div class=\"visual-timeline\" id=\"timeline\"><\/div>\r\n <div class=\"legend\">\r\n <div class=\"legend-item\"><div class=\"legend-box planting\"><\/div> Planting Season<\/div>\r\n <div class=\"legend-item\"><div class=\"legend-box fertilizer\"><\/div> Mogloop Application<\/div>\r\n <div class=\"legend-item\"><div class=\"legend-box harvest\"><\/div> Harvesting Window<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-grid\">\r\n <div>\r\n <h3 style=\"margin-bottom:1.5rem;\"><i class=\"fas fa-map-marked-alt\" style=\"color:#77b700\"><\/i> Provincial Suitability (9 Provinces)<\/h3>\r\n <div class=\"province-list\" id=\"provinceList\"><\/div>\r\n <\/div>\r\n <div>\r\n <h3 style=\"margin-bottom:1.5rem;\"><i class=\"fas fa-flask\" style=\"color:#77b700\"><\/i> Protocols<\/h3>\r\n <div id=\"activitiesList\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n\/\/ COMPLETE AUDITED DATASET - 22 CROPS\r\nconst crops = {\r\n 'maize': {\r\n name: 'Maize (Corn)', icon: 'fa-wheat-awn',\r\n description: 'Primary staple. White maize for human consumption, yellow for animal feed.',\r\n planting: [9, 10, 11], fertilizer: [{m:[10,11], l:'V4 Growth Boost', t:10}, {m:[0,1], l:'Grain Fill', t:40}], harvest: [3, 4, 5, 6],\r\n provinces: [{n:'Free State', d:'The Maize Triangle leader.'},{n:'North West', d:'High commercial output.'},{n:'Mpumalanga', d:'Highveld production belt.'},{n:'Gauteng', d:'Southern Sedibeng region.'},{n:'KZN', d:'Inland commercial irrigation.'},{n:'Eastern Cape', d:'Expanding commercial\/subsistence.'},{n:'Limpopo', d:'Springbok Flats area.'},{n:'Northern Cape', d:'Irrigated (Douglas\/Vaalharts).'},{n:'Western Cape', d:'Limited irrigated silage.'}],\r\n activities: [{t:'Soil Prep', d:'Deep rip to 300mm.'},{t:'Mogloop', d:'15L\/ha at V4 stage for root vigor.'}]\r\n },\r\n 'citrus': {\r\n name: 'Citrus', icon: 'fa-lemon',\r\n description: 'Oranges, Lemons, Grapefruit. SA is a global export leader.',\r\n planting: [7, 8], fertilizer: [{m:[7,8], l:'Post-harvest Recovery', t:10}, {m:[10,11], l:'Flower Induction', t:40}, {m:[0,1], l:'Fruit Set', t:70}], harvest: [3, 4, 5, 6, 7, 8],\r\n provinces: [{n:'Limpopo', d:'Largest producer (Letaba).'},{n:'Eastern Cape', d:'Sundays River Valley export.'},{n:'Western Cape', d:'Citrusdal & Olifants River.'},{n:'Mpumalanga', d:'Lowveld orchards.'},{n:'KZN', d:'Coastal belt.'},{n:'North West', d:'Central irrigation.'},{n:'Northern Cape', d:'Orange River region.'},{n:'Gauteng', d:'Smallholdings only.'},{n:'Free State', d:'Limited northern pockets.'}],\r\n activities: [{t:'Mogloop', d:'8L\/ha via fertigation during fruit swell.'},{t:'Pruning', d:'Winter pruning for light penetration.'}]\r\n },\r\n 'potato': {\r\n name: 'Potatoes', icon: 'fa-circle',\r\n description: 'High-value tuber grown in diverse regions to ensure year-round supply.',\r\n planting: [7, 8, 0, 1], fertilizer: [{m:[8,9], l:'Tuber Initiation', t:10}, {m:[1,2], l:'Bulking Phase', t:40}], harvest: [11, 0, 4, 5],\r\n provinces: [{n:'Western Cape', d:'Sandveld (Winter).'},{n:'Free State', d:'Eastern Highveld (Summer).'},{n:'Limpopo', d:'Dendron\/Vivo (Winter hub).'},{n:'Mpumalanga', d:'Highveld rotation.'},{n:'KZN', d:'Midlands hub.'},{n:'Eastern Cape', d:'Cradock\/Coastal.'},{n:'North West', d:'Vryburg irrigated.'},{n:'Gauteng', d:'Peri-urban farms.'},{n:'Northern Cape', d:'Douglas irrigation.'}],\r\n activities: [{t:'Ridging', d:'Prevents tuber greening.'},{t:'Mogloop', d:'10L\/ha at tuber set.'}]\r\n },\r\n 'avocado': {\r\n name: 'Avocado', icon: 'fa-leaf',\r\n description: 'Subtropical fruit. Requires frost-free climate and well-drained soil.',\r\n planting: [8, 9, 10], fertilizer: [{m:[7,8], l:'Pre-flower', t:10}, {m:[1,2], l:'Fruit Expansion', t:40}], harvest: [2, 3, 4, 5, 6, 7],\r\n provinces: [{n:'Limpopo', d:'Tzaneen\/Levubu (Primary).'},{n:'Mpumalanga', d:'Nelspruit & Hazyview.'},{n:'KZN', d:'Mist belt and North Coast.'},{n:'Eastern Cape', d:'Transkei expansion.'},{n:'Western Cape', d:'George\/Knysna pockets.'},{n:'Gauteng', d:'Gardens only.'},{n:'North West', d:'Limited trials.'},{n:'Free State', d:'Not suitable.'},{n:'Northern Cape', d:'Not suitable.'}],\r\n activities: [{t:'Mogloop', d:'10L\/ha to combat Phytophthora root rot.'},{t:'Irrigation', d:'Critical during fruit set.'}]\r\n },\r\n 'onion': {\r\n name: 'Onions', icon: 'fa-stroopwafel',\r\n description: 'Day-length sensitive. Planting windows are critical for bulbing.',\r\n planting: [2, 3, 4], fertilizer: [{m:[4,5], l:'Leaf Growth', t:10}, {m:[7,8], l:'Bulb Swell', t:40}], harvest: [9, 10, 11, 0],\r\n provinces: [{n:'Northern Cape', d:'Douglas (Major hub).'},{n:'Western Cape', d:'Ceres\/Koue Bokkeveld.'},{n:'Limpopo', d:'Central winter crops.'},{n:'Free State', d:'Summer irrigation.'},{n:'North West', d:'Brits area.'},{n:'Eastern Cape', d:'Gamtoos valley.'},{n:'KZN', d:'Inland irrigation.'},{n:'Gauteng', d:'Peri-urban.'},{n:'Mpumalanga', d:'Highveld winter.'}],\r\n activities: [{t:'Mogloop', d:'6L\/ha every 14 days during bulb initiation.'},{t:'Curing', d:'Dry in field for 7 days.'}]\r\n },\r\n 'sunflower': {\r\n name: 'Sunflower', icon: 'fa-sun',\r\n description: 'Drought-tolerant oilseed. Often used as a late-planting alternative.',\r\n planting: [11, 0, 1], fertilizer: [{m:[0,1], l:'Vegetative', t:10}, {m:[2], l:'Head Init', t:40}], harvest: [4, 5, 6],\r\n provinces: [{n:'Free State', d:'Primary production belt.'},{n:'North West', d:'Secondary major producer.'},{n:'Limpopo', d:'Springbok Flats.'},{n:'Mpumalanga', d:'Highveld rotation.'},{n:'Gauteng', d:'Heidelberg region.'},{n:'Eastern Cape', d:'Small scale.'},{n:'Northern Cape', d:'Irrigated only.'},{n:'KZN', d:'Very limited.'},{n:'Western Cape', d:'Not suitable.'}],\r\n activities: [{t:'Mogloop', d:'12L\/ha before flowering.'},{t:'Harvest', d:'Below 10% moisture.'}]\r\n },\r\n 'cabbage': {\r\n name: 'Cabbage', icon: 'fa-leaf',\r\n description: 'Heavy nitrogen feeder. Critical food security vegetable.',\r\n planting: [0,1,2,3,4,5,6,7,8,9,10,11], fertilizer: [{m:[0,1,2,3,4,5,6,7,8,9,10,11], l:'Nitrogen Push', t:10}], harvest: [0,1,2,3,4,5,6,7,8,9,10,11],\r\n provinces: [{n:'Gauteng', d:'Year-round supply hub.'},{n:'KZN', d:'Camperdown\/Midlands.'},{n:'Eastern Cape', d:'Ubiquitous.'},{n:'Limpopo', d:'Winter production leader.'},{n:'Western Cape', d:'Philippi area.'},{n:'Mpumalanga', d:'High\/Lowveld.'},{n:'North West', d:'Smallholdings.'},{n:'Free State', d:'Summer\/Spring.'},{n:'Northern Cape', d:'River schemes.'}],\r\n activities: [{t:'Mogloop', d:'10L\/ha bi-weekly for head density.'},{t:'Pest', d:'Scout for Diamondback moth.'}]\r\n },\r\n 'sugarcane': {\r\n name: 'Sugarcane', icon: 'fa-scroll',\r\n description: 'Tropical grass. Multi-year harvest cycles.',\r\n planting: [8, 9, 1, 2], fertilizer: [{m:[9,10,11,0,1,2], l:'Ratoon Vigor', t:10}], harvest: [3, 4, 5, 6, 7, 8, 9, 10, 11],\r\n provinces: [{n:'KZN', d:'The Sugar Province (Coast).'},{n:'Mpumalanga', d:'Irrigated Komatipoort.'},{n:'Eastern Cape', d:'Pondoland coast.'},{n:'Limpopo', d:'None.'},{n:'Gauteng', d:'None.'},{n:'North West', d:'None.'},{n:'Free State', d:'None.'},{n:'Northern Cape', d:'None.'},{n:'Western Cape', d:'None.'}],\r\n activities: [{t:'Mogloop', d:'20L\/ha post-harvest for ratoon jumpstart.'},{t:'Harvest', d:'Managed by mill quota.'}]\r\n },\r\n 'wheat': {\r\n name: 'Wheat', icon: 'fa-wheat-awn',\r\n description: 'Winter cereal. Historically W. Cape, now inland via irrigation.',\r\n planting: [4, 5, 6], fertilizer: [{m:[6,7], l:'Tillering', t:10}, {m:[8,9], l:'Flag Leaf', t:40}], harvest: [9, 10, 11],\r\n provinces: [{n:'Western Cape', d:'Swartland & Overberg (Rain).'},{n:'Northern Cape', d:'Vaalharts\/Douglas.'},{n:'Free State', d:'Winter irrigation.'},{n:'North West', d:'Irrigated winter crop.'},{n:'Limpopo', d:'Irrigated winter crop.'},{n:'Eastern Cape', d:'Inland valleys.'},{n:'KZN', d:'Northern irrigation.'},{n:'Mpumalanga', d:'None.'},{n:'Gauteng', d:'Very limited.'}],\r\n activities: [{t:'Mogloop', d:'12L\/ha at tillering.'},{t:'Moisture', d:'Essential during grain fill.'}]\r\n },\r\n 'macadamia': {\r\n name: 'Macadamias', icon: 'fa-tree',\r\n description: 'SA is world leader. High capital, high reward export.',\r\n planting: [8, 9, 10], fertilizer: [{m:[7,8], l:'Flowering', t:10}, {m:[10,11,0], l:'Nut Hardening', t:40}], harvest: [2, 3, 4, 5, 6, 7],\r\n provinces: [{n:'Mpumalanga', d:'Nelspruit hub.'},{n:'Limpopo', d:'Levubu\/Tzaneen.'},{n:'KZN', d:'North & South Coast.'},{n:'Eastern Cape', d:'Wild Coast expansion.'},{n:'Western Cape', d:'None.'},{n:'North West', d:'None.'},{n:'Free State', d:'None.'},{n:'Gauteng', d:'None.'},{n:'Northern Cape', d:'None.'}],\r\n activities: [{t:'Mogloop', d:'15L\/ha during nut hardening.'},{t:'Pruning', d:'Open canopy post-harvest.'}]\r\n },\r\n 'grapes': {\r\n name: 'Grapes', icon: 'fa-wine-glass',\r\n description: 'Table and Wine grapes. Export-driven value chain.',\r\n planting: [6, 7, 8], fertilizer: [{m:[8,9], l:'Bud Break', t:10}, {m:[10,11], l:'Berry Set', t:40}], harvest: [11, 0, 1, 2, 3],\r\n provinces: [{n:'Western Cape', d:'Boland\/Stellenbosch core.'},{n:'Northern Cape', d:'Orange River (Early Table).'},{n:'Limpopo', d:'Marble Hall (Early Table).'},{n:'Eastern Cape', d:'Inland pockets.'},{n:'North West', d:'Irrigated Table.'},{n:'Free State', d:'Small wine pockets.'},{n:'KZN', d:'Boutique wines.'},{n:'Gauteng', d:'None.'},{n:'Mpumalanga', d:'None.'}],\r\n activities: [{t:'Mogloop', d:'8L\/ha during veraison.'},{t:'Winter Prep', d:'Critical pruning schedule.'}]\r\n },\r\n 'soya': {\r\n name: 'Soya Beans', icon: 'fa-seedling',\r\n description: 'Critical protein for feed. Fastest growing field crop.',\r\n planting: [10, 11, 0], fertilizer: [{m:[11,0], l:'Pod Set', t:10}, {m:[1,2], l:'Seed Fill', t:40}], harvest: [3, 4, 5],\r\n provinces: [{n:'Mpumalanga', d:'Highveld leader.'},{n:'Free State', d:'Eastern districts.'},{n:'KZN', d:'Irrigated midlands.'},{n:'Gauteng', d:'Southern districts.'},{n:'North West', d:'Irrigated hubs.'},{n:'Limpopo', d:'Irrigated rotation.'},{n:'Eastern Cape', d:'Expansion hubs.'},{n:'Northern Cape', d:'Irrigated.'},{n:'Western Cape', d:'None.'}],\r\n activities: [{t:'Inoculation', d:'Rhizobia is essential.'},{t:'Mogloop', d:'10L\/ha at flowering.'}]\r\n },\r\n 'beans': {\r\n name: 'Dry Beans', icon: 'fa-seedling',\r\n description: 'Short growth cycle. Sensitive to climate stress.',\r\n planting: [11, 0, 1], fertilizer: [{m:[0,1], l:'Vegetative Boost', t:10}], harvest: [3, 4, 5],\r\n provinces: [{n:'Free State', d:'Major summer producer.'},{n:'Mpumalanga', d:'Highveld.'},{n:'North West', d:'Irrigated.'},{n:'Limpopo', d:'Central plains.'},{n:'KZN', d:'Inland irrigation.'},{n:'Gauteng', d:'Smallholdings.'},{n:'Eastern Cape', d:'Subsistence.'},{n:'Northern Cape', d:'None.'},{n:'Western Cape', d:'None.'}],\r\n activities: [{t:'Mogloop', d:'5L\/ha twice per cycle.'},{t:'Irrigation', d:'Keep soil moist at flower.'}]\r\n },\r\n 'tomato': {\r\n name: 'Tomato', icon: 'fa-apple-alt',\r\n description: 'Intensive management. Winter production hub in Limpopo.',\r\n planting: [7, 8, 9, 0, 1, 2], fertilizer: [{m:[8,9], l:'Establishment', t:10}, {m:[0,1], l:'Fruit Set', t:40}], harvest: [10, 11, 0, 1, 2, 3, 4, 5],\r\n provinces: [{n:'Limpopo', d:'Mooketsi (Main Hub).'},{n:'Mpumalanga', d:'Open field commercial.'},{n:'KZN', d:'Coastal tunnels.'},{n:'Western Cape', d:'Summer field crops.'},{n:'Eastern Cape', d:'Gamtoos supply.'},{n:'Gauteng', d:'Intensive tunnels.'},{n:'North West', d:'Brits area.'},{n:'Free State', d:'Summer only.'},{n:'Northern Cape', d:'Irrigated.'}],\r\n activities: [{t:'Staking', d:'Critical for fruit quality.'},{t:'Mogloop', d:'5L\/ha weekly (fertigation).'}]\r\n },\r\n 'banana': {\r\n name: 'Banana', icon: 'fa-leaf',\r\n description: 'Tropical. Requires high humidity and frost-free zones.',\r\n planting: [8, 9, 10, 11], fertilizer: [{m:[0,1,2,3,4,5,6,7,8,9,10,11], l:'Continuous Feed', t:10}], harvest: [0,1,2,3,4,5,6,7,8,9,10,11],\r\n provinces: [{n:'KZN', d:'South Coast primary.'},{n:'Mpumalanga', d:'Komatipoort.'},{n:'Limpopo', d:'Levubu\/Tzaneen.'},{n:'Eastern Cape', d:'Wild Coast pockets.'},{n:'Western Cape', d:'None.'},{n:'Gauteng', d:'None.'},{n:'North West', d:'None.'},{n:'Free State', d:'None.'},{n:'Northern Cape', d:'None.'}],\r\n activities: [{t:'Desuckering', d:'Improves bunch size.'},{t:'Mogloop', d:'15L\/ha monthly.'}]\r\n },\r\n 'cotton': {\r\n name: 'Cotton', icon: 'fa-tshirt',\r\n description: 'Industrial crop. High heat requirement.',\r\n planting: [10, 11], fertilizer: [{m:[11,0], l:'Square Init', t:10}], harvest: [4, 5, 6],\r\n provinces: [{n:'Limpopo', d:'Loskop\/Marble Hall.'},{n:'Northern Cape', d:'Orange River.'},{n:'Mpumalanga', d:'Lowveld irrigation.'},{n:'North West', d:'Limited irrigated.'},{n:'KZN', d:'Makatini Flats.'},{n:'Eastern Cape', d:'Trials.'},{n:'Free State', d:'None.'},{n:'Gauteng', d:'None.'},{n:'Western Cape', d:'None.'}],\r\n activities: [{t:'Mogloop', d:'10L\/ha for fiber strength.'},{t:'Pest', d:'Scout for Bollworm.'}]\r\n },\r\n 'pumpkin': {\r\n name: 'Pumpkin', icon: 'fa-solid fa-circle',\r\n description: 'Hardy. Butternuts are major export commodities.',\r\n planting: [8, 9, 10, 11], fertilizer: [{m:[9,10], l:'Vine Growth', t:10}, {m:[0,1], l:'Fruit Dev', t:40}], harvest: [1, 2, 3, 4],\r\n provinces: [{n:'Free State', d:'Summer leader.'},{n:'North West', d:'Central plains.'},{n:'Limpopo', d:'Bushveld area.'},{n:'Gauteng', d:'Southern farms.'},{n:'Mpumalanga', d:'Highveld.'},{n:'Eastern Cape', d:'Widespread.'},{n:'Western Cape', d:'Summer irrigation.'},{n:'KZN', d:'Inland valleys.'},{n:'Northern Cape', d:'Irrigated.'}],\r\n activities: [{t:'Pollination', d:'Encourage bee activity.'},{t:'Mogloop', d:'8L\/ha at flowering.'}]\r\n },\r\n 'mango': {\r\n name: 'Mango', icon: 'fa-solid fa-lemon',\r\n description: 'Drought-tolerant tropical. High heat required.',\r\n planting: [8, 9], fertilizer: [{m:[6,7], l:'Pre-flower', t:10}, {m:[9,10], l:'Fruit Swell', t:40}], harvest: [11, 0, 1, 2],\r\n provinces: [{n:'Limpopo', d:'Hoedspruit\/Tzaneen.'},{n:'Mpumalanga', d:'Lowveld.'},{n:'KZN', d:'Zululand coast.'},{n:'North West', d:'Irrigated pockets.'},{n:'Eastern Cape', d:'Coastal pockets.'},{n:'Northern Cape', d:'Trials.'},{n:'Western Cape', d:'None.'},{n:'Free State', d:'None.'},{n:'Gauteng', d:'None.'}],\r\n activities: [{t:'Pruning', d:'Canopy management.'},{t:'Mogloop', d:'12L\/ha at fruit dev.'}]\r\n },\r\n 'pecan': {\r\n name: 'Pecan', icon: 'fa-tree',\r\n description: 'Northern Cape has global dominance in production.',\r\n planting: [6, 7], fertilizer: [{m:[8,9], l:'Bud Break', t:10}, {m:[11,0], l:'Kernel Fill', t:40}], harvest: [4, 5, 6, 7],\r\n provinces: [{n:'Northern Cape', d:'Orange River\/Vaalharts.'},{n:'Free State', d:'Western irrigation.'},{n:'North West', d:'Irrigated pockets.'},{n:'Limpopo', d:'Central irrigated.'},{n:'Mpumalanga', d:'Limited.'},{n:'Eastern Cape', d:'Limited.'},{n:'KZN', d:'None.'},{n:'Gauteng', d:'None.'},{n:'Western Cape', d:'None.'}],\r\n activities: [{t:'Mogloop', d:'15L\/ha during kernel fill.'},{t:'Zinc', d:'Critical micro-nutrient.'}]\r\n },\r\n 'tobacco': {\r\n name: 'Tobacco', icon: 'fa-smoking',\r\n description: 'Specialized industrial crop. Specific curing required.',\r\n planting: [9, 10], fertilizer: [{m:[10,11], l:'Leaf Dev', t:10}], harvest: [1, 2, 3],\r\n provinces: [{n:'Limpopo', d:'Waterberg\/Central.'},{n:'Mpumalanga', d:'Lowveld.'},{n:'North West', d:'Rustenburg\/Brits.'},{n:'Eastern Cape', d:'Kat River.'},{n:'Western Cape', d:'None.'},{n:'KZN', d:'None.'},{n:'Free State', d:'None.'},{n:'Northern Cape', d:'None.'},{n:'Gauteng', d:'None.'}],\r\n activities: [{t:'Topping', d:'Boosts leaf size.'},{t:'Mogloop', d:'10L\/ha for leaf quality.'}]\r\n },\r\n 'spinach': {\r\n name: 'Spinach', icon: 'fa-leaf',\r\n description: 'Fast, continuous harvest. High nitrogen required.',\r\n planting: [0,1,2,3,4,5,6,7,8,9,10,11], fertilizer: [{m:[0,1,2,3,4,5,6,7,8,9,10,11], l:'Nitrogen Boost', t:10}], harvest: [0,1,2,3,4,5,6,7,8,9,10,11],\r\n provinces: [{n:'Gauteng', d:'Urban supply hub.'},{n:'KZN', d:'Coastal\/Inland.'},{n:'Western Cape', d:'Cape Flats.'},{n:'Eastern Cape', d:'Ubiquitous.'},{n:'Limpopo', d:'Winter hub.'},{n:'Mpumalanga', d:'Year-round.'},{n:'Free State', d:'Summer\/Spring.'},{n:'North West', d:'Irrigated.'},{n:'Northern Cape', d:'Irrigated.'}],\r\n activities: [{t:'Harvest', d:'Pick outer leaves.'},{t:'Mogloop', d:'5L\/ha every 10 days.'}]\r\n },\r\n 'barley': {\r\n name: 'Barley', icon: 'fa-wheat-awn',\r\n description: 'Malting industry focus. High precision required.',\r\n planting: [4, 5], fertilizer: [{m:[5,6], l:'Tillering', t:10}], harvest: [9, 10, 11],\r\n provinces: [{n:'Western Cape', d:'Southern Cape (Primary).'},{n:'Northern Cape', d:'Vaalharts.'},{n:'North West', d:'Irrigated winter.'},{n:'Limpopo', d:'Irrigated winter.'},{n:'Free State', d:'Irrigated.'},{n:'Eastern Cape', d:'Irrigated.'},{n:'KZN', d:'None.'},{n:'Mpumalanga', d:'None.'},{n:'Gauteng', d:'None.'}],\r\n activities: [{t:'Mogloop', d:'10L\/ha at tillering.'},{t:'Quality', d:'Nitrogen timing is key.'}]\r\n }\r\n};\r\n\r\nfunction init() {\r\n \/\/ 1. Month Header\r\n const months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];\r\n const grid = document.getElementById('monthGrid');\r\n const currentM = new Date().getMonth(); \/\/ Current month\r\n\r\n months.forEach((m, i) => {\r\n const cell = document.createElement('div');\r\n cell.className = `month-cell ${i === currentM ? 'current' : ''}`;\r\n cell.innerText = m;\r\n grid.appendChild(cell);\r\n });\r\n\r\n \/\/ 2. Sidebar List\r\n const list = document.getElementById('sidebarList');\r\n Object.keys(crops).sort().forEach(key => {\r\n const item = document.createElement('div');\r\n item.className = 'crop-item';\r\n item.id = `item-${key}`;\r\n item.onclick = () => showCrop(key);\r\n item.innerHTML = `<i class=\"fas ${crops[key].icon} crop-icon\"><\/i> <span>${crops[key].name}<\/span>`;\r\n list.appendChild(item);\r\n });\r\n\r\n \/\/ Default crop\r\n showCrop('maize');\r\n}\r\n\r\nfunction showCrop(id) {\r\n const c = crops[id];\r\n \r\n \/\/ Toggle active state\r\n document.querySelectorAll('.crop-item').forEach(el => el.classList.remove('active'));\r\n document.getElementById('item-' + id).classList.add('active');\r\n \r\n \/\/ Set text\r\n document.getElementById('cropTitle').innerText = c.name;\r\n document.getElementById('cropDesc').innerText = c.description;\r\n\r\n \/\/ Timeline logic\r\n const tl = document.getElementById('timeline');\r\n tl.innerHTML = '';\r\n\r\n const drawBar = (arr, cls, label, top) => {\r\n if (!arr || arr.length === 0) return;\r\n \r\n \/\/ Handle split ranges (e.g. Nov, Dec, Jan)\r\n let ranges = [];\r\n let start = arr[0];\r\n for (let i = 1; i <= arr.length; i++) {\r\n if (i === arr.length || arr[i] !== arr[i-1] + 1) {\r\n ranges.push({s: start, e: arr[i-1]});\r\n if (i < arr.length) start = arr[i];\r\n }\r\n }\r\n\r\n ranges.forEach(r => {\r\n const left = (r.s \/ 12) * 100;\r\n const width = ((r.e - r.s + 1) \/ 12) * 100;\r\n const bar = document.createElement('div');\r\n bar.className = `season-bar ${cls}`;\r\n bar.style.left = left + '%';\r\n bar.style.width = width + '%';\r\n bar.style.top = top + 'px';\r\n bar.innerText = label;\r\n tl.appendChild(bar);\r\n });\r\n };\r\n\r\n drawBar(c.planting, 'planting', 'Planting', 10);\r\n c.fertilizer.forEach(f => drawBar(f.m, 'fertilizer', f.l, f.t));\r\n drawBar(c.harvest, 'harvest', 'Harvesting', 80);\r\n\r\n \/\/ List updates\r\n document.getElementById('provinceList').innerHTML = c.provinces.map(p => `\r\n <div class=\"province-item\">\r\n <div class=\"province-name\">${p.n}<\/div>\r\n <div class=\"province-desc\">${p.d}<\/div>\r\n <\/div>\r\n `).join('');\r\n\r\n document.getElementById('activitiesList').innerHTML = c.activities.map(a => `\r\n <div class=\"rec-item\">\r\n <div class=\"rec-title\"><i class=\"fas fa-check-circle\" style=\"color:#77b700\"><\/i> ${a.t}<\/div>\r\n <div class=\"rec-desc\">${a.d}<\/div>\r\n <\/div>\r\n `).join('');\r\n}\r\n\r\nfunction filterCrops() {\r\n const q = document.getElementById('searchBar').value.toLowerCase();\r\n document.querySelectorAll('.crop-item').forEach(item => {\r\n item.style.display = item.innerText.toLowerCase().includes(q) ? 'flex' : 'none';\r\n });\r\n}\r\n\r\nwindow.onload = init;\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4492d12 e-grid e-con-boxed e-con e-parent\" data-id=\"4492d12\" 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-a9c1d08 elementor-widget elementor-widget-html\" data-id=\"a9c1d08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js@4.4.1\/dist\/chart.umd.min.js\"><\/script>\r\n <style>\r\n .weather-app-scope { max-width: 1000px; margin: 30px auto; font-family: 'Segoe UI', sans-serif; }\r\n .weather-main-title { color: #000; font-size: 2.2rem; font-weight: 800; text-align: center; margin-bottom: 10px; }\r\n \r\n \/* LIVE INFO BAR *\/\r\n .live-status-bar { display: flex; justify-content: center; gap: 30px; margin-bottom: 25px; padding: 15px; background: #fff; border-radius: 12px; border: 1px solid #eee; }\r\n .status-item { text-align: center; }\r\n .status-label { display: block; font-size: 0.75rem; color: #666; font-weight: bold; }\r\n .status-value { display: block; font-size: 1.4rem; color: #77b700; font-weight: 800; }\r\n\r\n \/* REGION GRID *\/\r\n .map-selector-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; margin-bottom: 25px; }\r\n .region-node { padding: 12px; background: #fff; border: 1.5px solid #77b700; color: #77b700; border-radius: 8px; text-align: center; cursor: pointer; font-weight: bold; }\r\n .region-node.active { background: #77b700; color: #fff; }\r\n\r\n \/* GRAPH *\/\r\n .graph-container { position: relative; height: 480px; width: 100%; background: #fff; border-radius: 12px; padding: 40px 15px 15px 15px; box-shadow: 0 4px 25px rgba(0,0,0,0.05); }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"weather-app-scope\">\r\n <h1 class=\"weather-main-title\">24 Hours S.A. Weather Map<\/h1>\r\n \r\n <div class=\"live-status-bar\" id=\"live-status-panel\">\r\n <div class=\"status-item\"><span class=\"status-label\">Condition<\/span><span class=\"status-value\" id=\"cur-icon\">--<\/span><\/div>\r\n <div class=\"status-item\"><span class=\"status-label\">Temperature<\/span><span class=\"status-value\" id=\"cur-temp\">--\u00b0C<\/span><\/div>\r\n <div class=\"status-item\"><span class=\"status-label\">Rain Chance<\/span><span class=\"status-value\" id=\"cur-rain\">--%<\/span><\/div>\r\n <\/div>\r\n \r\n <div class=\"map-selector-grid\" id=\"region-grid-nav\"><\/div>\r\n\r\n <div class=\"graph-container\">\r\n <canvas id=\"saWeatherConflictFreeCanvas\"><\/canvas>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* HEAR THIS: I am using 'addEventListener' instead of 'onload'. \r\n This means this script will NOT overwrite your Planting Guide. \r\n*\/\r\n(function() {\r\n const locs = {\r\n 'Gauteng': [-26.20, 28.04], 'Western Cape': [-33.92, 18.42], 'KZN': [-29.85, 31.02],\r\n 'Free State': [-29.11, 26.22], 'Limpopo': [-23.89, 29.44], 'Mpumalanga': [-25.47, 30.96],\r\n 'Eastern Cape': [-32.97, 27.87], 'North West': [-25.85, 25.64], 'Northern Cape': [-28.72, 24.74]\r\n };\r\n\r\n const getIco = (c) => {\r\n if (c <= 1) return '\u2600\ufe0f'; if (c <= 3) return '\u26c5'; \r\n if (c <= 48) return '\u2601\ufe0f'; if (c <= 67) return '\ud83c\udf27\ufe0f';\r\n return '\u26c8\ufe0f';\r\n };\r\n\r\n let weatherGraphObject = null; \/\/ UNIQUE NAME\r\n\r\n async function updateWeather(p) {\r\n const [lat, lon] = locs[p];\r\n try {\r\n const res = await fetch(`https:\/\/api.open-meteo.com\/v1\/forecast?latitude=${lat}&longitude=${lon}&hourly=temperature_2m,weathercode,precipitation_probability&timezone=Africa%2FJohannesburg&forecast_days=1`);\r\n const d = await res.json();\r\n \r\n const nowIdx = new Date().getHours();\r\n document.getElementById('cur-icon').innerText = getIco(d.hourly.weathercode[nowIdx]);\r\n document.getElementById('cur-temp').innerText = d.hourly.temperature_2m[nowIdx] + '\u00b0C';\r\n document.getElementById('cur-rain').innerText = d.hourly.precipitation_probability[nowIdx] + '%';\r\n\r\n renderWeather(d.hourly.time.map(t => t.split('T')[1]), d.hourly.temperature_2m, d.hourly.weathercode.map(c => getIco(c)));\r\n } catch (e) { console.error(\"Weather error\"); }\r\n }\r\n\r\n function renderWeather(lbls, tps, icos) {\r\n const ctx = document.getElementById('saWeatherConflictFreeCanvas').getContext('2d');\r\n if (weatherGraphObject) weatherGraphObject.destroy();\r\n \r\n weatherGraphObject = new Chart(ctx, {\r\n type: 'line',\r\n data: {\r\n labels: lbls,\r\n datasets: [{ data: tps, borderColor: '#77b700', borderWidth: 3, fill: false, tension: 0.3, pointRadius: 4, pointBackgroundColor: '#fff' }]\r\n },\r\n options: {\r\n responsive: true, maintainAspectRatio: false,\r\n plugins: { legend: { display: false } },\r\n scales: {\r\n x: { grid: { display: true, color: '#f0f0f0' }, ticks: { color: '#77b700', font: { weight: 'bold' } } },\r\n y: { suggestedMax: Math.max(...tps) + 6, grid: { display: true, color: '#f0f0f0' }, ticks: { color: '#666' } }\r\n }\r\n },\r\n plugins: [{\r\n afterDraw: (c) => {\r\n const { ctx, scales: { x, y } } = c;\r\n ctx.save(); ctx.font = '20px Arial'; ctx.textAlign = 'center';\r\n c.data.datasets[0].data.forEach((v, i) => {\r\n ctx.fillText(icos[i], x.getPixelForValue(i), y.getPixelForValue(v) - 22);\r\n });\r\n ctx.restore();\r\n }\r\n }]\r\n });\r\n }\r\n\r\n \/\/ THIS IS THE CRITICAL CHANGE: 'DOMContentLoaded' allows others to run too!\r\n window.addEventListener('DOMContentLoaded', () => {\r\n const grid = document.getElementById('region-grid-nav');\r\n if(!grid) return;\r\n Object.keys(locs).forEach(name => {\r\n const el = document.createElement('div');\r\n el.className = `region-node ${name === 'Gauteng' ? 'active' : ''}`;\r\n el.innerText = name;\r\n el.onclick = () => {\r\n document.querySelectorAll('.region-node').forEach(n => n.classList.remove('active'));\r\n el.classList.add('active');\r\n updateWeather(name);\r\n };\r\n grid.appendChild(el);\r\n });\r\n updateWeather('Gauteng');\r\n });\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dbd50c3 e-grid e-con-boxed e-con e-parent\" data-id=\"dbd50c3\" 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-8488031 elementor-widget elementor-widget-html\" data-id=\"8488031\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n .footer-logo-strip {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 30px; \/* 30px space between logos *\/\r\n padding: 30px 0;\r\n }\r\n\r\n .footer-logo-strip img {\r\n height: 136px; \/* 105px \u00d7 1.3 \u2248 136px *\/\r\n width: auto;\r\n display: block;\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .footer-logo-strip {\r\n gap: 20px;\r\n }\r\n .footer-logo-strip img {\r\n height: 100px;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"footer-logo-strip\">\r\n <img decoding=\"async\" src=\"https:\/\/mogloop.co.za\/wp-content\/uploads\/2026\/02\/mogloop-logo.png\" \r\n alt=\"Mogloop Logo Round\">\r\n <img decoding=\"async\" src=\"https:\/\/mogloop.co.za\/wp-content\/uploads\/2026\/02\/WhatsApp-Image-2026-02-22-at-08.54.00.jpeg\" \r\n alt=\"Mogloop Agent and Distribution Logo\">\r\n<\/div>\r\n\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":"<p>Mogloop – Premium Organic Fertilizer CultivatingExcellence Premium Enzyme-Based Liquid Fertilizer Mogloop’s scientifically formulated organic fertilizer harnesses nature’s own nutrients to deliver exceptional results for healthier crops and superior soil vitality. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8577","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/pages\/8577","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=8577"}],"version-history":[{"count":34,"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/pages\/8577\/revisions"}],"predecessor-version":[{"id":8801,"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/pages\/8577\/revisions\/8801"}],"wp:attachment":[{"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=8577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}