{"id":5848,"date":"2026-07-16T18:53:07","date_gmt":"2026-07-16T17:53:07","guid":{"rendered":"http:\/\/brandz.co.za\/?page_id=5848"},"modified":"2026-07-16T18:56:25","modified_gmt":"2026-07-16T17:56:25","slug":"retailers","status":"publish","type":"page","link":"https:\/\/brandz.co.za\/index.php\/retailers\/","title":{"rendered":"Retailers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5848\" class=\"elementor elementor-5848\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-d0ddc32 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"d0ddc32\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n            \n                        <div class=\"elementor-container elementor-column-gap-no \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-47f845f\" data-id=\"47f845f\" data-element_type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-9f33a0b elementor-widget elementor-widget-html\" data-id=\"9f33a0b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- =========================================\r\nGlobal Brandz | Become a Retail Partner\r\nColors: #f3b72e | #01152e | Light Grey\r\n========================================= -->\r\n\r\n<section class=\"gb-retail-partner\">\r\n    <style>\r\n        .gb-retail-partner,\r\n        .gb-retail-partner * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .gb-retail-partner {\r\n            position: relative;\r\n            padding: 110px 24px;\r\n            background:\r\n                radial-gradient(\r\n                    circle at 90% 8%,\r\n                    rgba(243, 183, 46, 0.14),\r\n                    transparent 26%\r\n                ),\r\n                linear-gradient(135deg, #f5f6f7 0%, #eceff2 100%);\r\n            font-family: \"Segoe UI\", Arial, sans-serif;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .gb-retail-partner::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: -160px;\r\n            left: -150px;\r\n            width: 420px;\r\n            height: 420px;\r\n            border: 65px solid rgba(1, 21, 46, 0.035);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .gb-retail-partner::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            right: -100px;\r\n            bottom: -120px;\r\n            width: 310px;\r\n            height: 310px;\r\n            background: rgba(243, 183, 46, 0.08);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .gb-retail-container {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1240px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Top Content *\/\r\n\r\n        .gb-retail-top {\r\n            display: grid;\r\n            grid-template-columns: 0.88fr 1.12fr;\r\n            gap: 70px;\r\n            align-items: end;\r\n            margin-bottom: 58px;\r\n        }\r\n\r\n        .gb-retail-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 11px;\r\n            margin-bottom: 20px;\r\n            color: #01152e;\r\n            font-size: 13px;\r\n            font-weight: 800;\r\n            letter-spacing: 2.2px;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .gb-retail-label::before {\r\n            content: \"\";\r\n            width: 40px;\r\n            height: 4px;\r\n            background: #f3b72e;\r\n            border-radius: 20px;\r\n        }\r\n\r\n        .gb-retail-heading h2 {\r\n            color: #01152e;\r\n            font-size: clamp(42px, 5vw, 65px);\r\n            font-weight: 800;\r\n            line-height: 1.05;\r\n            letter-spacing: -2px;\r\n        }\r\n\r\n        .gb-retail-heading h2 span {\r\n            color: #f3b72e;\r\n        }\r\n\r\n        .gb-retail-intro {\r\n            padding: 30px 32px;\r\n            background: #01152e;\r\n            border-radius: 24px;\r\n            box-shadow: 0 20px 48px rgba(1, 21, 46, 0.18);\r\n        }\r\n\r\n        .gb-retail-intro p {\r\n            color: rgba(255, 255, 255, 0.82);\r\n            font-size: 18px;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .gb-retail-intro strong {\r\n            color: #f3b72e;\r\n        }\r\n\r\n        \/* Benefits Grid *\/\r\n\r\n        .gb-retail-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 24px;\r\n        }\r\n\r\n        .gb-retail-card {\r\n            position: relative;\r\n            min-height: 255px;\r\n            padding: 34px;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 24px;\r\n            background: rgba(255, 255, 255, 0.94);\r\n            border: 1px solid rgba(1, 21, 46, 0.08);\r\n            border-radius: 25px;\r\n            box-shadow: 0 16px 42px rgba(1, 21, 46, 0.07);\r\n            overflow: hidden;\r\n            transition:\r\n                transform 0.35s ease,\r\n                box-shadow 0.35s ease,\r\n                background 0.35s ease;\r\n        }\r\n\r\n        .gb-retail-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: #f3b72e;\r\n        }\r\n\r\n        .gb-retail-card::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            right: -75px;\r\n            bottom: -85px;\r\n            width: 185px;\r\n            height: 185px;\r\n            background: rgba(243, 183, 46, 0.1);\r\n            border-radius: 50%;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .gb-retail-card:hover {\r\n            background: #01152e;\r\n            transform: translateY(-9px);\r\n            box-shadow: 0 25px 58px rgba(1, 21, 46, 0.2);\r\n        }\r\n\r\n        .gb-retail-card:hover::after {\r\n            transform: scale(1.35);\r\n        }\r\n\r\n        .gb-retail-number {\r\n            position: relative;\r\n            z-index: 2;\r\n            flex: 0 0 68px;\r\n            width: 68px;\r\n            height: 68px;\r\n            display: grid;\r\n            place-items: center;\r\n            background: #f3b72e;\r\n            border-radius: 19px;\r\n            color: #01152e;\r\n            font-size: 21px;\r\n            font-weight: 900;\r\n            box-shadow: 0 12px 25px rgba(243, 183, 46, 0.23);\r\n            transition: transform 0.35s ease;\r\n        }\r\n\r\n        .gb-retail-card:hover .gb-retail-number {\r\n            transform: rotate(-6deg) scale(1.06);\r\n        }\r\n\r\n        .gb-retail-card-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            padding-top: 3px;\r\n        }\r\n\r\n        .gb-retail-card-content h3 {\r\n            margin-bottom: 13px;\r\n            color: #01152e;\r\n            font-size: 25px;\r\n            font-weight: 800;\r\n            line-height: 1.25;\r\n            transition: color 0.35s ease;\r\n        }\r\n\r\n        .gb-retail-card-content p {\r\n            color: #66717e;\r\n            font-size: 16px;\r\n            line-height: 1.75;\r\n            transition: color 0.35s ease;\r\n        }\r\n\r\n        .gb-retail-card:hover .gb-retail-card-content h3 {\r\n            color: #ffffff;\r\n        }\r\n\r\n        .gb-retail-card:hover .gb-retail-card-content p {\r\n            color: rgba(255, 255, 255, 0.74);\r\n        }\r\n\r\n        \/* Bottom CTA *\/\r\n\r\n        .gb-retail-cta {\r\n            margin-top: 38px;\r\n            padding: 30px 35px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 30px;\r\n            background: #ffffff;\r\n            border: 1px solid rgba(1, 21, 46, 0.08);\r\n            border-radius: 22px;\r\n            box-shadow: 0 15px 40px rgba(1, 21, 46, 0.07);\r\n        }\r\n\r\n        .gb-retail-cta-content h3 {\r\n            margin-bottom: 7px;\r\n            color: #01152e;\r\n            font-size: 23px;\r\n            font-weight: 800;\r\n        }\r\n\r\n        .gb-retail-cta-content p {\r\n            color: #66717e;\r\n            font-size: 15px;\r\n            line-height: 1.65;\r\n        }\r\n\r\n        .gb-retail-btn {\r\n            flex: 0 0 auto;\r\n            min-width: 190px;\r\n            padding: 16px 25px;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            background: #f3b72e;\r\n            border: 2px solid #f3b72e;\r\n            border-radius: 13px;\r\n            color: #01152e;\r\n            text-decoration: none;\r\n            font-size: 15px;\r\n            font-weight: 800;\r\n            transition:\r\n                background 0.3s ease,\r\n                border-color 0.3s ease,\r\n                color 0.3s ease,\r\n                transform 0.3s ease,\r\n                box-shadow 0.3s ease;\r\n        }\r\n\r\n        .gb-retail-btn:hover {\r\n            background: #01152e;\r\n            border-color: #01152e;\r\n            color: #ffffff;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 14px 30px rgba(1, 21, 46, 0.2);\r\n        }\r\n\r\n        .gb-retail-btn svg {\r\n            width: 18px;\r\n            height: 18px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .gb-retail-btn:hover svg {\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n\r\n        @media (max-width: 950px) {\r\n            .gb-retail-top {\r\n                grid-template-columns: 1fr;\r\n                gap: 30px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 800px) {\r\n            .gb-retail-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 650px) {\r\n            .gb-retail-partner {\r\n                padding: 75px 18px;\r\n            }\r\n\r\n            .gb-retail-top {\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            .gb-retail-heading h2 {\r\n                font-size: 40px;\r\n                letter-spacing: -1px;\r\n            }\r\n\r\n            .gb-retail-intro {\r\n                padding: 25px 22px;\r\n                border-radius: 20px;\r\n            }\r\n\r\n            .gb-retail-intro p {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .gb-retail-card {\r\n                min-height: auto;\r\n                padding: 28px 23px;\r\n                gap: 18px;\r\n                border-radius: 21px;\r\n            }\r\n\r\n            .gb-retail-number {\r\n                flex-basis: 56px;\r\n                width: 56px;\r\n                height: 56px;\r\n                border-radius: 15px;\r\n                font-size: 17px;\r\n            }\r\n\r\n            .gb-retail-card-content h3 {\r\n                font-size: 22px;\r\n            }\r\n\r\n            .gb-retail-card-content p {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .gb-retail-cta {\r\n                padding: 26px 22px;\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n\r\n            .gb-retail-btn {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 430px) {\r\n            .gb-retail-card {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"gb-retail-container\">\r\n\r\n        <!-- Heading Area -->\r\n        <div class=\"gb-retail-top\">\r\n\r\n            <div class=\"gb-retail-heading\">\r\n                <div class=\"gb-retail-label\">\r\n                    Become a Retail Partner\r\n                <\/div>\r\n\r\n                <h2>\r\n                    Bring something new to\r\n                    <span>your customers.<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"gb-retail-intro\">\r\n                <p>\r\n                    Consumers are always looking for\r\n                    <strong>new flavours, new brands and new experiences.<\/strong>\r\n                    We help retailers create that excitement.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Retail Benefits -->\r\n        <div class=\"gb-retail-grid\">\r\n\r\n            <article class=\"gb-retail-card\">\r\n                <div class=\"gb-retail-number\">01<\/div>\r\n\r\n                <div class=\"gb-retail-card-content\">\r\n                    <h3>New Flavours<\/h3>\r\n\r\n                    <p>\r\n                        Products your customers can't find elsewhere in\r\n                        South Africa.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"gb-retail-card\">\r\n                <div class=\"gb-retail-number\">02<\/div>\r\n\r\n                <div class=\"gb-retail-card-content\">\r\n                    <h3>Trend Velocity<\/h3>\r\n\r\n                    <p>\r\n                        Be first-to-shelf with products that are going\r\n                        viral globally.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"gb-retail-card\">\r\n                <div class=\"gb-retail-number\">03<\/div>\r\n\r\n                <div class=\"gb-retail-card-content\">\r\n                    <h3>Flexible Orders<\/h3>\r\n\r\n                    <p>\r\n                        From pilot runs for boutique stores to complete\r\n                        national retail rollouts.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"gb-retail-card\">\r\n                <div class=\"gb-retail-number\">04<\/div>\r\n\r\n                <div class=\"gb-retail-card-content\">\r\n                    <h3>Category Advice<\/h3>\r\n\r\n                    <p>\r\n                        We share the research and market insight behind\r\n                        every product we recommend.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n        <!-- CTA -->\r\n        <div class=\"gb-retail-cta\">\r\n\r\n            <div class=\"gb-retail-cta-content\">\r\n                <h3>Looking for your next winning product?<\/h3>\r\n\r\n                <p>\r\n                    Connect with our team to explore fresh product and\r\n                    distribution opportunities.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <a href=\"http:\/\/brandz.co.za\/index.php\/contact-v-4\/\" class=\"gb-retail-btn\">\r\n                Partner With Us\r\n\r\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n                    <path\r\n                        d=\"M5 12h14M14 7l5 5-5 5\"\r\n                        stroke=\"currentColor\"\r\n                        stroke-width=\"2\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    \/>\r\n                <\/svg>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Become a Retail Partner Bring something new to your customers. Consumers are always looking for new flavours, new brands and new experiences. We help retailers create that excitement. 01 New Flavours Products your customers can&#8217;t find elsewhere in South Africa. 02 Trend Velocity Be first-to-shelf with products that are going viral globally. 03 Flexible Orders [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-5848","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/brandz.co.za\/index.php\/wp-json\/wp\/v2\/pages\/5848","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandz.co.za\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brandz.co.za\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brandz.co.za\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/brandz.co.za\/index.php\/wp-json\/wp\/v2\/comments?post=5848"}],"version-history":[{"count":10,"href":"https:\/\/brandz.co.za\/index.php\/wp-json\/wp\/v2\/pages\/5848\/revisions"}],"predecessor-version":[{"id":5865,"href":"https:\/\/brandz.co.za\/index.php\/wp-json\/wp\/v2\/pages\/5848\/revisions\/5865"}],"wp:attachment":[{"href":"https:\/\/brandz.co.za\/index.php\/wp-json\/wp\/v2\/media?parent=5848"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}