{"id":8644,"date":"2026-02-21T12:09:36","date_gmt":"2026-02-21T12:09:36","guid":{"rendered":"https:\/\/mogloop.co.za\/?page_id=8644"},"modified":"2026-07-08T09:04:31","modified_gmt":"2026-07-08T09:04:31","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/mogloop.co.za\/index.php\/contact-us\/","title":{"rendered":"Contact us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8644\" class=\"elementor elementor-8644\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f558c0 e-grid e-con-boxed e-con e-parent\" data-id=\"2f558c0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4dc06b elementor-widget elementor-widget-html\" data-id=\"d4dc06b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.contact-section-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 40px 30px;\r\n}\r\n.contact-sections-wrapper {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 50px;\r\n    background-color: white;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\r\n}\r\n.contact-details-side {\r\n    background-color: #fafafa;\r\n    padding: 50px 40px;\r\n    border-right: 1px solid #eee;\r\n}\r\n.section-title {\r\n    font-family: 'Poppins', sans-serif;\r\n    font-size: 1.8rem;\r\n    margin-bottom: 30px;\r\n    padding-bottom: 15px;\r\n    color: #333;\r\n    position: relative;\r\n}\r\n.section-title:after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 60px;\r\n    height: 4px;\r\n    background-color: #77b700;\r\n    border-radius: 2px;\r\n}\r\n.contact-info-items {\r\n    margin-bottom: 40px;\r\n}\r\n.contact-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    margin-bottom: 25px;\r\n    padding: 15px;\r\n    background-color: white;\r\n    border-radius: 12px;\r\n    border: 1px solid #eee;\r\n}\r\n.contact-icon {\r\n    background-color: rgba(119, 183, 0, 0.1);\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-right: 15px;\r\n    flex-shrink: 0;\r\n}\r\n.contact-icon i {\r\n    font-size: 1.3rem;\r\n    color: #77b700;\r\n}\r\n.contact-text h3 {\r\n    font-size: 1.2rem;\r\n    margin-bottom: 5px;\r\n    color: #333;\r\n}\r\n.contact-text p {\r\n    color: #666;\r\n    line-height: 1.5;\r\n}\r\n.business-hours-section {\r\n    margin-top: 40px;\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 12px;\r\n    border: 1px solid #eee;\r\n}\r\n.hours-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 12px 0;\r\n    border-bottom: 1px solid #f0f0f0;\r\n}\r\n.hours-row:last-child { border-bottom: none; }\r\n.contact-form-side { padding: 50px 40px; }\r\n.form-row {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n.form-group { margin-bottom: 25px; }\r\n.form-group label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n    color: #444;\r\n}\r\n.form-group input, \r\n.form-group select, \r\n.form-group textarea {\r\n    width: 100%;\r\n    padding: 15px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 10px;\r\n    font-size: 1rem;\r\n    background-color: #fff;\r\n}\r\n.form-group input:focus, \r\n.form-group select:focus, \r\n.form-group textarea:focus {\r\n    outline: none;\r\n    border-color: #77b700;\r\n    box-shadow: 0 0 0 3px rgba(119, 183, 0, 0.15);\r\n}\r\n.radio-options {\r\n    display: flex;\r\n    gap: 20px;\r\n    margin-top: 10px;\r\n    flex-wrap: wrap;\r\n}\r\n.radio-option {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 10px 15px;\r\n    background-color: #f8f8f8;\r\n    border-radius: 8px;\r\n    border: 1px solid #eee;\r\n}\r\n.radio-option input { width: auto; margin-right: 8px; }\r\ntextarea { min-height: 120px; resize: vertical; }\r\n.submit-btn {\r\n    background-color: #77b700;\r\n    color: white;\r\n    border: none;\r\n    padding: 18px 40px;\r\n    border-radius: 10px;\r\n    font-size: 1.1rem;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n}\r\n.submit-btn:hover { background-color: #689f00; }\r\n.map-link {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    color: #77b700;\r\n    text-decoration: none;\r\n    font-weight: 500;\r\n    margin-top: 10px;\r\n}\r\n.map-link:hover { color: #5a8c00; text-decoration: underline; }\r\n.map-link i { margin-right: 8px; }\r\n@media (max-width: 992px) {\r\n    .contact-sections-wrapper { grid-template-columns: 1fr; gap: 0; }\r\n    .contact-details-side { border-right: none; border-bottom: 1px solid #eee; }\r\n    .form-row { grid-template-columns: 1fr; gap: 0; }\r\n}\r\n@media (max-width: 768px) {\r\n    .contact-section-container { padding: 20px; }\r\n    .contact-details-side, .contact-form-side { padding: 30px 25px; }\r\n    .radio-options { flex-direction: column; gap: 10px; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"contact-section-container\">\r\n    <div class=\"contact-sections-wrapper\">\r\n        <div class=\"contact-details-side\">\r\n            <h2 class=\"section-title\">Contact Information<\/h2>\r\n            <div class=\"contact-info-items\">\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-icon\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n                    <div class=\"contact-text\">\r\n                        <h3>Our Address<\/h3>\r\n                        <p>57 Joyner Road, Prospection, Durban, South Africa<\/p>\r\n                        <a href=\"https:\/\/maps.google.com\/?q=57+Joyner+Road+Prospection+Durban+South+Africa\" target=\"_blank\" class=\"map-link\">\r\n                            <i class=\"fas fa-directions\"><\/i> Open in Google Maps\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n                    <div class=\"contact-text\">\r\n                        <h3>Contact Number<\/h3>\r\n                        <p>0616747261<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                    <div class=\"contact-text\">\r\n                        <h3>Email Address<\/h3>\r\n                        <p>\r\n                            <a href=\"mailto:yilmaz@mogloop.co.za\">yilmaz@mogloop.co.za<\/a><br>\r\n                            <a href=\"mailto:orders@mogloop.co.za\">orders@mogloop.co.za<\/a>\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"contact-item\">\r\n                    <div class=\"contact-icon\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n                    <div class=\"contact-text\">\r\n                        <h3>Business Hours<\/h3>\r\n                        <p>Monday - Friday: 8:00 AM - 5:00 PM<\/p>\r\n                        <p>Saturday: 9:00 AM - 1:00 PM<\/p>\r\n                        <p>Sunday: Closed<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"business-hours-section\">\r\n                <h3 class=\"section-title\" style=\"font-size: 1.4rem; margin-bottom: 20px;\">Office Hours<\/h3>\r\n                <div class=\"hours-row\"><span>Monday - Thursday<\/span><span>8:00 AM - 5:00 PM<\/span><\/div>\r\n                <div class=\"hours-row\"><span>Friday<\/span><span>8:00 AM - 4:00 PM<\/span><\/div>\r\n                <div class=\"hours-row\"><span>Saturday<\/span><span>9:00 AM - 1:00 PM<\/span><\/div>\r\n                <div class=\"hours-row\"><span>Sunday & Holidays<\/span><span>Closed<\/span><\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"contact-form-side\">\r\n            <h2 class=\"section-title\">Send Us a Message<\/h2>\r\n            <p style=\"margin-bottom: 30px; color: #666;\">Fill out the form below and we'll get back to you as soon as possible.<\/p>\r\n            <!-- Form now sends to yilmaz@mogloop.co.za -->\r\n            <form id=\"contactForm\" action=\"mailto:yilmaz@mogloop.co.za\" method=\"post\" enctype=\"text\/plain\">\r\n                <div class=\"form-row\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"firstName\">First Name *<\/label>\r\n                        <input type=\"text\" id=\"firstName\" name=\"firstName\" required>\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"surname\">Surname *<\/label>\r\n                        <input type=\"text\" id=\"surname\" name=\"surname\" required>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"designation\">Designation \/ Position *<\/label>\r\n                    <input type=\"text\" id=\"designation\" name=\"designation\" placeholder=\"e.g. Farm Manager, Procurement Officer, etc.\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label>Type of Enquiry *<\/label>\r\n                    <div class=\"radio-options\">\r\n                        <div class=\"radio-option\">\r\n                            <input type=\"radio\" id=\"general\" name=\"enquiryType\" value=\"general\" required>\r\n                            <label for=\"general\">General Enquiry<\/label>\r\n                        <\/div>\r\n                        <div class=\"radio-option\">\r\n                            <input type=\"radio\" id=\"distribution\" name=\"enquiryType\" value=\"distribution\">\r\n                            <label for=\"distribution\">Distribution Enquiry<\/label>\r\n                        <\/div>\r\n                        <div class=\"radio-option\">\r\n                            <input type=\"radio\" id=\"farmer\" name=\"enquiryType\" value=\"farmer\">\r\n                            <label for=\"farmer\">Farmer Enquiry<\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"location\">Location (Region in South Africa) *<\/label>\r\n                    <select id=\"location\" name=\"location\" required>\r\n                        <option value=\"\" disabled selected>Select your region<\/option>\r\n                        <option value=\"Eastern Cape\">Eastern Cape<\/option>\r\n                        <option value=\"Free State\">Free State<\/option>\r\n                        <option value=\"Gauteng\">Gauteng<\/option>\r\n                        <option value=\"KwaZulu-Natal\">KwaZulu-Natal<\/option>\r\n                        <option value=\"Limpopo\">Limpopo<\/option>\r\n                        <option value=\"Mpumalanga\">Mpumalanga<\/option>\r\n                        <option value=\"North West\">North West<\/option>\r\n                        <option value=\"Northern Cape\">Northern Cape<\/option>\r\n                        <option value=\"Western Cape\">Western Cape<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"address\">Physical Address *<\/label>\r\n                    <textarea id=\"address\" name=\"address\" placeholder=\"Please provide your full physical address\" required><\/textarea>\r\n                <\/div>\r\n                <div class=\"form-row\">\r\n                    <div class=\"form-group\">\r\n                        <label for=\"contactNumber\">Contact Number (Landline)<\/label>\r\n                        <input type=\"tel\" id=\"contactNumber\" name=\"contactNumber\" placeholder=\"+27 12 345 6789\">\r\n                    <\/div>\r\n                    <div class=\"form-group\">\r\n                        <label for=\"mobileNumber\">Mobile Number *<\/label>\r\n                        <input type=\"tel\" id=\"mobileNumber\" name=\"mobileNumber\" placeholder=\"+27 82 123 4567\" required>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"email\">Email Address *<\/label>\r\n                    <!-- Default value set to your email -->\r\n                    <input type=\"email\" id=\"email\" name=\"email\" value=\"yilmaz@mogloop.co.za\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                    <label for=\"message\">Additional Message<\/label>\r\n                    <textarea id=\"message\" name=\"message\" placeholder=\"Please provide any additional details about your enquiry...\"><\/textarea>\r\n                <\/div>\r\n                <button type=\"submit\" class=\"submit-btn\">\r\n                    <i class=\"fas fa-paper-plane\" style=\"margin-right: 10px;\"><\/i> Send Message\r\n                <\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.getElementById('contactForm').addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n    const firstName = document.getElementById('firstName').value;\r\n    const surname = document.getElementById('surname').value;\r\n    const email = document.getElementById('email').value;\r\n    const mobileNumber = document.getElementById('mobileNumber').value;\r\n    if (!firstName || !surname || !email || !mobileNumber) {\r\n        alert('Please fill in all required fields.');\r\n        return;\r\n    }\r\n    const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n    if (!emailRegex.test(email)) {\r\n        alert('Please enter a valid email address.');\r\n        return;\r\n    }\r\n    alert('Thank you for your message! We will get back to you soon.');\r\n    this.reset();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Information Our Address 57 Joyner Road, Prospection, Durban, South Africa Open in Google Maps Contact Number 0616747261 Email Address yilmaz@mogloop.co.za orders@mogloop.co.za Business Hours Monday &#8211; Friday: 8:00 AM &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8644","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/pages\/8644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=8644"}],"version-history":[{"count":43,"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/pages\/8644\/revisions"}],"predecessor-version":[{"id":8832,"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/pages\/8644\/revisions\/8832"}],"wp:attachment":[{"href":"https:\/\/mogloop.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=8644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}