{"id":8,"date":"2026-11-11T09:34:23","date_gmt":"2026-11-11T09:34:23","guid":{"rendered":"https:\/\/verax.co.za\/?page_id=8"},"modified":"2026-11-11T09:41:21","modified_gmt":"2026-11-11T09:41:21","slug":"landing-page","status":"publish","type":"page","link":"https:\/\/verax.co.za\/","title":{"rendered":"Landing Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcf53b2 e-flex e-con-boxed e-con e-parent\" data-id=\"bcf53b2\" 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-1a5b290 elementor-widget elementor-widget-html\" data-id=\"1a5b290\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"verax-launch-page\">\n  <style>\n    html, body {\n      margin: 0 !important;\n      padding: 0 !important;\n      width: 100%;\n      overflow-x: hidden;\n    }\n\n    #verax-launch-page {\n      --bg-1: #03050a;\n      --bg-2: #0b1220;\n      --bg-3: #10192c;\n      --text: #f4f7fb;\n      --muted: #a4afc2;\n      --line: rgba(255,255,255,0.08);\n      --glass: rgba(255,255,255,0.06);\n      --glass-strong: rgba(255,255,255,0.10);\n      --glow: rgba(130, 160, 220, 0.35);\n\n      position: relative;\n      width: 100vw;\n      min-height: 100vh;\n      min-height: 100svh;\n      margin-left: calc(50% - 50vw);\n      overflow: hidden;\n      font-family: Arial, Helvetica, sans-serif;\n      color: var(--text);\n      background:\n        radial-gradient(circle at 50% 40%, rgba(64,95,160,0.18), transparent 28%),\n        radial-gradient(circle at 85% 12%, rgba(100,120,170,0.15), transparent 22%),\n        radial-gradient(circle at 15% 85%, rgba(50,90,170,0.12), transparent 24%),\n        linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 45%, var(--bg-3) 100%);\n      isolation: isolate;\n    }\n\n    #verax-launch-page * {\n      box-sizing: border-box;\n    }\n\n    #verax-launch-page::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\n      background-size: 70px 70px;\n      mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);\n      opacity: 0.22;\n      z-index: -2;\n      pointer-events: none;\n    }\n\n    #verax-launch-page::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        radial-gradient(circle at center, transparent 0%, rgba(0,0,0,0.10) 55%, rgba(0,0,0,0.45) 100%);\n      z-index: -1;\n      pointer-events: none;\n    }\n\n    .vx-orb {\n      position: absolute;\n      left: 50%;\n      top: 48%;\n      width: min(68vw, 760px);\n      aspect-ratio: 1;\n      transform: translate(-50%, -50%);\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,0.09);\n      opacity: 0.5;\n      pointer-events: none;\n      animation: vxFloat 10s ease-in-out infinite;\n    }\n\n    .vx-orb::before,\n    .vx-orb::after {\n      content: \"\";\n      position: absolute;\n      border-radius: 50%;\n      inset: 10%;\n      border: 1px solid rgba(255,255,255,0.06);\n    }\n\n    .vx-orb::after {\n      inset: 22%;\n      border-color: rgba(255,255,255,0.04);\n    }\n\n    .vx-glow {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: min(60vw, 640px);\n      height: min(60vw, 640px);\n      transform: translate(-50%, -50%);\n      border-radius: 50%;\n      background: radial-gradient(circle, rgba(120,150,210,0.18) 0%, rgba(120,150,210,0.04) 45%, transparent 72%);\n      filter: blur(18px);\n      animation: vxPulse 7s ease-in-out infinite;\n      pointer-events: none;\n    }\n\n    .vx-topbar {\n      position: relative;\n      z-index: 3;\n      width: 100%;\n      padding: 28px clamp(18px, 4vw, 60px);\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n    }\n\n    .vx-topbar-left {\n      display: flex;\n      align-items: center;\n      gap: 14px;\n      min-width: 0;\n    }\n\n    .vx-mini-logo {\n      width: 34px;\n      height: 34px;\n      object-fit: contain;\n      filter: drop-shadow(0 4px 10px rgba(255,255,255,0.08));\n      border-radius: 6px;\n      background: rgba(255,255,255,0.03);\n      padding: 4px;\n    }\n\n    .vx-brand-text {\n      font-size: 14px;\n      letter-spacing: 0.35em;\n      font-weight: 700;\n      white-space: nowrap;\n      color: #eef3fb;\n    }\n\n    .vx-status {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      padding: 10px 14px;\n      border: 1px solid rgba(255,255,255,0.08);\n      background: rgba(255,255,255,0.03);\n      backdrop-filter: blur(10px);\n      border-radius: 999px;\n      color: #cdd6e5;\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 0.24em;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    .vx-status-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: #dce7ff;\n      box-shadow: 0 0 16px rgba(180,205,255,0.95);\n      animation: vxBlink 2.2s ease-in-out infinite;\n      flex: 0 0 8px;\n    }\n\n    .vx-main {\n      position: relative;\n      z-index: 2;\n      width: 100%;\n      min-height: calc(100vh - 92px);\n      min-height: calc(100svh - 92px);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 30px 20px 40px;\n      text-align: center;\n    }\n\n    .vx-content {\n      width: 100%;\n      max-width: 1180px;\n      margin: 0 auto;\n      animation: vxRise 1.15s ease forwards;\n    }\n\n    .vx-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 26px;\n      padding: 10px 16px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,0.08);\n      background: rgba(255,255,255,0.04);\n      backdrop-filter: blur(10px);\n      color: #d6deec;\n      font-size: 10px;\n      font-weight: 700;\n      letter-spacing: 0.30em;\n      text-transform: uppercase;\n    }\n\n    .vx-badge::before,\n    .vx-badge::after {\n      content: \"\";\n      width: 18px;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent);\n    }\n\n    .vx-hero-logo-wrap {\n      margin: 0 auto 30px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0 10px;\n    }\n\n    .vx-hero-logo {\n      width: min(560px, 78vw);\n      max-width: 100%;\n      height: auto;\n      object-fit: contain;\n      filter:\n        drop-shadow(0 12px 36px rgba(0,0,0,0.45))\n        drop-shadow(0 0 18px rgba(170,190,230,0.08));\n      animation: vxSoftFloat 6s ease-in-out infinite;\n    }\n\n    .vx-title {\n      margin: 0;\n      font-size: clamp(28px, 4.8vw, 74px);\n      line-height: 1.05;\n      font-weight: 800;\n      letter-spacing: 0.02em;\n      color: #f7f9fd;\n      text-shadow: 0 8px 24px rgba(0,0,0,0.35);\n    }\n\n    .vx-subtitle {\n      max-width: 840px;\n      margin: 18px auto 0;\n      font-size: clamp(14px, 1.45vw, 20px);\n      line-height: 1.9;\n      color: var(--muted);\n      letter-spacing: 0.03em;\n      font-weight: 300;\n    }\n\n    .vx-coming {\n      margin: 34px auto 0;\n      font-size: clamp(17px, 2.2vw, 28px);\n      font-weight: 300;\n      letter-spacing: 0.36em;\n      text-transform: uppercase;\n      color: #eef3fa;\n    }\n\n    .vx-divider {\n      width: min(140px, 40vw);\n      height: 1px;\n      margin: 28px auto 0;\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.8), transparent);\n      box-shadow: 0 0 14px rgba(181,201,237,0.30);\n    }\n\n    .vx-panel-row {\n      margin-top: 42px;\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    .vx-panel {\n      padding: 22px 18px;\n      border-radius: 20px;\n      border: 1px solid rgba(255,255,255,0.08);\n      background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));\n      backdrop-filter: blur(12px);\n      box-shadow: 0 20px 60px rgba(0,0,0,0.16);\n      text-align: left;\n      transition: transform 0.35s ease, border-color 0.35s ease, background 0.35s ease;\n    }\n\n    .vx-panel:hover {\n      transform: translateY(-4px);\n      border-color: rgba(255,255,255,0.16);\n      background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.04));\n    }\n\n    .vx-panel h3 {\n      margin: 0 0 10px;\n      font-size: 12px;\n      letter-spacing: 0.24em;\n      text-transform: uppercase;\n      color: #f2f6fd;\n      font-weight: 700;\n    }\n\n    .vx-panel p {\n      margin: 0;\n      color: #aeb7c8;\n      font-size: 14px;\n      line-height: 1.8;\n    }\n\n    .vx-progress-wrap {\n      margin-top: 34px;\n    }\n\n    .vx-progress {\n      width: min(320px, 80vw);\n      height: 2px;\n      margin: 0 auto;\n      background: rgba(255,255,255,0.12);\n      overflow: hidden;\n      border-radius: 999px;\n    }\n\n    .vx-progress span {\n      display: block;\n      width: 36%;\n      height: 100%;\n      background: linear-gradient(90deg, transparent, #eef3fb, transparent);\n      animation: vxScan 2.8s ease-in-out infinite;\n    }\n\n    .vx-progress-caption {\n      margin-top: 14px;\n      color: #7c889d;\n      font-size: 10px;\n      letter-spacing: 0.26em;\n      text-transform: uppercase;\n    }\n\n    .vx-footer {\n      position: relative;\n      z-index: 2;\n      width: 100%;\n      padding: 18px 24px 28px;\n      text-align: center;\n      color: #7f8ba0;\n      font-size: 11px;\n      letter-spacing: 0.10em;\n    }\n\n    .vx-footer a {\n      color: #bac5d8;\n      text-decoration: none;\n    }\n\n    @keyframes vxRise {\n      from {\n        opacity: 0;\n        transform: translateY(24px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    @keyframes vxPulse {\n      0%, 100% {\n        opacity: 0.75;\n        transform: translate(-50%, -50%) scale(1);\n      }\n      50% {\n        opacity: 1;\n        transform: translate(-50%, -50%) scale(1.08);\n      }\n    }\n\n    @keyframes vxFloat {\n      0%, 100% {\n        transform: translate(-50%, -50%) scale(1);\n      }\n      50% {\n        transform: translate(-50%, -50%) scale(1.025);\n      }\n    }\n\n    @keyframes vxBlink {\n      0%, 100% { opacity: 1; }\n      50% { opacity: 0.35; }\n    }\n\n    @keyframes vxScan {\n      from { transform: translateX(-120%); }\n      to { transform: translateX(320%); }\n    }\n\n    @keyframes vxSoftFloat {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-6px); }\n    }\n\n    @media (max-width: 980px) {\n      .vx-panel-row {\n        grid-template-columns: 1fr;\n        max-width: 640px;\n        margin-left: auto;\n        margin-right: auto;\n      }\n    }\n\n    @media (max-width: 767px) {\n      .vx-topbar {\n        padding: 18px 14px;\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n      }\n\n      .vx-topbar-left {\n        justify-content: center;\n      }\n\n      .vx-status {\n        justify-content: center;\n        font-size: 9px;\n        letter-spacing: 0.16em;\n        padding: 10px 12px;\n      }\n\n      .vx-main {\n        min-height: auto;\n        padding: 24px 16px 30px;\n      }\n\n      .vx-badge {\n        font-size: 9px;\n        letter-spacing: 0.18em;\n        padding: 9px 12px;\n        margin-bottom: 20px;\n      }\n\n      .vx-hero-logo {\n        width: min(360px, 82vw);\n      }\n\n      .vx-title {\n        font-size: clamp(24px, 8vw, 40px);\n        line-height: 1.15;\n      }\n\n      .vx-subtitle {\n        font-size: 14px;\n        line-height: 1.75;\n        max-width: 95%;\n      }\n\n      .vx-coming {\n        font-size: 16px;\n        letter-spacing: 0.22em;\n        margin-top: 24px;\n      }\n\n      .vx-divider {\n        margin-top: 20px;\n      }\n\n      .vx-panel-row {\n        margin-top: 28px;\n        gap: 14px;\n      }\n\n      .vx-panel {\n        padding: 18px 16px;\n        border-radius: 16px;\n        text-align: center;\n      }\n\n      .vx-panel h3 {\n        font-size: 11px;\n        letter-spacing: 0.18em;\n      }\n\n      .vx-panel p {\n        font-size: 13px;\n        line-height: 1.7;\n      }\n\n      .vx-progress-wrap {\n        margin-top: 26px;\n      }\n\n      .vx-footer {\n        padding: 16px 14px 24px;\n        font-size: 10px;\n        line-height: 1.8;\n      }\n\n      .vx-orb {\n        width: 115vw;\n      }\n    }\n\n    @media (max-width: 420px) {\n      .vx-brand-text {\n        font-size: 12px;\n        letter-spacing: 0.25em;\n      }\n\n      .vx-title br {\n        display: none;\n      }\n\n      .vx-coming {\n        letter-spacing: 0.16em;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #verax-launch-page *,\n      #verax-launch-page *::before,\n      #verax-launch-page *::after {\n        animation: none !important;\n        transition: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"vx-glow\" aria-hidden=\"true\"><\/div>\n  <div class=\"vx-orb\" aria-hidden=\"true\"><\/div>\n\n  <header class=\"vx-topbar\">\n    <div class=\"vx-topbar-left\">\n      <img decoding=\"async\" class=\"vx-mini-logo\" src=\"https:\/\/verax.co.za\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-11-at-09.50.47.jpeg\" alt=\"VERAX logo\">\n      <div class=\"vx-brand-text\">VERAX<\/div>\n    <\/div>\n\n    <div class=\"vx-status\">\n      <span class=\"vx-status-dot\"><\/span>\n      A New Experience Is Taking Shape\n    <\/div>\n  <\/header>\n\n  <main class=\"vx-main\">\n    <div class=\"vx-content\">\n      <div class=\"vx-badge\">Premium Brand Launch<\/div>\n\n      <div class=\"vx-hero-logo-wrap\">\n        <img decoding=\"async\" class=\"vx-hero-logo\" src=\"https:\/\/verax.co.za\/wp-content\/uploads\/2026\/11\/WhatsApp-Image-2026-11-11-at-09.50.47.jpeg\" alt=\"VERAX\">\n      <\/div>\n\n      <h1 class=\"vx-title\">Something Exceptional<br>Is Coming Soon<\/h1>\n\n      <p class=\"vx-subtitle\">\n        VERAX is preparing to launch a bold new digital presence \u2014\n        refined, strategic and built to leave a lasting impression.\n        We are crafting something powerful behind the scenes.\n      <\/p>\n\n      <div class=\"vx-coming\">Coming Soon<\/div>\n      <div class=\"vx-divider\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"vx-panel-row\">\n        <div class=\"vx-panel\">\n          <h3>Vision<\/h3>\n          <p>\n            A brand defined by clarity, sophistication and purposeful direction.\n          <\/p>\n        <\/div>\n\n        <div class=\"vx-panel\">\n          <h3>Precision<\/h3>\n          <p>\n            Every detail is being shaped to create a premium first impression.\n          <\/p>\n        <\/div>\n\n        <div class=\"vx-panel\">\n          <h3>Launch<\/h3>\n          <p>\n            The next chapter of VERAX is on the way \u2014 elegant, modern and unforgettable.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"vx-progress-wrap\">\n        <div class=\"vx-progress\" aria-hidden=\"true\"><span><\/span><\/div>\n        <div class=\"vx-progress-caption\">Website in development<\/div>\n      <\/div>\n    <\/div>\n  <\/main>\n\n  <footer class=\"vx-footer\">\n    &copy; <span id=\"vx-year\">2026<\/span> VERAX. All rights reserved. &nbsp;|&nbsp;\n    <a href=\"https:\/\/verax.co.za\" target=\"_blank\" rel=\"noopener\">www.verax.co.za<\/a>\n  <\/footer>\n\n  <script>\n    (function () {\n      var yearEl = document.getElementById('vx-year');\n      if (yearEl) yearEl.textContent = new Date().getFullYear();\n    })();\n  <\/script>\n<\/div>\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>VERAX A New Experience Is Taking Shape Premium Brand Launch Something ExceptionalIs Coming Soon VERAX is preparing to launch a bold new digital presence \u2014 refined, strategic and built to leave a lasting impression. We are crafting something powerful behind the scenes. Coming Soon Vision A brand defined by clarity, sophistication and purposeful direction. Precision [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/verax.co.za\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/verax.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/verax.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/verax.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/verax.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":7,"href":"https:\/\/verax.co.za\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/verax.co.za\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/verax.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}