Showing source for: https://pannar.com/
Duration: 1.42651s
Server: Apache/2.4.58 (CentOS)
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-EPDXBRC21F"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-EPDXBRC21F');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="https://dy0hskrlb14p3.cloudfront.net/favicon.ico">
<meta name="internal-entry" content="Home" />
<title>Home</title>
<meta name="description" content="" />
<meta property="og:url" content="https://pannar.com/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Home - Pannar Seed" />
<meta property="og:image" content="https://dy0hskrlb14p3.cloudfront.net/brand.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:description" content="" />
<meta property="og:site_name" content="Pannar Seed" />
<meta property="og:locale" content="en" />
<meta property="og:locale:alternate" content="en" />
<meta property="og:locale:alternate" content="af" />
<link rel="home" href="https://pannar.com/" />
<link rel="canonical" href="https://pannar.com/">
<style>
:root {
--storage: https://dy0hskrlb14p3.cloudfront.net/
}
</style>
<!-- bootstrap -->
<!-- adobe font -->
<link rel="stylesheet" href="https://use.typekit.net/uzi2ito.css">
<script src="/js/jquery-3.6.3.min.js"></script>
<link href="/css/bootstrap.min.css?v=1706353290" rel="stylesheet">
<link href="/css/style.css?v=1706353291" rel="stylesheet"></head>
<body>
<div class="cookies-banner d-none unset">
<p class="mb-1">Wil u die webwerf in Afrikaans besoek? <span class="btn white-btn btn-outline" type="button" data-bs-toggle="offcanvas" data-bs-target="#web-experience-menu" style="margin-left:5px;font-size: 0.8rem;padding:2px 15px;">Ja</span> / <span style="font-size: 0.8rem;padding:2px 15px;" class="btn white-btn btn-outline" onclick="dismissCookieBanner()">Nee</span></p>
</div>
<!-- quick select buttons -->
<div class="quick-select-container d-none d-md-block">
<div id="quick-select-rep">
<div class="quick-select-rep-container">
<p style="margin-bottom:5px;">Le Roux (Botter) Breytenbach</p>
<small>Welkom<br/>
084 451 9050</small>
</div>
<span class="btn green-btn" style="display: flex;flex-direction: row-reverse;width:132px;">
<img style="display:flex;-webkit-transform: rotate(-270deg);border-radius:50%; max-width:100%; max-height:100%;" src="https://dy0hskrlb14p3.cloudfront.net/website/reps/45_Le-Roux-Botter-Breytenbach.jpg.jpg" alt="">
<div style="width:10px;"></div>
<a href="https://wa.me/+27844519050" target="_blank">
<img style="display: flex;-webkit-transform: rotate(-270deg);width:43px;" src="https://dy0hskrlb14p3.cloudfront.net/icons/whatsapp-svgrepo.svg" alt="">
</a>
</span>
</div>
<div id="quick-select-products" onclick="toggleProducts(this)">
<div class="quick-select-products-container">
<div style="border-top-left-radius: 10px;overflow: hidden;border-bottom-left-radius: 10px; display:grid; grid-template-columns: repeat(2,1fr)">
<a href="/products/yellow-maize" data-bs-toggle="tooltip" data-bs-placement="left" title="YELLOW MAIZE">
<img style="display:flex;width:50px;height:50px;background:#f4d95c" src="https://dy0hskrlb14p3.cloudfront.net/images/yellow-maize-icon.svg" alt="">
</a>
<a href="/products/white-maize" data-bs-toggle="tooltip" data-bs-placement="left" title="WHITE MAIZE">
<img style="display:flex;width:50px;height:50px;background:#d2be73" src="https://dy0hskrlb14p3.cloudfront.net/images/white-maize-icon.svg" alt="">
</a>
<a href="/products/sunflower" data-bs-toggle="tooltip" data-bs-placement="left" title="SUNFLOWER">
<img style="display:flex;width:50px;height:50px;background:#f9c634" src="https://dy0hskrlb14p3.cloudfront.net/images/sunflower-icon.svg" alt="">
</a>
<a href="/products/soybeans" data-bs-toggle="tooltip" data-bs-placement="left" title="SOYBEANS">
<img style="display:flex;width:50px;height:50px;background:#d5ac5f" src="https://dy0hskrlb14p3.cloudfront.net/images/soybean.svg" alt="">
</a>
<a href="/products/grain-sorghum" data-bs-toggle="tooltip" data-bs-placement="left" title="GRAIN SORGHUM">
<img style="display:flex;width:50px;height:50px;background:#ca794e" src="https://dy0hskrlb14p3.cloudfront.net/images/sorghum-icon.svg" alt="">
</a>
<a href="/products/wheat" data-bs-toggle="tooltip" data-bs-placement="left" title="WHEAT">
<img style="display:flex;width:50px;height:50px;background:#c7b081" src="https://dy0hskrlb14p3.cloudfront.net/images/wheat-icon.svg" alt="">
</a>
</div>
</div>
<span class="btn green-btn" style="width:150px!important;">
All Products
</span>
</div>
</div>
<script>
function toggleProducts(div) {
div.classList.toggle("active");
let btn = document.querySelector("#quick-select-products .btn");
if(div.classList.contains('active')) {
if("default" === "pannarSeedAfrikaans") {
btn.innerHTML = "Maak Toe";
} else {
btn.innerHTML = "close";
}
} else {
if("default" === "pannarSeedAfrikaans") {
btn.innerHTML = "Alle produkte";
} else {
btn.innerHTML = "All Products";
}
}
}
</script>
<!-- navbar -->
<div class="container-fluid">
<div class="content-wrapper" style="height:40px">
<div class="navbar">
<div class="d-flex" style="max-width:1440px;width:100%;">
<a class="navbar-logo no-hover" href="/">
<img class="img-fluid" src="https://dy0hskrlb14p3.cloudfront.net/icons/navbar-pannar-icon.svg" alt="">
</a>
<div class="navbar-options">
<span class="btn green-btn d-none d-md-block" type="button" data-bs-toggle="offcanvas" data-bs-target="#web-experience-menu" style="font-size: 13px;height: 35px;margin-right:20px;">
My Website Experience <span> <img src="https://dy0hskrlb14p3.cloudfront.net/icons/Flag-South-Africa-small.svg" alt=""></span>
</span>
<div type="button" data-bs-toggle="offcanvas" data-bs-target="#search-dropdown">
<img class="img-fluid navbar-search-icon" src="https://dy0hskrlb14p3.cloudfront.net/icons/search.svg" alt="" >
</div>
</div>
<div class="d-flex flex-column" style="padding-top:8px;">
<div class="hamburger-menu" type="button" data-bs-toggle="offcanvas" data-bs-target="#navbar-menu">
<div class="bar-top"></div>
<div class="bar-middle"></div>
<div class="bar-bottom"></div>
</div>
<p style="font-size:12px;margin:auto;margin-top:5px;font-weight:bold;">MENU</p>
</div>
<div class="offcanvas offcanvas-top nav-canvas" tabindex="-1" id="navbar-menu" aria-labelledby="navbar-menu">
<div class="offcanvas-body">
<div class="nav-menu-spacer w-100" style="height:90px;"></div>
<div class="container-fluid nav-canvas-menu">
<div class="content-wrapper">
<div id="mobile-menu" class="row d-block d-md-none">
<div class="accordion px-0" id="mobile-nav-accordion">
<span id="mobile-exp-btn" class="btn green-btn w-100" type="button" data-bs-toggle="offcanvas" data-bs-target="#web-experience-menu" style="font-size:26px;height:52px;margin-bottom:30px;">
My Website Experience <span class="desktop-block"> <img src="https://dy0hskrlb14p3.cloudfront.net/icons/Flag-South-Africa-small.svg" alt=""></span>
</span>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-0" aria-expanded="true" aria-controls="collapse-0">
<h3>About</h3>
</button>
</h2>
<div id="collapse-0" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/about-us">History</a></li>
<li><a href="/stewardship">Stewardship</a></li>
<li><a href="/b_bbee_contributor_status">B-BBEE</a></li>
<li><a href="https://careers.corteva.com/">Careers</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="false" aria-controls="collapse-1">
<h3>Products</h3>
</button>
</h2>
<div id="collapse-1" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/products/yellow-maize">Yellow Maize</a></li>
<li><a href="/products/white-maize">White Maize</a></li>
<li><a href="/products/sunflower">Sunflower</a></li>
<li><a href="/products/soybeans">Soybeans</a></li>
<li><a href="/products/grain-sorghum">Grain Sorghum</a></li>
<li><a href="/products/wheat">Wheat</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2">
<h3>News</h3>
</button>
</h2>
<div id="collapse-2" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/news-and-insights">All Topics</a></li>
<li><a href="/news-and-insights?category=farmer-stories">Farmer Stories</a></li>
<li><a href="/news-and-insights?category=expert-insights">Expert Insights</a></li>
<li><a href="/news-and-insights?category=podcasts">Podcasts</a></li>
<li><a href="/news-and-insights?category=news">News</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false" aria-controls="collapse-3">
<h3>Agronomy</h3>
</button>
</h2>
<div id="collapse-3" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/agronomy">Agronomy Services</a></li>
<li><a href="/agronomy/panacea">PANACEA® SEED TREATMENT</a></li>
<li><a href="/agronomy/powercore">PowerCore™ Technology</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="false" aria-controls="collapse-4">
<h3>Our Apps</h3>
</button>
</h2>
<div id="collapse-4" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/app">Sprout App™</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-5" aria-expanded="false" aria-controls="collapse-5">
<h3>Contact Us</h3>
</button>
</h2>
<div id="collapse-5" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/contact/key-personnel">Key Personnel</a></li>
<li><a href="/contact/sales-reps">Sales Reps</a></li>
<li><a href="/contact/enquiry">Send An Enquiry</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="px-0 col-12 col-md-2 mt-3 mobile-socials">
<div class="d-flex justify-content-center">
<a href="https://www.facebook.com/PannarSeedZA" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/fb-icon.svg" >
</a>
<a href="https://www.instagram.com/pannarseedza/" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/instagram-icon.svg" >
</a>
<a href="https://www.youtube.com/pannarseedafrica" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/youtube-social.svg" >
</a>
<a href="https://twitter.com/PannarSeedZA" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/twitter-icon_2024-04-12-073426_zypo.svg" >
</a>
<a href="https://www.linkedin.com/company/pannarseedza/" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/linkedIn-icon.svg" >
</a>
<a href="https://www.tiktok.com/@pannarseedza" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/tiktok-icon.svg" >
</a>
</div>
</div>
</div>
<div class="row d-none d-md-flex mt-3">
<div class="px-0 col-2">
<h4>About</h4>
<ul class="mt-3">
<li><a href="/about-us">History</a></li>
<li><a href="/stewardship">Stewardship</a></li>
<li><a href="/b_bbee_contributor_status">B-BBEE</a></li>
<li><a target="_blank" href="https://careers.corteva.com/">Careers</a></li>
</ul>
<ul class="mt-3">
</div>
<div class="px-0 col-2">
<h4>Products</h4>
<ul class="mt-3">
<li><a href="/products/yellow-maize">Yellow Maize</a></li>
<li><a href="/products/white-maize">White Maize</a></li>
<li><a href="/products/sunflower">Sunflower</a></li>
<li><a href="/products/soybeans">Soybeans</a></li>
<li><a href="/products/grain-sorghum">Grain Sorghum</a></li>
<li><a href="/products/wheat">Wheat</a></li>
</ul>
</div>
<div class="px-0 col-2">
<h4>News</h4>
<ul class="mt-3">
<ul class="mt-3">
<li><a href="/news-and-insights">All Topics</a></li>
<li><a href="/news-and-insights?category=farmer-stories">Farmer Stories</a></li>
<li><a href="/news-and-insights?category=expert-insights">Expert Insights</a></li>
<li><a href="/news-and-insights?category=podcasts">Podcasts</a></li>
<li><a href="/news-and-insights?category=news">News</a></li>
</ul>
</div>
<div class="px-0 col-2">
<h4>Agronomy</h4>
<ul class="mt-3">
<li><a href="/agronomy">Agronomy Services</a></li>
<li><a href="/agronomy/panacea">PANACEA<sup>®</sup> SEED TREATMENT</a></li>
<li><a href="/agronomy/powercore">PowerCore™ Technology</a></li>
</ul>
<ul class="mt-3">
</div>
<div class="px-0 col-2">
<h4>Our Apps</h4>
<ul class="mt-3">
<li><a href="/app">Sprout App™</a></li>
</ul>
<ul class="mt-3">
</div>
<div class="px-0 col-2">
<h4>Contact Us</h4>
<ul class="mt-3">
<li><a href="/contact/key-personnel">Key Personnel</a></li>
<li><a href="/contact/sales-reps">Sales Reps</a></li>
<li><a href="/contact/enquiry">Send An Enquiry</a></li>
</ul>
<ul class="mt-3">
<div class="d-flex">
<a target="_blank" href="https://www.facebook.com/PannarSeedZA" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/fb-icon.svg" >
</a>
<a target="_blank" href="https://www.instagram.com/pannarseedza/" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/instagram-icon.svg" >
</a>
<a target="_blank" href="https://www.youtube.com/pannarseedafrica" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/youtube-social.svg" >
</a>
<a target="_blank" href="https://twitter.com/PannarSeedZA" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/twitter-icon_2024-04-12-073426_zypo.svg" >
</a>
<a target="_blank" href="https://www.linkedin.com/company/pannarseedza/" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/linkedIn-icon.svg" >
</a>
<a target="_blank" href="https://www.tiktok.com/@pannarseedza" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/tiktok-icon.svg" >
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="offcanvas offcanvas-top" tabindex="-1" id="search-dropdown" aria-labelledby="search-dropdown">
<div class="offcanvas-body">
<div class="nav-menu-spacer w-100" style="height:90px;"></div>
<div class="container-fluid">
<div class="content-wrapper">
<div class="row mb-4" id="search-bar">
<div class="col-md-9 col-12">
<input type="text" class="form-control text-white" id="site-search" placeholder="Search Text">
</div>
<div class="col-md-2 col-10">
<span id="search-btn" class="btn w-100 yellow-btn green-text" onclick="globalSearch()" style="padding:10px;">Search</span>
</div>
<div class="col-md-1 col-2">
<span data-bs-toggle="offcanvas" data-bs-target="#search-dropdown" aria-controls="search-dropdown" id="close-search">X</span>
</div>
</div>
<div id="search-results">
<div id="no-res" class="d-none"></div>
<div id="product-results" class="d-none">
<h3>Products</h3>
</div>
<div id="hybrid-results" class="d-none">
<h3>Hybrids</h3>
</div>
<div id="disease-results" class="d-none">
<h3>Diseases</h3>
</div>
<div id="insight-results" class="d-none">
<h3>Insights</h3>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="offcanvas offcanvas-top" tabindex="-1" id="web-experience-menu" aria-labelledby="web-experience-menu">
<div class="offcanvas-body">
<div class="nav-menu-spacer w-100" style="height:90px;">
<div type="button" data-bs-toggle="offcanvas" data-bs-target="#web-experience-menu" style="text-align:end;font-size:40px;color:white;margin-right:32px;">X</div>
</div>
<div class="container-fluid">
<div class="content-wrapper">
<div class="row">
<div class="col-md-12 mb-4 desktop-block">
<h3 class="m-0">Customise Your User Journey</h3>
</div>
<div class="col-md-6">
<h4>Profile</h4>
<select id="journey-country" class="form-select mb-2" aria-label="Country" onchange="toggleRegion(this)">
<option value="" selected>Select A Country</option>
<option value="other">Other</option>
<option value="21273">South Africa</option>
</select>
<select id="journey-region" class="form-select mb-2 d-none" aria-label="Region">
<option value="" selected>Select A Region</option>
<optgroup label="Kwazulu-Natal And Cape">
<option value="32741">Greytown</option>
<option value="32742">East London</option>
<option value="32743">Ciskei / Eastern Cape</option>
<option value="32744">Kwazulu-Natal Midlands</option>
<option value="32745">North Eastern Cape</option>
<option value="32746">Southern Kwazulu-Natal</option>
<option value="32747">Swellendam</option>
<option value="32748">Vryheid</option>
<option value="32749">Winterton</option>
<option value="32750">Zululand</option>
<optgroup label="Eastern Highveld And Limpopo">
<option value="32752">Bethal</option>
<option value="32753">Mokopane</option>
<option value="32754">Brits/Pretoria/Thabazimbi</option>
<option value="32755">Carolina</option>
<option value="32756">Delmas/Bronkhorstspruit</option>
<option value="32757">Ermelo</option>
<option value="32758">Lydenburg</option>
<option value="32759">Middelburg</option>
<option value="32760">Mpumalanga / Limpopo</option>
<option value="50719">Mokopane</option>
<optgroup label="Gauteng, Southern Mpumalanga and Eastern Free State">
<option value="32762">Bethlehem</option>
<option value="32763">Frankfort / Villiers</option>
<option value="32764">Bethlehem / Harrismith / Warden</option>
<option value="32765">Heidelberg / Balfour</option>
<option value="32766">Parys / Sasolburg</option>
<option value="32767">Potchefstroom / Vereeniging</option>
<option value="32768">Reitz / Petrus Steyn</option>
<option value="32769">Standerton / Vrede / Volksrust</option>
<optgroup label="Western Free State">
<option value="32771">Kroonstad / Viljoenskroon</option>
<option value="32772">Bloemfontein</option>
<option value="32773">Bothaville/Viljoenskroon</option>
<option value="32774">Hoopstad</option>
<option value="32775">Senekal / Ficksburg</option>
<option value="32776">Viljoenskroon</option>
<option value="32777">Welkom</option>
<option value="32778">Wesselsbron</option>
<optgroup label="North West">
<option value="32780">Klerksdorp</option>
<option value="32781">Coligny</option>
<option value="32782">Delareyville</option>
<option value="32783">Koster</option>
<option value="32784">Lichtenburg</option>
<option value="32785">Mafikeng</option>
<option value="32786">Sannieshof</option>
<option value="32787">Schweizer-Reneke / Vryburg</option>
<option value="32788">Ventersdorp</option>
<option value="32789">Wolmaransstad</option>
<optgroup label="Northern Cape">
<option value="32791">Hopetown/Douglas</option>
<option value="32792">Jacobsdal</option>
<option value="32793">Prieska/Upington</option>
<option value="32794">Vanderkloof</option>
<option value="48904">Hartswater/Jan Kempdorp</option>
</select>
<select id="journey-language" class="form-select mb-2" aria-label="Language">
<option value="" selected>Select A Language</option>
<option value="default">English</option>
<option value="pannarSeedAfrikaans">Afrikaans</option>
</select>
<select id="journey-farmer" class="form-select mb-2" aria-label="Farmer">
<option value="" selected>Select Farmer Type</option>
<option value="commercial_farmer">Commercial Farmer</option>
<option value="developing_farmer">Developing Farmer</option>
</select>
</div>
<div class="col-md-6 desktop-block">
<h4>My Product Preferences:</h4>
<div class="row mt-3">
<div class="col-md-6">
<label class="checkbox-container product-checkbox">
Yellow Maize
<input
type="checkbox"
data-value="32724"
>
<span class="checkmark" data-value="32724" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
White Maize
<input
type="checkbox"
data-value="32725"
>
<span class="checkmark" data-value="32725" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
Sunflower
<input
type="checkbox"
data-value="95"
>
<span class="checkmark" data-value="95" onclick="handleCheckBox(this)"></span>
</label>
</div>
<div class="col-md-6">
<label class="checkbox-container product-checkbox">
Soybeans
<input
type="checkbox"
data-value="96"
>
<span class="checkmark" data-value="96" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
Grain Sorghum
<input
type="checkbox"
data-value="98"
>
<span class="checkmark" data-value="98" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
Wheat
<input
type="checkbox"
data-value="99"
>
<span class="checkmark" data-value="99" onclick="handleCheckBox(this)"></span>
</label>
</div>
<div class="col-12 mt-3">
<span class="update-pref-btn btn yellow-btn text-green disabled" onclick="savePreferences()" style="font-size:16px;">
Update Preferences
</span>
<span class="ms-2 btn white-btn outline-btn" onclick="clearInterests()" style="font-size:16px;">Reset Form</span>
</div>
</div>
</div>
<div class="col-md-6 mobile-block mt-3">
<h4>I'm Interested In:</h4>
<div class="row">
<div class="col-md-12">
<select id="journey-region" class="form-select mb-2" aria-label="Plant Region">
<option value="" selected>Select a Planting Region</option>
<option value="21242">Head Office</option>
<option value="21243">North West</option>
<option value="21244">Western Free State</option>
<option value="21245">Northern Cape</option>
<option value="21246">Kwa-Zulu Natal / Cape</option>
<option value="21247">Eastern Highveld / Limpopo</option>
<option value="21248">GP / MP / Eastern FS</option>
<option value="32731">East Cool</option>
<option value="32732">East Temperate</option>
<option value="32733">Mist Belt</option>
<option value="32734">NW Free State</option>
<option value="32735">NE Free State</option>
<option value="32736">Low Rainfall</option>
<option value="32737">Irrigation Eastern Highveld & KZN</option>
<option value="32738">Irrigation West Highveld, Limpopo & EC</option>
<option value="32739">Irrigation Northern Cape</option>
</select>
</div>
<div class="col-6 pe-1">
<label class="checkbox-container product-checkbox">
Yellow Maize
<input
type="checkbox"
data-value="32724"
>
<span class="checkmark" data-value="32724" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
White Maize
<input
type="checkbox"
data-value="32725"
>
<span class="checkmark" data-value="32725" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
Sunflower
<input
type="checkbox"
data-value="95"
>
<span class="checkmark" data-value="95" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
Soybeans
<input
type="checkbox"
data-value="96"
>
<span class="checkmark" data-value="96" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
Grain Sorghum
<input
type="checkbox"
data-value="98"
>
<span class="checkmark" data-value="98" onclick="handleCheckBox(this)"></span>
</label>
</div>
<div class="col-6 ps-1">
<label class="checkbox-container product-checkbox">
Grain Sorghum
<input
type="checkbox"
data-value="98"
>
<span class="checkmark" data-value="98" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
Wheat
<input
type="checkbox"
data-value="99"
>
<span class="checkmark" data-value="99" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
<input
type="checkbox"
data-value=""
>
<span class="checkmark" data-value="" onclick="handleCheckBox(this)"></span>
</label>
<label class="checkbox-container product-checkbox">
<input
type="checkbox"
data-value=""
>
<span class="checkmark" data-value="" onclick="handleCheckBox(this)"></span>
</label>
</div>
<div class="col-12 mt-4">
<span class="update-pref-btn btn yellow-btn w-100 text-green disabled" onclick="savePreferences()" style="font-size:16px;">
Update Preferences
</span>
<span class="btn white-btn outline-btn w-100 mt-2" onclick="clearInterests()">Reset Form</span>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
let set_lang = false;
let default_obj = {
"user_country": "21273",
"user_region": "",
"user_plant_region": "",
"user_language": "default",
"user_farmer": "",
"saved": true,
"user_product_interests": []
};
function handleCheckBox(el) {
$(el).prev().prop("checked", $(el).prev().prop('checked'))
$(`#web-experience-menu input[data-value=${el.getAttribute("data-value")}]`).each(function() {
$(this).removeAttr("checked");
});
}
function clearInterests() {
let c_boxes = document.querySelectorAll('input[type=checkbox]');
c_boxes.forEach(b => b.checked = false);
Cookies.remove("pannar_user_interests")
location.reload();
};
function toggleRegion(el) {
if(el.value === "21273") {
document.getElementById("journey-region").classList.remove("d-none");
document.getElementById("journey-region").classList.add("d-block");
} else {
document.getElementById("journey-region").classList.add("d-none");
document.getElementById("journey-region").classList.remove("d-block");
document.getElementById("journey-region").value = "";
}
};
function changeLanguage(el) {
if(el.value === "pannarSeedAfrikaans") {
set_lang = "af";
} else {
set_lang = "en";
}
};
function get_selections() {
let user_interests = default_obj;
// get country
let country_val = document.getElementById("journey-country").value;
user_interests.user_country = country_val;
// get region
if (document.getElementById("journey-region")) {
let region_val = document.getElementById("journey-region").value;
user_interests.user_region = region_val;
}
// get planting region
if (document.getElementById("journey-plant-region")) {
let p_region_val = document.getElementById("journey-plant-region").value;
user_interests.user_plant_region = p_region_val;
}
// get language
let language_val = document.getElementById("journey-language").value;
user_interests.user_language = language_val;
// get farmer
let farmer_val = document.getElementById("journey-farmer").value;
user_interests.user_farmer = farmer_val;
// get product interests
let checkboxes = document.querySelectorAll("#web-experience-menu .product-checkbox input");
let products_cb = [];
checkboxes.forEach(box => {
if(box.checked) {
console.log("is checked: ", box);
let bv = box.getAttribute("data-value");
if(!products_cb.includes(bv)) {
products_cb.push(bv);
};
}
});
console.log("pcb: ", products_cb);
user_interests.user_product_interests = products_cb;
return user_interests;
}
function savePreferences() {
let user_interests = get_selections();
console.log(user_interests);
user_interests.saved = true;
show_overlay();
Cookies.set("pannar_user_interests", JSON.stringify(user_interests), { expires: 360 });
location.reload();
};
// on page load if no cookies set trigger drop down DEPRECATED
// document.addEventListener("DOMContentLoaded", function(){
// console.log("loaded");
// let user_interests = Cookies.get("pannar_user_interests");
// if(user_interests)
// console.log(JSON.parse(user_interests));
// if(!user_interests) {
// let popup = document.getElementById("web-experience-menu");
// popup.classList.add("show");
// }
// });
// if user journey gets dismissed with no cookies set set the default object
var user_journey_menu = document.getElementById('web-experience-menu');
user_journey_menu.addEventListener('hide.bs.offcanvas', function () {
console.log("journey hiding");
if (!Cookies.get("pannar_user_interests")) {
console.log("no cookies found!");
default_obj.user_product_interests = [
"32724",
"32725",
"95",
"96",
"97",
"98",
"99",
"100"
];
show_overlay();
Cookies.set("pannar_user_interests", JSON.stringify(default_obj), { expires: 360 });
setTimeout(() => {
location.reload();
}, 2000);
};
});
function show_overlay() {
// hide menu icon when loading, body overflow hidden and display overlay
document.querySelector(".hamburger-menu").style.display = "none";
document.getElementById("web-experience-menu").classList.remove("show");
let overlay = document.getElementById("loading-overlay");
overlay.style.display = "flex";
document.body.style.overflow = "hidden";
};
function setDirty() {
console.log("h3");
$(".update-pref-btn").removeClass("disabled");
};
// add event listeners to all select and inputs within the experience menu
let selectors = document.querySelectorAll("#web-experience-menu .form-select");
let checkboxes = document.querySelectorAll("#web-experience-menu .checkmark");
let labels = document.querySelectorAll("#web-experience-menu .product-checkbox");
selectors.forEach(sel => {
sel.addEventListener("change", setDirty);
});
checkboxes.forEach(sel => {
sel.addEventListener("click", setDirty);
});
labels.forEach(sel => {
sel.addEventListener("click", setDirty);
});
</script>
</div>
</div>
</div>
</div>
<div id="loading-overlay" style="display:none;">
<div class="loading-text">
<div class="d-flex justify-content-center">
<div class="spinner-grow text-light" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
<br/>
Saving user options...
</div>
</div>
</div>
<script>
function globalSearch() {
// set dropdown to full height
let menu = document.getElementById("search-dropdown");
let search_res = document.getElementById("search-results");
menu.style.maxHeight = "100vh";
search_res.style.maxHeight = "80vh";
// start loading state on button
let s_btn = document.getElementById("search-btn");
s_btn.innerHTML = "Searching...";
// clear any previous search results
let search_container = document.getElementById("no-res");
search_container.innerHTML = "";
search_container.classList.add("d-none");
let p_container = document.getElementById("product-results");
if(p_container){
p_container.innerHTML = "<h3>Products</h3>";
p_container.classList.add("d-none");
}
let h_container = document.getElementById("hybrid-results")
if(h_container) {
h_container.innerHTML = "<h3>Hybrids</h3>";
h_container.classList.add("d-none");
}
let i_container = document.getElementById("insight-results");
if(i_container) {
i_container.innerHTML = "<h3>Insights</h3>";
i_container.classList.add("d-none");
}
let d_container = document.getElementById("disease-results");
if(d_container) {
d_container.innerHTML = "<h3>Diseases</h3>";
d_container.classList.add("d-none");
}
let txt = document.getElementById("site-search").value;
$.get(("/api/search?q=" + txt), function(data, status){
if(data.products.length || data.hybrids.length || data.insights.length || data.diseases.length) {
if(data.products.length) {
let mark_up = "<ul>"
for(let p of data.products) {
let x = "<li><a class='d-block' target='_blank' href=" + p.url + ">" + p.title + "</a></li>";
mark_up += x;
}
mark_up + "</ul>";
p_container.innerHTML += mark_up;
p_container.classList.remove("d-none");
p_container.classList.remove("d-block");
}
if(data.hybrids.length) {
let h_container = document.getElementById("hybrid-results");
let mark_up = "<ul>"
for(let p of data.hybrids) {
let x = "<li><a class='d-block' target='_blank' href=" + p.url + ">" + p.title + "</a></li>";
mark_up += x;
}
mark_up + "</ul>";
h_container.innerHTML += mark_up;
h_container.classList.remove("d-none");
h_container.classList.remove("d-block");
}
if(data.insights.length) {
let i_container = document.getElementById("insight-results");
let mark_up = "<ul>"
for(let p of data.insights) {
let x = "<li><a class='d-block' target='_blank' href=" + p.url + ">" + p.title + "</a></li>";
mark_up += x;
}
mark_up + "</ul>";
i_container.innerHTML += mark_up;
i_container.classList.remove("d-none");
i_container.classList.remove("d-block");
}
if(data.diseases.length) {
let d_container = document.getElementById("disease-results");
let mark_up = "<ul>"
for(let p of data.diseases) {
let x = "<li><a class='d-block' target='_blank' href=" + p.url + ">" + p.title + "</a></li>";
mark_up += x;
}
mark_up + "</ul>";
d_container.innerHTML += mark_up;
d_container.classList.remove("d-none");
}
// end loading state on button
s_btn.innerHTML = "Search";
} else {
search_container.classList.remove("d-none");
search_container.innerHTML = "<p class='text-center text-white'>No results found</p>";
// end loading state on button
s_btn.innerHTML = "Search";
}
});
}
</script>
</div>
<!-- The video -->
<div id="page-banner-video" class="desktop-block">
<video autoplay muted loop>
<source src="https://dy0hskrlb14p3.cloudfront.net/website/pages/banners/iStock-483723657.mp4" type="video/mp4">
</video>
<div class="banner-video-overlay"></div>
</div>
<div class="page-banner mobile-block">
<img class="img-fluid" src=" https://dy0hskrlb14p3.cloudfront.net/website/pages/banners/mobile/Untitled-1.mp4 " alt="">
<div class="banner-overlay"></div>
</div>
<!-- over banner text -->
<div class="container-fluid banner-txt-spacer">
<div class="content-wrapper" id="overbanner-text">
<section>
<h2>STRIDE CONFIDENTLY</h2>
<h1>INTO THE FUTURE WITH <br />PANNAR AT YOUR SIDE</h1>
</section>
</div>
</div>
<div class="container-fluid outer-wrapper">
<div class="content-wrapper">
<section class="overview-cards">
<div class="row">
<!-- product card -->
<div class="col-sm-12 col-md-4 mb-md-0 mb-2">
<div class="card">
<div class="card-header">
<div class="row align-items-center">
<div class="col-6 col-md-6">
<h3 class="text-green">Products</h3>
</div>
<div class="col-6 col-md-6 text-end">
<h3 class="text-green product-type fade show" id="product-indicator"></h3>
</div>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-6 col-md-4 mb-2 text-center ">
<a class="product-icon-link w-100" style="position:relative" href="/products/yellow-maize" data-product="Yellow Maize" onmouseover="productIconHover(this)" onmouseleave="clearProductText()">
<img class="img-fluid img-rounded w-100" src="https://dy0hskrlb14p3.cloudfront.net/images/yellow-maize-icon.svg" alt="">
<div class="mobile w-100">
<p class="d-block w-100 text-center mt-2 mobile-product-txt"> Yellow Maize </p>
</div>
</a>
</div>
<div class="col-6 col-md-4 mb-2 text-center ">
<a class="product-icon-link w-100" style="position:relative" href="/products/white-maize" data-product="White Maize" onmouseover="productIconHover(this)" onmouseleave="clearProductText()">
<img class="img-fluid img-rounded w-100" src="https://dy0hskrlb14p3.cloudfront.net/images/white-maize-icon.svg" alt="">
<div class="mobile w-100">
<p class="d-block w-100 text-center mt-2 mobile-product-txt"> White Maize </p>
</div>
</a>
</div>
<div class="col-6 col-md-4 mb-2 text-center ">
<a class="product-icon-link w-100" style="position:relative" href="/products/sunflower" data-product="Sunflower" onmouseover="productIconHover(this)" onmouseleave="clearProductText()">
<img class="img-fluid img-rounded w-100" src="https://dy0hskrlb14p3.cloudfront.net/images/sunflower-icon.svg" alt="">
<div class="mobile w-100">
<p class="d-block w-100 text-center mt-2 mobile-product-txt"> Sunflower </p>
</div>
</a>
</div>
<div class="col-6 col-md-4 mb-2 text-center ">
<a class="product-icon-link w-100" style="position:relative" href="/products/soybeans" data-product="Soybeans" onmouseover="productIconHover(this)" onmouseleave="clearProductText()">
<img class="img-fluid img-rounded w-100" src="https://dy0hskrlb14p3.cloudfront.net/images/soybean.svg" alt="">
<div class="mobile w-100">
<p class="d-block w-100 text-center mt-2 mobile-product-txt"> Soybeans </p>
</div>
</a>
</div>
<div class="col-6 col-md-4 mb-2 text-center ">
<a class="product-icon-link w-100" style="position:relative" href="/products/grain-sorghum" data-product="Grain Sorghum" onmouseover="productIconHover(this)" onmouseleave="clearProductText()">
<img class="img-fluid img-rounded w-100" src="https://dy0hskrlb14p3.cloudfront.net/images/sorghum-icon.svg" alt="">
<div class="mobile w-100">
<p class="d-block w-100 text-center mt-2 mobile-product-txt"> Grain Sorghum </p>
</div>
</a>
</div>
<div class="col-6 col-md-4 mb-2 text-center ">
<a class="product-icon-link w-100" style="position:relative" href="/products/wheat" data-product="Wheat" onmouseover="productIconHover(this)" onmouseleave="clearProductText()">
<img class="img-fluid img-rounded w-100" src="https://dy0hskrlb14p3.cloudfront.net/images/wheat-icon.svg" alt="">
<div class="mobile w-100">
<p class="d-block w-100 text-center mt-2 mobile-product-txt"> Wheat </p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- app card -->
<div class="col-sm-12 col-md-4 mb-md-0 mb-2">
<div class="card our-apps-card">
<div class="card-header">
<div class="row">
<div class="col-sm-12 col-md-12">
<h3 class="text-green">Download Our App</h3>
</div>
</div>
</div>
<div class="card-body">
<div id="our-apps-carousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-6 border-right">
<img class="img-fluid img-rounded w-100" src="https://dy0hskrlb14p3.cloudfront.net/website/apps/sprout-plus.jpeg" alt="">
</div>
<div class="col-6 pt-2">
<p>PANNAR is committed to supporting farmers by providing first-class products and expertise.</p>
<p class="download-link"><a href="/app">More</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- rep card -->
<div class="col-sm-12 col-md-4 mb-md-0">
<div class="card rep-card">
<div class="card-header">
<div class="row">
<div class="col-sm-12 col-md-12">
<h3 class="text-green">Meet Your Rep</h3>
</div>
</div>
</div>
<div class="card-body">
<div class="row">
<h5 class="card-title mb-2">Welkom <span> <img src="https://dy0hskrlb14p3.cloudfront.net/icons/Flag-South-Africa-small.svg" alt=""></span></h5>
<p class="lead-text card-text text-green text-thin" data-bs-toggle="offcanvas" data-bs-target="#web-experience-menu" style="cursor:pointer"><i>Change Area</i></p>
</div>
<div class="row mt-3">
<div class="col-3">
<img class="img-fluid rep-img w-100" src="https://dy0hskrlb14p3.cloudfront.net/website/reps/45_Le-Roux-Botter-Breytenbach.jpg.jpg" alt="">
</div>
<div class="col-9">
<h5 class="card-title text-green mb-3">Nearest Representative:</h5>
<p><b>Le Roux (Botter) Breytenbach</b><br/> 084 451 9050</p>
<p class="download-link"><a href="/contact/enquiry" class="lead-text text-green">Contact Us</a><p>
</div>
</div>
<div class="rep-email-btn">
<a href="https://wa.me/+27844519050" target="_blank">
<img src="https://dy0hskrlb14p3.cloudfront.net/icons/whatsapp-svgrepo.svg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- Info card -->
<div class="container-fluid outer-wrapper">
<div class="content-wrapper">
<section class="info-card">
<div class="card green-card">
<div class="card-body">
<div class="row">
<div class="col-sm-12 col-md-4">
<div class="info-card-content d-flex">
<div data-bs-toggle="offcanvas" data-bs-target="#web-experience-menu">
<h4>Customise Your Website</h4>
<h1>Experience<span style="margin-left:10px;"><img style="margin-top:-10px" src="https://dy0hskrlb14p3.cloudfront.net/icons/Flag-South-Africa-large.svg" alt=""></span></h1>
</div>
<div class="info-card-chevron" data-bs-toggle="offcanvas" data-bs-target="#web-experience-menu">
<img src="https://dy0hskrlb14p3.cloudfront.net/icons/circle-chevron-bg.svg" style="margin-top:4px;">
</div>
</div>
</div>
<div class="col-sm-12 col-md-4">
<a href="https://dy0hskrlb14p3.cloudfront.net/public/catalogue-2024-eng.pdf" target="_blank">
<div class="info-card-content d-flex">
<div>
<h4>Download Our</h4>
<h1>Catalogue <span><img style="margin-top:-10px" src="https://dy0hskrlb14p3.cloudfront.net/icons/catalogue-icon.svg" alt=""></span></h1>
</div>
<div class="info-card-chevron">
<img src="https://dy0hskrlb14p3.cloudfront.net/icons/circle-chevron-bg.svg" style="margin-top:4px;">
</div>
</div>
</a>
</div>
<div class="col-sm-12 col-md-4">
<div class="info-card-content">
<h4>Safex Prices</h4>
<div id="safex-slider" class="carousel slide d-flex flex-column" data-bs-ride="carousel">
<div class="d-flex flex-row">
<button class="carousel-control-prev position-relative d-flex" type="button" data-bs-target="#safex-slider" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row" style="align-items:center;flex-wrap:nowrap;">
<img class="img-fluid img-rounded" src="https://dy0hskrlb14p3.cloudfront.net/images/white-maize-icon.svg" style="width: 20%;margin-top: 6px;">
<p class="lead-text text-white" style="margin: 0;margin-top: 20px;padding: 0;" >White Maize / May 28 / 0</p>
</div>
</div>
<div class="carousel-item ">
<div class="row" style="align-items:center;flex-wrap:nowrap;">
<img class="img-fluid img-rounded" src="https://dy0hskrlb14p3.cloudfront.net/images/yellow-maize-icon.svg" style="width: 20%;margin-top: 6px;">
<p class="lead-text text-white" style="margin: 0;margin-top: 20px;padding: 0;" >Yellow Maize / May 28 / 0</p>
</div>
</div>
<div class="carousel-item ">
<div class="row" style="align-items:center;flex-wrap:nowrap;">
<img class="img-fluid img-rounded" src="https://dy0hskrlb14p3.cloudfront.net/images/wheat-icon.svg" style="width: 20%;margin-top: 6px;">
<p class="lead-text text-white" style="margin: 0;margin-top: 20px;padding: 0;" >Wheat / May 28 / 0</p>
</div>
</div>
<div class="carousel-item ">
<div class="row" style="align-items:center;flex-wrap:nowrap;">
<img class="img-fluid img-rounded" src="https://dy0hskrlb14p3.cloudfront.net/images/sunflower-icon.svg" style="width: 20%;margin-top: 6px;">
<p class="lead-text text-white" style="margin: 0;margin-top: 20px;padding: 0;" >Sunflower / May 28 / 0</p>
</div>
</div>
<div class="carousel-item ">
<div class="row" style="align-items:center;flex-wrap:nowrap;">
<img class="img-fluid img-rounded" src="https://dy0hskrlb14p3.cloudfront.net/images/soybean.svg" style="width: 20%;margin-top: 6px;">
<p class="lead-text text-white" style="margin: 0;margin-top: 20px;padding: 0;" >Soybean / May 28 / 0</p>
</div>
</div>
<div class="carousel-item ">
<div class="row" style="align-items:center;flex-wrap:nowrap;">
<img class="img-fluid img-rounded" src="https://dy0hskrlb14p3.cloudfront.net/images/beans-icon.svg" style="width: 20%;margin-top: 6px;">
<p class="lead-text text-white" style="margin: 0;margin-top: 20px;padding: 0;" >Drybeans / May 28 / 0</p>
</div>
</div>
<div class="carousel-item ">
<div class="row" style="align-items:center;flex-wrap:nowrap;">
<img class="img-fluid img-rounded" src="https://dy0hskrlb14p3.cloudfront.net/images/sorghum-icon.svg" style="width: 20%;margin-top: 6px;">
<p class="lead-text text-white" style="margin: 0;margin-top: 20px;padding: 0;" >Sorghum / Jan 03 / 0</p>
</div>
</div>
</div>
<button class="carousel-control-next position-relative d-flex" type="button" data-bs-target="#safex-slider" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- News and insights card -->
<div class="container-fluid outer-wrapper">
<div class="content-wrapper">
<section class="news-and-insights-card">
<div class="card">
<div class="card-header">
<div class="row">
<div class="col-sm-12 col-md-6">
<h3 class="text-green">Latest News & Insights</h3>
</div>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="news-container col-sm-12 col-md-4 mb-md-5 mb-4" data-category="farmer-stories">
<a href="/news-and-insights/our-cups-runneth-over-thanks-to-sunflower-hybrid-pan-7160clp-near-koppies">
<div class="news-img-container mb-4" style="background-image: url(https://dy0hskrlb14p3.cloudfront.net/website/insights/featured_images/Screenshot-2024-05-27-at-13.24.49.png);">
<span class="category-tag">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/insights/farmer-stories.svg">
Farmer Stories
</span>
<div class="news-img-overlay"></div>
</div>
<div class="news-container-txt">
<h3>Our cups runneth over thanks to sunflower hybrid PAN 7160CLP near Koppies!</h3>
<span class="text-thin mb-3"> 27 May 2024</span>
<a href="/news-and-insights/our-cups-runneth-over-thanks-to-sunflower-hybrid-pan-7160clp-near-koppies" class="btn green-btn mt-3">Find Out More</a>
</div>
</a>
</div>
<div class="news-container col-sm-12 col-md-4 mb-md-5 mb-4" data-category="farmer-stories">
<a href="/news-and-insights/pannar-yellow-maize-hybrid-pan-3p-924pw-delivers-19-tonnes-per-hectare-a-stalwart-bar-none">
<div class="news-img-container mb-4" style="background-image: url(https://dy0hskrlb14p3.cloudfront.net/website/insights/featured_images/4_2024-05-23-123441_knzc.jpg);">
<span class="category-tag">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/insights/farmer-stories.svg">
Farmer Stories
</span>
<div class="news-img-overlay"></div>
</div>
<div class="news-container-txt">
<h3>Pannar yellow maize hybrid, PAN 3P-924PW, delivers 19 tonnes per hectare – a stalwart bar none!</h3>
<span class="text-thin mb-3"> 23 May 2024</span>
<a href="/news-and-insights/pannar-yellow-maize-hybrid-pan-3p-924pw-delivers-19-tonnes-per-hectare-a-stalwart-bar-none" class="btn green-btn mt-3">Find Out More</a>
</div>
</a>
</div>
<div class="news-container col-sm-12 col-md-4 mb-md-5 mb-4" data-category="farmer-stories">
<a href="/news-and-insights/pannar-sunflower-hybrid-pan-7160clp-makes-waves-in-the-heilbron-district">
<div class="news-img-container mb-4" style="background-image: url(https://dy0hskrlb14p3.cloudfront.net/website/insights/featured_images/Screenshot-2024-05-15-at-14.39.42.png);">
<span class="category-tag">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/insights/farmer-stories.svg">
Farmer Stories
</span>
<div class="news-img-overlay"></div>
</div>
<div class="news-container-txt">
<h3>Pannar sunflower hybrid, PAN 7160CLP, makes waves in the Heilbron district!</h3>
<span class="text-thin mb-3"> 15 May 2024</span>
<a href="/news-and-insights/pannar-sunflower-hybrid-pan-7160clp-makes-waves-in-the-heilbron-district" class="btn green-btn mt-3">Find Out More</a>
</div>
</a>
</div>
<div class="col-sm-12 col-md-12 justify-content-center desktop mt-3">
<a id="news-and-insights-read-more" href="/news-and-insights" class="btn yellow-btn text-green" style="padding:10px 25px;">More News And Insights</a>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="container-fluid outer-wrapper">
<div class="content-wrapper">
<section class="hero-image">
<div class="row">
<div class="col-12">
<div class="hero-image-inner" style="background-image:url(https://dy0hskrlb14p3.cloudfront.net/website/pages/hero_images/hero-image-home.png);padding-bottom:%;" >
<div class="hero-image-content">
<h2>WITH OUR SUPPORT</h2>
<h1>SUCCESS IS <br />WITHIN YOUR GRASP</h1>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="container-fluid outer-wrapper">
<div class="content-wrapper">
<section id="content-card">
<div class="card green-card " style="">
<div class="card-body">
<div class="row">
<div class="col-sm-12 col-md-12">
<img class="img-fluid img-rounded ms-3 mb-3" src="https://dy0hskrlb14p3.cloudfront.net/website/pages/content_card/home-about-img.jpeg" alt="" style=" float:right;">
<h4>ABOUT PANNAR<br /></h4>
<p class="lead-text">Pannar Seed is a leading seed supplier in Africa. Established and headquartered in Greytown, KwaZulu-Natal since 1958, we bring farmers a broad crop portfolio of top-performing seeds, including maize, sunflower, soybeans, grain sorghum, and wheat. This rich portfolio is powered by the seed innovations of our parent company, Corteva Agriscience<sup>™</sup>.</p>
<p>After more than 60 years in agriculture, our resolve remains unchanged: winning the trust of farmers and establishing a valued place in the communities where they live and work. Pannar Seed strengthens the future of farmers by sustainably increasing productivity and profitability. We work with farmers daily, listening first and then offering highly localised product recommendations, agronomic support and services that see farming operations flourish season after season.</p>
<p><a class="d-inline btn yellow-btn text-green" href="/about-us">Our History</a></p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div id="footer">
<div class="container-fluid outer-wrapper newsletter-form">
<div class="content-wrapper">
<section>
<div class="row justify-content-center">
<div class="col-sm-12 col-md-12 text-center">
<h2>Newsletter</h2>
<style type="text/css">
.elq-form .elq-required {
color: red !important;
display: inline;
float: none;
font-weight: 700;
margin: 0;
padding: 0
}
.elq-form .elq-label {
display: inline-block;
max-width: 100%;
font-weight: 400;
box-sizing: border-box;
margin-bottom: 0
}
.elq-form .elq-label-top {
padding-bottom: 3px
}
.elq-form .elq-item-label {
max-width: 100%;
font-weight: 400;
box-sizing: border-box
}
.elq-form .list-order {
margin-left: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.elq-form .row.single-checkbox-row {
margin-left: 0
}
.elq-form .elq-field-style {
padding-bottom: 10px
}
.elq-form .elq-field-style input[type=submit] {
-webkit-appearance: square-button
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn)
}
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
.elq-form .loader {
vertical-align: middle;
display: inline-block;
margin-left: 10px;
border: 3px solid #f3f3f3;
border-radius: 50%;
border-top: 3px solid #3498db;
width: 20px;
height: 20px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite
}
.elq-form .list-order input[type=radio] {
margin-left: 1px
}
.elq-form *,
.elq-form :after,
.elq-form :before {
box-sizing: border-box
}
.elq-form html {
font-size: 10px;
-webkit-tap-highlight-color: transparent
}
.elq-form body {
font-size: 14px;
line-height: 1.42857;
color: #333;
background-color: #fff
}
.elq-form button,
.elq-form input,
.elq-form select,
.elq-form textarea {
font-size: inherit;
line-height: inherit
}
.elq-form a {
color: #337ab7;
text-decoration: none
}
.elq-form a:focus,
.elq-form a:hover {
color: #23527c;
text-decoration: underline
}
.elq-form a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.elq-form figure {
margin: 0
}
.elq-form img {
vertical-align: middle
}
.elq-form .img-responsive {
display: block;
max-width: 100%;
height: auto
}
.elq-form .img-rounded {
border-radius: 6px
}
.elq-form .img-thumbnail {
padding: 4px;
line-height: 1.42857;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto
}
.elq-form .img-circle {
border-radius: 50%
}
.elq-form hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee
}
.elq-form .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.elq-form .sr-only-focusable:active,
.elq-form .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.elq-form [role=button] {
cursor: pointer
}
.LV_invalid_field,
input.LV_invalid_field:active,
input.LV_invalid_field:hover,
textarea.LV_invalid_field:active,
textarea.LV_invalid_field:hover {
outline: 1px solid #c00
}
.LV_validation_message {
font-weight: 700;
margin: 0 0 0 5px
}
.LV_valid {
display: none
}
.LV_invalid {
color: #c00;
font-size: 10px
}
.checkbox-aligned {
margin-left: 5px;
display: inline
}
.form-element-layout {
padding: 5px 10px
}
.form-element-instruction {
font-size: 10px
}
.form-element-form-text {
margin: 0
}
.form-field-visible-xs-block {
display: none
}
.elq-form-design-field .list-order input[type=radio] {
margin-left: 1px
}
@media (max-width:767px) {
.form-field-visible-xs-block {
display: block
}
}
.form-field-hidden-xs {
display: block
}
@media (max-width:767px) {
.form-field-hidden-xs {
display: none
}
}
.custom-overlay {
margin-left: 2px;
background: #fff;
box-shadow: 0 0 4px 0 #777;
border-radius: 2px;
max-width: 256px
}
</style>
<form method="post" name="newsletter-signup-form-en" action="https://s2833067.t.eloqua.com/e/f2" onsubmit="return handleFormSubmit(this)" id="form22" class="elq-form">
<input value="newsletter-signup-form-en" type="hidden" name="elqFormName">
<input value="2833067" type="hidden" name="elqSiteId">
<input name="elqCampaignId" type="hidden">
<input type="hidden" name="elqCustomerGUID" value="">
<input type="hidden" name="elqCookieWrite" value="0">
<div class="layout container-fluid">
<div class="row justify-content-center" style="position:relative; display:flex;">
<div class="layout-col col-md-2 col-sm-12 col-xs-12 px-0">
<div id="formElement1" class="elq-field-style form-element-layout row">
<div style="text-align:left;" class="col-sm-12 col-xs-12 d-none">
<label class="elq-label " for="fe255">First Name
<span class="elq-required">*
</span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<div class="row">
<div class="col-xs-12">
<div class="field-control-wrapper">
<div class="form-floating">
<input type="text" class="elq-item-input form-control text-white" name="firstName" id="fe255" value="" style="width:100%;" placeholder="First Name">
<label for="fe255" value="">First Name</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layout-col col-md-2 col-sm-12 col-xs-12 px-0">
<div id="formElement2" class="elq-field-style form-element-layout row">
<div style="text-align:left;" class="col-sm-12 col-xs-12 d-none">
<label class="elq-label " for="fe256">Last Name
</label>
</div>
<div class="col-sm-12 col-xs-12">
<div class="row">
<div class="col-xs-12">
<div class="field-control-wrapper">
<div class="form-floating">
<input type="text" class="elq-item-input form-control text-white" name="lastName" id="fe256" value="" style="width:100%;" placeholder="Last Name">
<label for="fe256" value="">Last Name</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layout-col col-md-2 col-sm-12 col-xs-12 px-0">
<div id="formElement0" class="elq-field-style form-element-layout row">
<div style="text-align:left;" class="col-sm-12 col-xs-12 d-none">
<label class="elq-label " for="fe235">Email Address <span class="elq-required">* </span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<div class="row">
<div class="col-xs-12">
<div class="field-control-wrapper">
<div class="form-floating">
<input type="text" class="elq-item-input form-control text-white" name="emailAddress" id="fe235" value="" style="width:100%;" placeholder="Email Address">
<label for="fe235" value="">Email Address</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layout-col col-md-2 col-sm-12 col-xs-12 px-0">
<div id="formElement3" class="elq-field-style form-element-layout row">
<div style="text-align:left;" class="col-sm-12 col-xs-12 d-none">
<label class="elq-label " for="fe257">Company
<span class="elq-required">*
</span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<div class="row">
<div class="col-xs-12">
<div class="field-control-wrapper">
<div class="form-floating">
<input type="text" class="elq-item-input form-control text-white" name="company" id="fe257" value="" style="width:100%;" placeholder="Company">
<label for="fe257" value="">Company</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layout-col col-md-2 col-sm-12 col-xs-12 px-0">
<div id="formElement4" class="elq-field-style form-element-layout row">
<div style="text-align:left;" class="col-sm-12 col-xs-12 d-none">
<label class="elq-label " for="fe258">Country
<span class="elq-required">*
</span>
</label>
</div>
<div class="col-sm-12 col-xs-12">
<div class="row">
<div class="col-xs-12">
<div class="field-control-wrapper">
<div class="form-floating">
<select class="elq-item-select form-select text-start text-white" id="fe258" name="country" style="width:100%;" data-value="">
<option value=""><b>Select A Country</b></option>
<option value="Angola">Angola </option>
<option value="Botswana">Botswana </option>
<option value="Burundi">Burundi </option>
<option value="Cameroon">Cameroon </option>
<option value="Central African Republic">Central African Republic </option>
<option value="Congo">Congo </option>
<option value="Congo, The Democratic Republic Of">The Democratic Republic Of Congo</option>
<option value="Ghana">Ghana </option>
<option value="Kenya">Kenya </option>
<option value="Lesotho">Lesotho </option>
<option value="Madagascar">Madagascar </option>
<option value="Malawi">Malawi </option>
<option value="Mozambique">Mozambique </option>
<option value="Namibia">Namibia </option>
<option value="Rwanda">Rwanda </option>
<option value="South Africa">South Africa </option>
<option value="Swaziland">Swaziland </option>
<option value="Tanzania, United Republic Of">Tanzania </option>
<option value="Uganda">Uganda </option>
<option value="Zambia">Zambia </option>
<option value="Zimbabwe">Zimbabwe </option>
<option value="Other"><b>Other</b></option>
</select>
<label for="fe258">Select A Country</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layout-col col-md-3 col-sm-12 col-xs-12 px-0 mt-3">
<div id="formElement5" class="elq-field-style form-element-layout row justify-content-end">
<div class="col-sm-9 col-xs-12">
<div class="row">
<div class="col-xs-12" style="text-align:start;">
<div>
<div class="single-checkbox-row row">
<label class="checkbox-aligned elq-item-label checkbox-container" for="fe245" style="text-transform:none;">Yes, I want to subscribe
<input type="checkbox" name="subscribe_confirm" id="fe245">
<span class="checkmark"></span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layout-col col-md-3 col-sm-12 col-xs-12 px-0 mt-3">
<div id="formElement6" class="elq-field-style form-element-layout row">
<div class="col-sm-12 col-xs-12">
<div class="row">
<div class="col-xs-12">
<div>
<input type="Submit" class="btn yellow-btn text-green w-100" value="Submit" id="fe237" style="font-size:18px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript" src="https://img06.en25.com/i/livevalidation_standalone.compressed.js">
</script>
<script>function handleFormSubmit(ele) {
var submitButton = ele.querySelector('input[type=submit]');
var spinner = document.createElement('span');
spinner.setAttribute('class', 'loader');
submitButton.setAttribute('disabled', true);
submitButton.style.cursor = 'wait';
submitButton.parentNode.appendChild(spinner);
return true;
}
function resetSubmitButton(e){
var submitButtons = e.target.form.getElementsByClassName('submit-button');
for(var i=0;i<submitButtons.length;i++){
submitButtons[i].disabled = false;
}
}
function addChangeHandler(elements){
for(var i=0; i<elements.length; i++){
elements[i].addEventListener('change', resetSubmitButton);
}
}
var form = document.getElementById('form22');
addChangeHandler(form.getElementsByTagName('input'));
addChangeHandler(form.getElementsByTagName('select'));
addChangeHandler(form.getElementsByTagName('textarea'));
var nodes = document.querySelectorAll('#form22 input[data-subscription]');
if (nodes) {
for (var i = 0, len = nodes.length; i < len; i++) {
var status = nodes[i].dataset ? nodes[i].dataset.subscription : nodes[i].getAttribute('data-subscription');
if(status ==='true') {
nodes[i].checked = true;
}
}
};
var nodes = document.querySelectorAll('#form22 select[data-value]');
if (nodes) {
for (var i = 0; i < nodes.length; i++) {
var node = nodes[i];
var selectedValue = node.dataset ? node.dataset.value : node.getAttribute('data-value');
if (selectedValue) {
for (var j = 0; j < node.options.length; j++) {
if(node.options[j].value === selectedValue) {
node.options[j].selected = 'selected';
break;
}
}
}
}
}
this.getParentElement = function(list) {
return list[list.length-1].parentElement};
var dom0 = document.querySelector('#form22 #fe235');
var fe235 = new LiveValidation(dom0, {
validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false}
);
fe235.add(Validate.Presence, {
failureMessage:"This field is required" }
);
fe235.add(Validate.Format, {
pattern: /(^[A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~][A-Z0-9!#\$%&'\*\+\-\/=\?\^_`\{\|\}~\.]{0,62}@(([A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)(\.[A-Z0-9](?:[A-Z0-9\-]{0,61}[A-Z0-9])?)+)$)/i, failureMessage: "A valid email address is required"}
);
fe235.add(Validate.Format, {
pattern: /\.\.|\.@/i, failureMessage: "A valid email address is required", negate: "true"}
);
var dom1 = document.querySelector('#form22 #fe255');
var fe255 = new LiveValidation(dom1, {
validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false}
);
fe255.add(Validate.Custom, {
against: function(value) {
return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i);
}
, failureMessage: "Value must not contain any URL's"}
);
fe255.add(Validate.Custom, {
against: function(value) {
return !value.match(/(<([^>]+)>)/ig);
}
, failureMessage: "Value must not contain any HTML"}
);
fe255.add(Validate.Length, {
tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35}
);
fe255.add(Validate.Presence, {
failureMessage:"This field is required" }
);
var dom2 = document.querySelector('#form22 #fe256');
var fe256 = new LiveValidation(dom2, {
validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false}
);
fe256.add(Validate.Custom, {
against: function(value) {
return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i);
}
, failureMessage: "Value must not contain any URL's"}
);
fe256.add(Validate.Custom, {
against: function(value) {
return !value.match(/(<([^>]+)>)/ig);
}
, failureMessage: "Value must not contain any HTML"}
);
fe256.add(Validate.Length, {
tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35}
);
var dom3 = document.querySelector('#form22 #fe257');
var fe257 = new LiveValidation(dom3, {
validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false}
);
fe257.add(Validate.Custom, {
against: function(value) {
return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i);
}
, failureMessage: "Value must not contain any URL's"}
);
fe257.add(Validate.Custom, {
against: function(value) {
return !value.match(/(<([^>]+)>)/ig);
}
, failureMessage: "Value must not contain any HTML"}
);
fe257.add(Validate.Length, {
tooShortMessage:"Invalid length for field value", tooLongMessage: "Invalid length for field value", minimum: 0, maximum: 35}
);
fe257.add(Validate.Presence, {
failureMessage:"This field is required" }
);
var dom4 = document.querySelector('#form22 #fe258');
var fe258 = new LiveValidation(dom4, {
validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false}
);
fe258.add(Validate.Presence, {
failureMessage:"This field is required" }
);
var dom5 = document.querySelector('#form22 #fe245');
var fe245 = new LiveValidation(dom5, {
validMessage: "", onlyOnBlur: false, wait: 300, isPhoneField: false}
);
fe245.add(Validate.Custom, {
against: function(value) {
return !value.match(/(telnet|ftp|https?):\/\/(?:[a-z0-9][a-z0-9-]{0,61}[a-z0-9]\.|[a-z0-9]\.)+[a-z]{2,63}/i);
}
, failureMessage: "Value must not contain any URL's"}
);
fe245.add(Validate.Custom, {
against: function(value) {
return !value.match(/(<([^>]+)>)/ig);
}
, failureMessage: "Value must not contain any HTML"}
);
fe245.add(Validate.Acceptance, {
failureMessage:"This field is required" }
);
</script>
</div>
</div>
</section>
</div>
</div>
<footer>
<div class="container-fluid outer-wrapper">
<div class="content-wrapper text-light">
<section id="footer-nav-menu">
<div id="mobile-menu" class="row d-block d-md-none">
<div class="accordion px-0" id="mobile-nav-accordion">
<span id="mobile-exp-btn" class="btn green-btn w-100" type="button" data-bs-toggle="offcanvas" data-bs-target="#web-experience-menu" style="font-size:26px;height:52px;margin-bottom:30px;">
My Website Experience <span class="desktop-block"> <img src="https://dy0hskrlb14p3.cloudfront.net/icons/Flag-South-Africa-small.svg" alt=""></span>
</span>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-0" aria-expanded="true" aria-controls="collapse-0">
<h3>About</h3>
</button>
</h2>
<div id="collapse-0" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/about-us">History</a></li>
<li><a href="/stewardship">Stewardship</a></li>
<li><a href="/b_bbee_contributor_status">B-BBEE</a></li>
<li><a href="https://careers.corteva.com/">Careers</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="false" aria-controls="collapse-1">
<h3>Products</h3>
</button>
</h2>
<div id="collapse-1" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/products/yellow-maize">Yellow Maize</a></li>
<li><a href="/products/white-maize">White Maize</a></li>
<li><a href="/products/sunflower">Sunflower</a></li>
<li><a href="/products/soybeans">Soybeans</a></li>
<li><a href="/products/grain-sorghum">Grain Sorghum</a></li>
<li><a href="/products/wheat">Wheat</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false" aria-controls="collapse-2">
<h3>News</h3>
</button>
</h2>
<div id="collapse-2" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/news-and-insights">All Topics</a></li>
<li><a href="/news-and-insights?category=farmer-stories">Farmer Stories</a></li>
<li><a href="/news-and-insights?category=expert-insights">Expert Insights</a></li>
<li><a href="/news-and-insights?category=podcasts">Podcasts</a></li>
<li><a href="/news-and-insights?category=news">News</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false" aria-controls="collapse-3">
<h3>Agronomy</h3>
</button>
</h2>
<div id="collapse-3" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/agronomy">Agronomy Services</a></li>
<li><a href="/agronomy/panacea">PANACEA® SEED TREATMENT</a></li>
<li><a href="/agronomy/powercore">PowerCore™ Technology</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="false" aria-controls="collapse-4">
<h3>Our Apps</h3>
</button>
</h2>
<div id="collapse-4" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/app">Sprout App™</a></li>
</ul>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="about-heading">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-5" aria-expanded="false" aria-controls="collapse-5">
<h3>Contact Us</h3>
</button>
</h2>
<div id="collapse-5" class="accordion-collapse collapse" aria-labelledby="about-heading" data-bs-parent="#mobile-nav-accordion">
<div class="accordion-body">
<ul>
<li><a href="/contact/key-personnel">Key Personnel</a></li>
<li><a href="/contact/sales-reps">Sales Reps</a></li>
<li><a href="/contact/enquiry">Send An Enquiry</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="px-0 col-12 col-md-2 mt-3 mobile-socials">
<div class="d-flex justify-content-center">
<a href="https://www.facebook.com/PannarSeedZA" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/fb-icon.svg" >
</a>
<a href="https://www.instagram.com/pannarseedza/" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/instagram-icon.svg" >
</a>
<a href="https://www.youtube.com/pannarseedafrica" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/youtube-social.svg" >
</a>
<a href="https://twitter.com/PannarSeedZA" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/twitter-icon_2024-04-12-073426_zypo.svg" >
</a>
<a href="https://www.linkedin.com/company/pannarseedza/" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/linkedIn-icon.svg" >
</a>
<a href="https://www.tiktok.com/@pannarseedza" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/tiktok-icon.svg" >
</a>
</div>
</div>
</div>
<div class="row mt-3 d-none d-md-block">
<div class="col-sm-12 col-md-12 mt-3 m-auto">
<div class="row justify-content-start">
<div class="col-md-2 col-sm-12 mb-2">
<a target='_blank' href="https://www.corteva.co.za"><img class="img-fluid" src="https://dy0hskrlb14p3.cloudfront.net/icons/corteva-footer.svg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="row desktop">
<div class="col-sm-12 col-md-12 mt-3 m-auto">
<div class="row justify-content-start">
<div class="col-md-2 col-sm-12">
<h3>About</h3>
<ul>
<li><a href="/about-us">History</a></li>
<li><a href="/stewardship">Stewardship</a></li>
<li><a href="/b_bbee_contributor_status">B-BBEE</a></li>
<li><a target="_blank" href="https://careers.corteva.com/">Careers</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-12">
<h3>Products</h3>
<ul>
<li><a href="/products/yellow-maize">Yellow Maize</a></li>
<li><a href="/products/white-maize">White Maize</a></li>
<li><a href="/products/sunflower">Sunflower</a></li>
<li><a href="/products/soybeans">Soybeans</a></li>
<li><a href="/products/grain-sorghum">Grain Sorghum</a></li>
<li><a href="/products/wheat">Wheat</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-12">
<h3>News</h3>
<ul>
<li><a href="/news-and-insights">All Topics</a></li>
<li><a href="/news-and-insights?category=farmer-stories">Farmer Stories</a></li>
<li><a href="/news-and-insights?category=expert-insights">Expert Insights</a></li>
<li><a href="/news-and-insights?category=podcasts">Podcasts</a></li>
<li><a href="/news-and-insights?category=news">News</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-12">
<h3>Agronomy</h3>
<ul>
<li><a href="/agronomy">Agronomy Services</a></li>
<li><a href="/agronomy/panacea">PANACEA® SEED TREATMENT</a></li>
<li><a href="/agronomy/powercore">PowerCore™ Technology</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-12">
<h3>Our Apps</h3>
<ul>
<li><a href="/app">Sprout App™</a></li>
</ul>
</div>
<div class="col-md-2 col-sm-12">
<h3>Contact Us</h3>
<ul>
<li><a href="/contact/key-personnel">Key Personnel</a></li>
<li><a href="/contact/sales-reps">Sales Reps</a></li>
<li><a href="/contact/enquiry">Send An Enquiry</a></li>
</ul>
<div class="d-flex mb-3">
<a target="_blank" href="https://www.facebook.com/PannarSeedZA" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/fb-icon.svg" >
</a>
<a target="_blank" href="https://www.instagram.com/pannarseedza/" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/instagram-icon.svg" >
</a>
<a target="_blank" href="https://www.youtube.com/pannarseedafrica" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/youtube-social.svg" >
</a>
<a target="_blank" href="https://twitter.com/PannarSeedZA" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/twitter-icon_2024-04-12-073426_zypo.svg" >
</a>
<a target="_blank" href="https://www.linkedin.com/company/pannarseedza/" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/linkedIn-icon.svg" >
</a>
<a target="_blank" href="https://www.tiktok.com/@pannarseedza" class="pe-2">
<img src="https://dy0hskrlb14p3.cloudfront.net/website/icons/socials/tiktok-icon.svg" >
</a>
</div>
<div class="col contact-details">
<small class="mb-1 text-thin"><sup>©</sup> 2024 PANNAR (Pty) Ltd.</small>
<small class="mb-1 text-thin">All Rights Reserved.</small><br/>
<a class="d-inline-block" href="/privacy-statement" target="_blank"><small class="m-0 d-inline">Privacy Statement</small></a> |
<a class="d-inline-block" href="/legal" target="_blank"><small class="m-0 d-inline">Legal</small></a>
</div>
</div>
<div class="col-md-2 col-sm-12">
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</footer>
</div>
<!-- bootstrap js-->
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="/js/js.cookie.min.js"></script>
<script src="/js/replant_check.js"></script>
<script src="/js/replant_check_soy.js"></script>
<script defer src="/js/main.js"></script>
</body>
</html>