{"id":47,"date":"2026-02-06T09:19:39","date_gmt":"2026-02-06T07:19:39","guid":{"rendered":"http:\/\/169.239.86.8:1080\/?page_id=47"},"modified":"2026-02-15T11:38:49","modified_gmt":"2026-02-15T09:38:49","slug":"motormate","status":"publish","type":"page","link":"https:\/\/fuelmate-rsa.com\/?page_id=47","title":{"rendered":"Motormate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"47\" class=\"elementor elementor-47\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45d8b6f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"45d8b6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b624f7 elementor-widget elementor-widget-html\" data-id=\"8b624f7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nFUELMATE \u2013 MOTORMATE HEADING SECTION\nGradient blue background\nLight, small, repeating pattern overlay\nCreative breadcrumb buttons (Home \u2194 Motormate)\nColours locked:\nDark Blue: #062A6E\nBlue: #0A3DAF\nYellow: #FFC700\n========================= -->\n\n<style>\n\/* MOTORMATE HEADER SECTION *\/\n.fm-motormate-hero {\n  position: relative;\n  width: 100%;\n  padding: 120px 40px;\n  background: linear-gradient(\n    135deg,\n    #0A3DAF 0%,\n    #062A6E 100%\n  );\n  overflow: hidden;\n}\n\n\/* REPEATING PATTERN OVERLAY *\/\n.fm-motormate-hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background-image: url(\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/7_Abstract_Line_Background-Converted-scaled.png\");\n  background-repeat: repeat;\n  background-size: 420px auto;\n  background-position: center;\n  opacity: 0.04;\n  z-index: 0;\n}\n\n\/* INNER CONTENT *\/\n.fm-motormate-hero-inner {\n  position: relative;\n  z-index: 1;\n  max-width: 1400px;\n  margin: auto;\n}\n\n\/* BUTTON BREADCRUMBS *\/\n.fm-hero-actions {\n  display: flex;\n  gap: 14px;\n  margin-bottom: 18px;\n  flex-wrap: wrap;\n}\n\n.fm-hero-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 22px;\n  font-size: 13.5px;\n  font-weight: 600;\n  text-decoration: none;\n  border-radius: 999px;\n  letter-spacing: 0.3px;\n  transition: all 0.35s ease;\n}\n\n\/* HOME BUTTON *\/\n.fm-hero-btn.home {\n  color: #062A6E;\n  background: linear-gradient(\n    90deg,\n    rgba(255,199,0,0.85),\n    rgba(255,199,0,0.65)\n  );\n  box-shadow: 0 10px 24px rgba(255,199,0,0.35);\n}\n\n.fm-hero-btn.home:hover {\n  color: #ffffff;\n  background: linear-gradient(\n    90deg,\n    #0A3DAF,\n    #062A6E\n  );\n  box-shadow: 0 14px 32px rgba(6,42,110,0.45);\n}\n\n\/* CURRENT PAGE BUTTON *\/\n.fm-hero-btn.current {\n  color: #ffffff;\n  background: rgba(255,255,255,0.14);\n  backdrop-filter: blur(6px);\n  border: 1px solid rgba(255,255,255,0.35);\n}\n\n.fm-hero-btn.current:hover {\n  background: rgba(255,255,255,0.22);\n}\n\n\/* HEADING *\/\n.fm-motormate-hero h1 {\n  font-size: 56px;\n  font-weight: 700;\n  color: #ffffff;\n  letter-spacing: 0.5px;\n  margin: 0;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 1024px) {\n  .fm-motormate-hero {\n    padding: 100px 32px;\n  }\n\n  .fm-motormate-hero h1 {\n    font-size: 46px;\n  }\n}\n\n@media (max-width: 768px) {\n  .fm-motormate-hero {\n    padding: 80px 24px;\n  }\n\n  .fm-motormate-hero h1 {\n    font-size: 38px;\n  }\n}\n<\/style>\n\n<section class=\"fm-motormate-hero\">\n  <div class=\"fm-motormate-hero-inner\">\n\n    <!-- ACTION BUTTONS -->\n    <div class=\"fm-hero-actions\">\n      <a href=\"https:\/\/fuelmate-rsa.com\/\" class=\"fm-hero-btn home\">\n        \u2190 Home\n      <\/a>\n      <span class=\"fm-hero-btn current\">\n        Motormate\n      <\/span>\n    <\/div>\n\n    <!-- HEADING -->\n    <h1>Motormate<\/h1>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c954cbf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"c954cbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26d7391 elementor-widget elementor-widget-html\" data-id=\"26d7391\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\nMOTORMATE \u2013 ONE PAGER HERO (OFF-WHITE BG + BOTH CTAs YELLOW)\n\u2705 ONLY FIX: both button links now go to:\n   https:\/\/fuelmate-rsa.com\/?page_id=15\n\u2705 Everything else stays the same\n========================= -->\n\n<style>\n  :root{\n    --mm-navy:#062A6E;\n    --mm-blue:#0A3DAF;\n    --mm-yellow:#FFC700;\n\n    --mm-ink: rgba(6,42,110,0.82);\n    --mm-soft: rgba(6,42,110,0.12);\n    --mm-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;\n  }\n\n  .mm2-hero{\n    width:100%;\n    font-family:var(--mm-font);\n    background:\n      radial-gradient(900px 520px at 12% 18%, rgba(255,199,0,0.12), rgba(255,199,0,0) 62%),\n      radial-gradient(900px 520px at 86% 78%, rgba(10,61,175,0.08), rgba(10,61,175,0) 62%),\n      linear-gradient(180deg, #F4F6FB 0%, #FFFFFF 100%);\n  }\n\n  .mm2-wrap{\n    max-width:1400px;\n    margin:0 auto;\n    padding:92px 40px;\n    display:grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap:64px;\n    align-items:center;\n  }\n\n  .mm2-left{ position:relative; }\n  .mm2-left::before{\n    content:\"\";\n    position:absolute;\n    left:-16px;\n    top:8px;\n    width:4px;\n    height:92px;\n    border-radius:99px;\n    background:linear-gradient(180deg, var(--mm-yellow), var(--mm-blue));\n  }\n\n  .mm2-kicker{\n    display:flex;\n    align-items:center;\n    gap:10px;\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.35px;\n    text-transform:uppercase;\n    color:var(--mm-blue);\n    margin:0 0 14px 0;\n  }\n  .mm2-kicker .pill{\n    padding:6px 10px;\n    border-radius:999px;\n    border:1px solid var(--mm-soft);\n    background:rgba(6,42,110,0.03);\n    color:var(--mm-navy);\n  }\n\n  .mm2-title{\n    margin:0 0 12px 0;\n    font-size:54px;\n    line-height:1.03;\n    font-weight:950;\n    letter-spacing:.2px;\n    color:var(--mm-navy);\n  }\n  .mm2-title .hl{\n    background:linear-gradient(90deg, var(--mm-blue), var(--mm-yellow));\n    -webkit-background-clip:text;\n    background-clip:text;\n    color:transparent;\n  }\n\n  .mm2-lead{\n    margin:0 0 18px 0;\n    font-size:16.8px;\n    line-height:1.75;\n    color:var(--mm-ink);\n    max-width:720px;\n  }\n\n  .mm2-metrics{\n    display:flex;\n    flex-wrap:wrap;\n    gap:14px;\n    margin:18px 0 22px;\n  }\n  .mm2-metric{\n    border:1px solid var(--mm-soft);\n    border-radius:16px;\n    padding:12px 14px;\n    min-width:170px;\n    background:rgba(255,255,255,0.78);\n    backdrop-filter: blur(6px);\n  }\n  .mm2-metric strong{\n    display:block;\n    font-size:22px;\n    font-weight:950;\n    color:var(--mm-navy);\n    line-height:1;\n    margin-bottom:6px;\n  }\n  .mm2-metric span{\n    display:block;\n    font-size:12.5px;\n    font-weight:800;\n    letter-spacing:.25px;\n    color:rgba(6,42,110,0.62);\n    text-transform:uppercase;\n  }\n\n  .mm2-stack{\n    display:grid;\n    grid-template-columns:1fr;\n    gap:12px;\n    margin-top:8px;\n    max-width:760px;\n  }\n\n  .mm2-card{\n    border:1px solid var(--mm-soft);\n    border-radius:18px;\n    padding:14px 16px;\n    background:rgba(255,255,255,0.86);\n    backdrop-filter: blur(6px);\n    display:grid;\n    grid-template-columns:40px 1fr;\n    gap:12px;\n    align-items:start;\n  }\n\n  .mm2-ic{\n    width:40px;\n    height:40px;\n    border-radius:14px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background:linear-gradient(135deg, rgba(10,61,175,0.10), rgba(255,199,0,0.18));\n    border:1px solid rgba(6,42,110,0.08);\n  }\n  .mm2-ic svg{ width:20px; height:20px; fill:var(--mm-navy); }\n\n  .mm2-card h3{\n    margin:0 0 4px 0;\n    font-size:13px;\n    font-weight:950;\n    letter-spacing:.35px;\n    text-transform:uppercase;\n    color:var(--mm-navy);\n  }\n  .mm2-card p{\n    margin:0;\n    font-size:14.2px;\n    line-height:1.55;\n    color:var(--mm-ink);\n  }\n\n  .mm2-cta-row{\n    margin-top:20px;\n    display:flex;\n    gap:12px;\n    flex-wrap:wrap;\n  }\n  .mm2-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding:14px 22px;\n    border-radius:999px;\n    text-decoration:none;\n    font-size:11px;\n    font-weight:950;\n    letter-spacing:.45px;\n    text-transform:uppercase;\n    line-height:1;\n    white-space:nowrap;\n    transition:transform .16s ease, filter .16s ease, box-shadow .22s ease;\n  }\n  .mm2-btn.primary,\n  .mm2-btn.secondary{\n    background:linear-gradient(90deg, var(--mm-yellow), #ffe27a);\n    color:var(--mm-navy);\n    border:1px solid rgba(255,199,0,0.28);\n    box-shadow:0 14px 34px rgba(255,199,0,0.28);\n  }\n  .mm2-btn.primary:hover,\n  .mm2-btn.secondary:hover{\n    transform:translateY(-1px);\n    filter:brightness(1.02);\n    box-shadow:0 18px 44px rgba(255,199,0,0.34);\n  }\n\n  .mm2-right{\n    display:flex;\n    align-items:center;\n    justify-content:flex-end;\n    position:relative;\n  }\n  .mm2-right img{\n    width:100%;\n    max-width:560px;\n    height:auto;\n    display:block;\n    background:transparent !important;\n    box-shadow:none !important;\n    border:0 !important;\n    outline:0 !important;\n    position:relative;\n    z-index:2;\n  }\n\n  .mm2-float{\n    position:absolute;\n    z-index:3;\n    width:54px;\n    height:54px;\n    border-radius:18px;\n    display:grid;\n    place-items:center;\n    background:rgba(255,255,255,0.72);\n    border:1px solid rgba(6,42,110,0.12);\n    backdrop-filter: blur(10px);\n    box-shadow: 0 22px 55px rgba(6,42,110,0.10);\n    animation: mmFloat 3.6s ease-in-out infinite;\n    pointer-events:none;\n  }\n  .mm2-float svg{ width:24px; height:24px; fill:var(--mm-navy); }\n\n  .mm2-fleet{ top:14px; right:42px; animation-delay:.0s; }\n  .mm2-truck{ top:42%; left:28px; animation-delay:.5s; }\n  .mm2-support{ bottom:16px; right:86px; animation-delay:1s; }\n\n  @keyframes mmFloat{\n    0%,100%{ transform: translateY(0); }\n    50%{ transform: translateY(-10px); }\n  }\n\n  @media (max-width:1024px){\n    .mm2-wrap{\n      grid-template-columns:1fr;\n      gap:38px;\n      padding:76px 24px;\n    }\n    .mm2-right{ justify-content:flex-start; }\n    .mm2-title{ font-size:42px; }\n    .mm2-left::before{ left:0; top:-10px; height:64px; }\n    .mm2-truck{ left:8px; }\n  }\n\n  @media (max-width:768px){\n    .mm2-title{ font-size:36px; }\n    .mm2-lead{ font-size:16px; }\n    .mm2-metric{ min-width:150px; }\n    .mm2-right img{ max-width:440px; }\n\n    .mm2-float{ width:48px; height:48px; border-radius:16px; }\n    .mm2-float svg{ width:22px; height:22px; }\n    .mm2-fleet{ right:18px; }\n    .mm2-support{ right:22px; }\n  }\n<\/style>\n\n<section class=\"mm2-hero\" aria-label=\"Motormate Program\">\n  <div class=\"mm2-wrap\">\n\n    <!-- LEFT -->\n    <div class=\"mm2-left\">\n\n      <div class=\"mm2-kicker\">\n        <span class=\"pill\">Motormate Program<\/span>\n        <span>Built for scale<\/span>\n      <\/div>\n\n      <h1 class=\"mm2-title\"><span class=\"hl\">Motormate<\/span> Program<\/h1>\n\n      <p class=\"mm2-lead\">\n        Corporate and franchised locations delivering trusted inspections, fitment,\n        servicing, and mobility support across South Africa and the SADEC region.\n      <\/p>\n\n      <div class=\"mm2-metrics\">\n        <div class=\"mm2-metric\"><strong>10<\/strong><span>Corporate Stores<\/span><\/div>\n        <div class=\"mm2-metric\"><strong>8<\/strong><span>SADEC Locations<\/span><\/div>\n        <div class=\"mm2-metric\"><strong>300<\/strong><span>Store Objective<\/span><\/div>\n      <\/div>\n\n      <div class=\"mm2-stack\">\n\n        <div class=\"mm2-card\">\n          <div class=\"mm2-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M5 11h14v2H5v-2zm2-7h10l2 5H5l2-5zm-2 7h14l2 6H3l2-6zm4 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm10 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\"\/><\/svg>\n          <\/div>\n          <div>\n            <h3>Services<\/h3>\n            <p>Tyres, batteries, suspension, exhaust, brakes, windscreens, and vehicle services.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mm2-card\">\n          <div class=\"mm2-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 1 3 5v6c0 5 3.8 9.7 9 11 5.2-1.3 9-6 9-11V5l-9-4zm0 4 6 2.6V11c0 3.5-2.2 6.7-6 8-3.8-1.3-6-4.5-6-8V7.6L12 5z\"\/><\/svg>\n          <\/div>\n          <div>\n            <h3>Inspection Centres<\/h3>\n            <p>Fully operational inspection centres with insurance-approved compliance support.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mm2-card\">\n          <div class=\"mm2-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 2a7 7 0 0 1 7 7c0 5-7 13-7 13S5 14 5 9a7 7 0 0 1 7-7zm0 9.5A2.5 2.5 0 1 0 12 6a2.5 2.5 0 0 0 0 5.5z\"\/><\/svg>\n          <\/div>\n          <div>\n            <h3>National Network<\/h3>\n            <p>Corporate and franchise model with a national e-commerce platform.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"mm2-card\">\n          <div class=\"mm2-ic\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path d=\"M12 8a4 4 0 0 1 4 4v9h-2v-9a2 2 0 0 0-4 0v9H8v-9a4 4 0 0 1 4-4zm8 5h2v8h-2v-8zM2 13h2v8H2v-8zM10 2h4v4h-4V2z\"\/><\/svg>\n          <\/div>\n          <div>\n            <h3>24\/7 Assist<\/h3>\n            <p>Breakdown, roadside, EMS alert services, and MotoAngels first responders.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- \u2705 FIXED LINKS -->\n      <div class=\"mm2-cta-row\">\n        <a class=\"mm2-btn primary\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=15\">Contact Us<\/a>\n        <a class=\"mm2-btn secondary\" href=\"https:\/\/fuelmate-rsa.com\/?page_id=15\">Learn More<\/a>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT -->\n    <div class=\"mm2-right\">\n\n      <div class=\"mm2-float mm2-fleet\" aria-hidden=\"true\" title=\"Fleet\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2 3 7l9 5 9-5-9-5zm0 8L3 5v6l9 5 9-5V5l-9 5zm0 8-9-5v2l9 5 9-5v-2l-9 5z\"\/><\/svg>\n      <\/div>\n\n      <div class=\"mm2-float mm2-truck\" aria-hidden=\"true\" title=\"Truck\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M3 6h11v9H3V6zm12 3h3l3 3v3h-2a2 2 0 0 1-4 0h-1V9zm-9 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm11 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\"\/><\/svg>\n      <\/div>\n\n      <div class=\"mm2-float mm2-support\" aria-hidden=\"true\" title=\"Support\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 3a8 8 0 0 0-8 8v4a3 3 0 0 0 3 3h1v-7H7a1 1 0 0 0-1 1v3a6 6 0 1 1 12 0v-3a1 1 0 0 0-1-1h-1v7h1a3 3 0 0 0 3-3v-4a8 8 0 0 0-8-8z\"\/><\/svg>\n      <\/div>\n\n      <img decoding=\"async\"\n        src=\"https:\/\/fuelmate-rsa.com\/wp-content\/uploads\/2026\/02\/ChatGPT-Image-Feb-10-2026-12_36_12-PM.png\"\n        alt=\"Motormate Program\"\n      >\n    <\/div>\n\n  <\/div>\n<\/section>\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>\u2190 Home Motormate Motormate Motormate Program Built for scale Motormate Program Corporate and franchised locations delivering trusted inspections, fitment, servicing, and mobility support across South Africa and the SADEC region. 10Corporate Stores 8SADEC Locations 300Store Objective Services Tyres, batteries, suspension, exhaust, brakes, windscreens, and vehicle services. Inspection Centres Fully operational inspection centres with insurance-approved compliance support. National Network Corporate and franchise model with a national e-commerce platform. 24\/7 Assist Breakdown, roadside, EMS alert services, and MotoAngels first responders. Contact Us Learn More<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=47"}],"version-history":[{"count":31,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":833,"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=\/wp\/v2\/pages\/47\/revisions\/833"}],"wp:attachment":[{"href":"https:\/\/fuelmate-rsa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}