{"id":258,"date":"2026-06-09T13:38:07","date_gmt":"2026-06-09T11:38:07","guid":{"rendered":"https:\/\/offroadnorth.co.za\/?page_id=258"},"modified":"2026-06-23T17:17:58","modified_gmt":"2026-06-23T15:17:58","slug":"under-constuction","status":"publish","type":"page","link":"https:\/\/offroadnorth.co.za\/?page_id=258","title":{"rendered":"Under Construction"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <meta name=\"description\" content=\"Off Road SA \u2013 this page is under construction. Arriving soon.\" \/>\n  <title>Arriving Soon | Off Road SA<\/title>\n  <style>\n    :root {\n      --bg:       #f1f1f1;\n      --surface:  #ffffff;\n      --orange:   #ff6900;\n      --orange-d: #cc5200;\n      --dark:     #1a1a1a;\n      --mid:      #444444;\n      --light:    #999999;\n      --border:   #e0e0e0;\n    }\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { -webkit-text-size-adjust: 100%; }\n    body {\n      font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n      background: var(--bg);\n      color: var(--dark);\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      line-height: 1.5;\n    }\n    a { color: inherit; text-decoration: none; }\n\n    \/* NAV *\/\n    nav {\n      background: var(--dark);\n      border-bottom: 3px solid var(--orange);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      height: 56px;\n      padding: 0 1.1rem;\n    }\n    .nav-logo {\n      font-size: 1.1rem;\n      font-weight: 900;\n      letter-spacing: -0.02em;\n      text-transform: uppercase;\n      color: #fff;\n    }\n    .nav-logo span { color: var(--orange); }\n\n    \/* MAIN *\/\n    main {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      padding: 2.5rem 1.25rem;\n    }\n    .card {\n      max-width: 480px;\n    }\n    .icon-wrap {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 96px;\n      height: 96px;\n      border-radius: 50%;\n      background: var(--surface);\n      border: 3px solid var(--orange);\n      margin-bottom: 1.75rem;\n    }\n    .icon-wrap svg {\n      width: 46px;\n      height: 46px;\n      color: var(--orange);\n      animation: spin 6s linear infinite;\n    }\n    @keyframes spin { to { transform: rotate(360deg); } }\n\n    .eyebrow {\n      display: inline-block;\n      font-size: 0.68rem;\n      font-weight: 800;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--orange);\n      border: 1px solid var(--orange);\n      padding: 0.2rem 0.7rem;\n      border-radius: 2px;\n      margin-bottom: 1.25rem;\n    }\n    h1 {\n      font-size: clamp(1.9rem, 7vw, 2.8rem);\n      font-weight: 900;\n      letter-spacing: -0.03em;\n      line-height: 1.05;\n      text-transform: uppercase;\n      margin-bottom: 0.6rem;\n    }\n    h1 span { color: var(--orange); }\n    .sub {\n      font-size: 1rem;\n      color: var(--mid);\n      max-width: 360px;\n      margin: 0 auto 2rem;\n    }\n    .btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 0.5rem;\n      padding: 0.75rem 1.5rem;\n      background: var(--orange);\n      border: 2px solid var(--orange);\n      border-radius: 4px;\n      font-size: 0.85rem;\n      font-weight: 800;\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n      color: #fff;\n      transition: background 0.15s, border-color 0.15s;\n    }\n    .btn:hover, .btn:focus-visible {\n      background: var(--orange-d);\n      border-color: var(--orange-d);\n      outline: none;\n    }\n    .btn svg { width: 16px; height: 16px; }\n\n    \/* FOOTER *\/\n    footer {\n      background: var(--dark);\n      border-top: 3px solid var(--orange);\n      text-align: center;\n      padding: 1.1rem 1rem;\n      font-size: 0.72rem;\n      color: #666;\n      letter-spacing: 0.04em;\n    }\n    footer a { color: var(--orange); }\n    footer a:hover { text-decoration: underline; }\n\n    @media (prefers-reduced-motion: reduce) {\n      * { animation: none !important; transition: none !important; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<nav>\n  <a class=\"nav-logo\" href=\"https:\/\/www.offroadnorth.co.za\/\">Off Road <span>North<\/span><\/a>\n<\/nav>\n\n<main>\n  <div class=\"card\">\n    <div class=\"icon-wrap\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n        <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\"\/>\n      <\/svg>\n    <\/div>\n\n    <div class=\"eyebrow\">Off Road SA<\/div>\n    <h1>Under Construction<br><span>Arriving Soon!<\/span><\/h1>\n    <p class=\"sub\">We&#8217;re building something here. Check back shortly \u2014 it won&#8217;t be long.<\/p>\n\n    <a class=\"btn\" href=\"https:\/\/offroadnorth.co.za\/\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n        <line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"\/><polyline points=\"12 19 5 12 12 5\"\/>\n      <\/svg>\n      Back to Home\n    <\/a>\n  <\/div>\n<\/main>\n\n<footer>\n  <p>&copy; <span id=\"yr\"><\/span> <a href=\"https:\/\/www.offroadnorth.co.za\/\">OffRoadNorth.co.za<\/a> &mdash; South Africa&#8217;s Off-Road Racing Hub<\/p>\n<\/footer>\n\n<script>\n  document.getElementById('yr').textContent = new Date().getFullYear();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Arriving Soon | Off Road SA Off Road North Off Road SA Under ConstructionArriving Soon! We&#8217;re building something here. Check back shortly \u2014 it won&#8217;t be long. Back to Home &copy; OffRoadNorth.co.za &mdash; South Africa&#8217;s Off-Road Racing Hub<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/offroadnorth.co.za\/index.php?rest_route=\/wp\/v2\/pages\/258","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/offroadnorth.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/offroadnorth.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/offroadnorth.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/offroadnorth.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=258"}],"version-history":[{"count":4,"href":"https:\/\/offroadnorth.co.za\/index.php?rest_route=\/wp\/v2\/pages\/258\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/offroadnorth.co.za\/index.php?rest_route=\/wp\/v2\/pages\/258\/revisions\/383"}],"wp:attachment":[{"href":"https:\/\/offroadnorth.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}