?php
/**
 * Template for page with slug: publication-2
 * WITH PDF THUMBNAIL IMAGES
 */

get_header();

// Load reports from WordPress
$fsm_reports = agra_get_fsm_reports();
$afsr_reports = agra_get_afsr_reports();
?>



<div class="publications-hub">
    
    <!-- Hero Section -->
    <section class="hero-section">
        <div class="container">
            <h1>Publications & Connect With Us</h1>
            <p>Access our latest research reports, market insights, and connect with AGRA across social media platforms to stay updated on agricultural transformation in Africa.</p>
        </div>
    </section>

    <!-- Social Media Section -->
    <section class="section">
        <div class="container">
            <h2 class="section-title">Connect With AGRA</h2>
            <p class="section-subtitle">Follow us on social media for the latest updates, stories, and insights</p>
            
            <div class="social-media-grid">
                <!-- LinkedIn -->
                <a href="https://www.linkedin.com/company/agraalliance/" target="_blank" rel="noopener noreferrer" class="social-card social-linkedin">
                    <span class="social-icon">
                        <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
                        </svg>
                    </span>
                    <h3>LinkedIn</h3>
                    <p>Professional updates & insights</p>
                </a>

                <!-- Instagram -->
                <a href="https://www.instagram.com/agra_africa?igsh=bDZtOWoxZnFxMzAw" target="_blank" rel="noopener noreferrer" class="social-card social-instagram">
                    <span class="social-icon">
                        <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/>
                        </svg>
                    </span>
                    <h3>Instagram</h3>
                    <p>Stories & visual updates</p>
                </a>

                <!-- X (Twitter) -->
                <a href="https://x.com/agra_africa?s=21" target="_blank" rel="noopener noreferrer" class="social-card social-x">
                    <span class="social-icon">
                        <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
                        </svg>
                    </span>
                    <h3>X (Twitter)</h3>
                    <p>Real-time news & updates</p>
                </a>

                <!-- Facebook -->
                <a href="https://www.facebook.com/AGRAAlliance" target="_blank" rel="noopener noreferrer" class="social-card social-facebook">
                    <span class="social-icon">
                        <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/>
                        </svg>
                    </span>
                    <h3>Facebook</h3>
                    <p>Community & engagement</p>
                </a>

                <!-- TikTok -->
                <a href="https://www.tiktok.com/@agra_africa?_r=1&_t=ZM-91k5O8d1KFo" target="_blank" rel="noopener noreferrer" class="social-card social-tiktok">
                    <span class="social-icon">
                        <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor">
                            <path d="M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z"/>
                        </svg>
                    </span>
                    <h3>TikTok</h3>
                    <p>Short-form video content</p>
                </a>
            </div>
        </div>
    </section>

    <!-- Reports Section -->
    <section class="section reports-section">
        <div class="container">
            <h2 class="section-title">Our Publications</h2>
            <p class="section-subtitle">Access comprehensive reports on African agriculture, food security, and market analysis</p>

            <!-- Food Security Monitor Reports -->
            <div class="reports-container">
                <div class="reports-header">
                    <h2>📊 Food Security Monitor</h2>
                    <p>Monthly analysis of commodity prices, food security conditions, and trade developments across Africa</p>
                </div>
                <div class="reports-grid">
                                            <div class="empty-state">
                            <div class="empty-state-icon">📄</div>
                            <p>No Food Security Monitor reports available at the moment.</p>
                        </div>
                                    </div>
            </div>

            <!-- AFSR Reports -->
            <div class="reports-container">
                <div class="reports-header">
                    <h2>📈 Africa Food Security Report (AFSR)</h2>
                    <p>Comprehensive annual analysis of food security trends and agricultural developments across the continent</p>
                </div>
                <div class="reports-grid">
                                            <div class="empty-state">
                            <div class="empty-state-icon">📄</div>
                            <p>No AFSR reports available at the moment.</p>
                        </div>
                                    </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="cta-section">
        <div class="container">
            <h2>Stay Connected</h2>
            <p>Join thousands of stakeholders following AGRA's mission to transform African agriculture</p>
        </div>
    </section>

</div>


<!-- Footer-->
<footer class="footer">
    <div class="container-fluid">
        <div class="row">
            
                <div class="col-md-3">
                    <img alt="" class="w-75 img-fluid"
                        src="https://agra.kihingu.com/wp-content/themes/agra/assets/img/footer-logo.png">
                    <div class="socials mt-4 ps-3 pb-2">
                        <a aria-label="X (formerly Twitter)" class="text-green text-decoration-none mx-2"
                            href="https://x.com/AGRA_Africa">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <svg class="fa-stack-1x" style="width: 0.875em; height: 0.875em;"
                                    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor">
                                    <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" />
                                </svg>
                            </span>
                        </a>
                        <a aria-label="Facebook" class="text-green text-decoration-none mx-2"
                            href="https://web.facebook.com/AGRAAlliance">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-facebook-f fa-stack-1x"></i>
                            </span>
                        </a>
                        <a aria-label="LinkedIn" class="text-green text-decoration-none mx-2"
                            href="https://ke.linkedin.com/company/agraalliance">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-linkedin-in fa-stack-1x"></i>
                            </span>
                        </a>
                        <a aria-label="Youtube" class="text-green text-decoration-none mx-2"
                            href="https://www.youtube.com/channel/UCw0VwkfDfyC0tmLfZB3y21A">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-youtube fa-stack-1x"></i>
                            </span>
                        </a>
                        <a aria-label="TikTok" class="text-green text-decoration-none mx-2"
                            href="https://www.tiktok.com/@agra_africa">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-tiktok fa-stack-1x"></i>
                            </span>
                        </a>
                        <a aria-label="WhatsApp" class="text-green text-decoration-none mx-2"
                            href="https://wa.me/254703033000">
                            <span class="fa-stack" style="vertical-align: top;">
                                <i class="fa-regular fa-circle fa-stack-2x"></i>
                                <i class="fab fa-whatsapp fa-stack-1x"></i>
                            </span>
                        </a>
                    </div>
                </div>

                <div class="col-md-9">
                                        <div class="ps-2">
                        <div class="row sitemap-layout">
                            <div class="col-12 col-md-3 mb-4">
                                <div class="footer-menu">
                                    <p style="display:block;color:#07743f;font-weight:700;font-size:15px;margin-bottom:8px;border-bottom:2px solid #72bf44;padding-bottom:5px;">Who We Are</p>
                                    <ul class="list-unstyled">
                                                                                    <li><a href="https://agra.kihingu.com/who-we-are/about-us/">About Us</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/who-we-are/our-people/">Our People</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/our-partners/">Our Partners</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/policies/">Policies</a></li>
                                                                            </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-3 mb-4">
                                <div class="footer-menu">
                                    <p style="display:block;color:#07743f;font-weight:700;font-size:15px;margin-bottom:8px;border-bottom:2px solid #72bf44;padding-bottom:5px;">Opportunities</p>
                                    <ul class="list-unstyled">
                                                                                    <li><a href="https://agra.kihingu.com/opportunities/procurement-notices/">Procurement Notices</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/opportunities/vacancies/">Vacancies</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/opportunities/concept-notes/">Requests for Concept Notes</a></li>
                                                                            </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-3 mb-4">
                                <div class="footer-menu">
                                    <p style="display:block;color:#07743f;font-weight:700;font-size:15px;margin-bottom:8px;border-bottom:2px solid #72bf44;padding-bottom:5px;">Other Resources</p>
                                    <ul class="list-unstyled">
                                                                                    <li><a href="https://agra.kihingu.com/esg/">ESG</a></li>
                                                                                    <li><a href="https://agra.kihingu.com/faqs/">FAQs</a></li>
                                                                            </ul>
                                </div>
                            </div>
                            <div class="col-12 col-md-3 mb-4">
                                <div class="footer-menu">
                                    <p style="display:block;color:#07743f;font-weight:700;font-size:15px;margin-bottom:8px;border-bottom:2px solid #72bf44;padding-bottom:5px;">Contact Us</p>
                                    <div class="contact-block">
                                        <div class="text-dark-green custom-address"
                                            style="margin-bottom: 20px; line-height: 1.6;">
                                            West End Towers, 4th Floor,<br>
                                            Muthangari Drive, Off Waiyaki Way,<br>
                                            Nairobi, Kenya
                                        </div>
                                        <div class="contact-links" style="font-family: 'Poppins', sans-serif;">
                                            <p style="margin: 5px 0;"><strong>Email:</strong> <a href="mailto:info@agra.org"
                                                    style="color: #0C743F; text-decoration: none;">info@agra.org</a></p>
                                            <p style="margin: 5px 0;"><strong>Phone:</strong> <a href="tel:+254703033000"
                                                    style="color: #0C743F; text-decoration: none;">+254 703 033 000</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                    </div>
    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12 px-2">
                <div class="py-3 mt-2 ps-2 pl-2 footer-copyright text-bold text-dark-green">
                    Copyright &copy; 2026, AGRA. All Rights Reserved.
                </div>
            </div>
        </div>
    </div>
</footer>
</div><!-- #page -->

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/agra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script id="ckyBannerTemplate" type="text/template"><div class="cky-overlay cky-hide"></div><div class="cky-btn-revisit-wrapper cky-revisit-hide" data-cky-tag="revisit-consent" data-tooltip="Cookie Settings" style="background-color:#0056a7"> <button class="cky-btn-revisit" aria-label="Cookie Settings"> <img src="https://agra.kihingu.com/wp-content/plugins/cookie-law-info/lite/frontend/images/revisit.svg" alt="Revisit consent button"> </button></div><div class="cky-consent-container cky-hide" tabindex="0"> <div class="cky-consent-bar" data-cky-tag="notice" style="background-color:#121212;border-color:#2a2a2a">  <div class="cky-notice"> <p class="cky-title" role="heading" aria-level="2" data-cky-tag="title" style="color:#d0d0d0"></p><div class="cky-notice-group"> <div class="cky-notice-des" data-cky-tag="description" style="color:#d0d0d0"> <p>We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Accept All", you consent to our use of cookies.</p> </div><div class="cky-notice-btn-wrapper" data-cky-tag="notice-buttons"> <button class="cky-btn cky-btn-customize" aria-label="Customize" aria-haspopup="true" aria-controls="ckyPreferenceCenter" data-cky-tag="settings-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0">Customize</button> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="reject-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0">Reject All</button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="accept-button" style="color:#d0d0d0;background-color:#07743f;border-color:#07743f">Accept All</button>  </div></div></div></div></div><div class="cky-modal" tabindex="0"> <div class="cky-preference-center" id="ckyPreferenceCenter" data-cky-tag="detail" style="color:#d0d0d0;background-color:#121212;border-color:#2A2A2A"> <div class="cky-preference-header"> <span class="cky-preference-title" role="heading" aria-level="2" data-cky-tag="detail-title" style="color:#d0d0d0">Customize Consent Preferences</span> <button class="cky-btn-close" aria-label="Close" data-cky-tag="detail-close"> <img src="https://agra.kihingu.com/wp-content/plugins/cookie-law-info/lite/frontend/images/close.svg" alt=""> </button> </div><div class="cky-preference-body-wrapper"> <div class="cky-preference-content-wrapper" data-cky-tag="detail-description" style="color:#d0d0d0"> <p>We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p><p>The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. </p><p>We also use third-party cookies that help us analyze how you use this website, store your preferences, and provide the content and advertisements that are relevant to you. These cookies will only be stored in your browser with your prior consent.</p><p>You can choose to enable or disable some or all of these cookies but disabling some of them may affect your browsing experience.</p> </div><div class="cky-accordion-wrapper" data-cky-tag="detail-categories"> <div class="cky-accordion" id="ckyDetailCategorynecessary"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Necessary" data-cky-tag="detail-category-title" style="color:#d0d0d0">Necessary</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchnecessary"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryfunctional"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Functional" data-cky-tag="detail-category-title" style="color:#d0d0d0">Functional</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchfunctional"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryanalytics"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Analytics" data-cky-tag="detail-category-title" style="color:#d0d0d0">Analytics</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchanalytics"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryperformance"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Performance" data-cky-tag="detail-category-title" style="color:#d0d0d0">Performance</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchperformance"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div><div class="cky-accordion" id="ckyDetailCategoryadvertisement"> <div class="cky-accordion-item"> <div class="cky-accordion-chevron"><i class="cky-chevron-right"></i></div> <div class="cky-accordion-header-wrapper"> <div class="cky-accordion-header"><button class="cky-accordion-btn" aria-label="Advertisement" data-cky-tag="detail-category-title" style="color:#d0d0d0">Advertisement</button><span class="cky-always-active">Always Active</span> <div class="cky-switch" data-cky-tag="detail-category-toggle"><input type="checkbox" id="ckySwitchadvertisement"></div> </div> <div class="cky-accordion-header-des" data-cky-tag="detail-category-description" style="color:#d0d0d0"> <p>Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.</p></div> </div> </div> <div class="cky-accordion-body"> <div class="cky-audit-table" data-cky-tag="audit-table" style="color:#d0d0d0;background-color:#2a2a2a;border-color:#474444"><p class="cky-empty-cookies-text">No cookies to display.</p></div> </div> </div> </div></div><div class="cky-footer-wrapper"> <span class="cky-footer-shadow"></span> <div class="cky-prefrence-btn-wrapper" data-cky-tag="detail-buttons"> <button class="cky-btn cky-btn-reject" aria-label="Reject All" data-cky-tag="detail-reject-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0"> Reject All </button> <button class="cky-btn cky-btn-preferences" aria-label="Save My Preferences" data-cky-tag="detail-save-button" style="color:#d0d0d0;background-color:transparent;border-color:#d0d0d0"> Save My Preferences </button> <button class="cky-btn cky-btn-accept" aria-label="Accept All" data-cky-tag="detail-accept-button" style="color:#d0d0d0;background-color:#07743f;border-color:#07743f"> Accept All </button> </div></div></div></div></script>
</body>
</html>