{"id":18,"date":"2026-09-05T22:23:41","date_gmt":"2026-09-05T22:23:41","guid":{"rendered":"https:\/\/hub.lumorabusiness.co.za\/?page_id=18"},"modified":"2026-09-05T23:07:35","modified_gmt":"2026-09-05T23:07:35","slug":"hub-dashboard","status":"publish","type":"page","link":"https:\/\/hub.lumorabusiness.co.za\/?page_id=18","title":{"rendered":"Hub Dashboard"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-348cf9f e-con e-atomic-element e-flexbox-base e-c024f2e \" data-id=\"348cf9f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"348cf9f\">\n    \t\t<div class=\"elementor-element elementor-element-3e3034a elementor-widget elementor-widget-html\" data-id=\"3e3034a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"lumora-app-dashboard\">\n\n  <!-- APP HEADER -->\n  <header class=\"lumora-app-header\">\n\n    <div class=\"lumora-app-brand\">\n      <span class=\"lumora-brand-mark\">L<\/span>\n\n      <div>\n        <strong>LUMORA<\/strong>\n        <small>BUSINESS HUB<\/small>\n      <\/div>\n    <\/div>\n\n    <button class=\"lumora-menu-button\" aria-label=\"Open menu\">\n      \u22ee\n    <\/button>\n\n  <\/header>\n\n\n  <!-- APP CONTENT -->\n  <main class=\"lumora-app-content\">\n\n    <!-- WELCOME -->\n    <section class=\"lumora-dashboard-welcome\">\n\n      <span class=\"lumora-dashboard-label\">\n        YOUR BUSINESS HUB\n      <\/span>\n\n      <h1>\n        Understand.<br>\n        Improve. Grow.\n      <\/h1>\n\n      <p>\n        Practical resources to help you make\n        better decisions for your business.\n      <\/p>\n\n    <\/section>\n\n\n    <!-- PRIMARY FUNCTIONS -->\n    <section class=\"lumora-app-functions\">\n\n      <div class=\"lumora-function-heading\">\n        <span>EXPLORE<\/span>\n        <small>What do you need?<\/small>\n      <\/div>\n\n\n      <div class=\"lumora-function-grid\">\n\n        <!-- LEARN -->\n        <a href=\"#\" class=\"lumora-function-card\">\n\n          <div class=\"lumora-function-icon\">\n            \u2726\n          <\/div>\n\n          <div class=\"lumora-function-text\">\n            <strong>Learn<\/strong>\n            <span>Business insights<\/span>\n          <\/div>\n\n          <span class=\"lumora-function-arrow\">\u2192<\/span>\n\n        <\/a>\n\n\n        <!-- ASSESS -->\n        <a href=\"#\" class=\"lumora-function-card\">\n\n          <div class=\"lumora-function-icon\">\n            \u2713\n          <\/div>\n\n          <div class=\"lumora-function-text\">\n            <strong>Assess<\/strong>\n            <span>Check your business<\/span>\n          <\/div>\n\n          <span class=\"lumora-function-arrow\">\u2192<\/span>\n\n        <\/a>\n\n\n        <!-- TOOLS -->\n        <a href=\"#\" class=\"lumora-function-card\">\n\n          <div class=\"lumora-function-icon\">\n            \u2318\n          <\/div>\n\n          <div class=\"lumora-function-text\">\n            <strong>Tools<\/strong>\n            <span>Free business tools<\/span>\n          <\/div>\n\n          <span class=\"lumora-function-arrow\">\u2192<\/span>\n\n        <\/a>\n\n\n        <!-- WATCH -->\n        <a href=\"#\" class=\"lumora-function-card\">\n\n          <div class=\"lumora-function-icon\">\n            \u25b6\n          <\/div>\n\n          <div class=\"lumora-function-text\">\n            <strong>Watch<\/strong>\n            <span>Short business videos<\/span>\n          <\/div>\n\n          <span class=\"lumora-function-arrow\">\u2192<\/span>\n\n        <\/a>\n\n      <\/div>\n\n    <\/section>\n\n\n    <!-- LUMORA SERVICES -->\n    <section class=\"lumora-services-card\">\n\n      <div class=\"lumora-services-glow\"><\/div>\n\n      <div class=\"lumora-services-content\">\n\n        <span class=\"lumora-services-label\">\n          NEED MORE HELP?\n        <\/span>\n\n        <h2>\n          Ready to improve\n          your digital presence?\n        <\/h2>\n\n        <p>\n          Discover how Lumora Business Solutions\n          can help your business get online.\n        <\/p>\n\n        <a href=\"#\" class=\"lumora-services-button\">\n          EXPLORE LUMORA\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/section>\n\n  <\/main>\n\n\n  <!-- FIXED APP NAVIGATION -->\n  <nav class=\"lumora-bottom-nav\">\n\n    <a href=\"#\" class=\"lumora-nav-item active\">\n\n      <span class=\"lumora-nav-icon\">\u2302<\/span>\n      <span>Home<\/span>\n\n    <\/a>\n\n\n    <a href=\"#\" class=\"lumora-nav-item\">\n\n      <span class=\"lumora-nav-icon\">\u2726<\/span>\n      <span>Learn<\/span>\n\n    <\/a>\n\n\n    <a href=\"#\" class=\"lumora-nav-item\">\n\n      <span class=\"lumora-nav-icon\">\u2713<\/span>\n      <span>Assess<\/span>\n\n    <\/a>\n\n\n    <a href=\"#\" class=\"lumora-nav-item\">\n\n      <span class=\"lumora-nav-icon\">\u2318<\/span>\n      <span>Tools<\/span>\n\n    <\/a>\n\n\n    <a href=\"#\" class=\"lumora-nav-item\">\n\n      <span class=\"lumora-nav-icon\">\u2022\u2022\u2022<\/span>\n      <span>More<\/span>\n\n    <\/a>\n\n  <\/nav>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================\n   LUMORA BUSINESS HUB\n   APP DASHBOARD\n   ========================================= *\/\n\n.lumora-app-dashboard {\n\n  position: relative;\n\n  width: 100%;\n\n  min-height: 100vh;\n  min-height: 100svh;\n\n  box-sizing: border-box;\n\n  background: #050505;\n\n  color: #ffffff;\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  overflow-x: hidden;\n\n}\n\n\n\/* =========================================\n   APP HEADER\n   ========================================= *\/\n\n.lumora-app-header {\n\n  position: sticky;\n\n  top: 0;\n\n  z-index: 50;\n\n  width: 100%;\n\n  height: 68px;\n\n  padding: 0 20px;\n\n  box-sizing: border-box;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  background:\n    rgba(5,5,5,0.92);\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,0.06);\n\n  backdrop-filter: blur(16px);\n\n}\n\n\n\/* BRAND *\/\n\n.lumora-app-brand {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n}\n\n\n.lumora-brand-mark {\n\n  width: 30px;\n  height: 30px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 9px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #7b3ff2,\n      #2879e8\n    );\n\n  color: #ffffff;\n\n  font-size: 15px;\n\n  font-weight: 700;\n\n}\n\n\n.lumora-app-brand div {\n\n  display: flex;\n\n  flex-direction: column;\n\n}\n\n\n.lumora-app-brand strong {\n\n  font-size: 12px;\n\n  line-height: 1;\n\n  letter-spacing: 1.5px;\n\n}\n\n\n.lumora-app-brand small {\n\n  margin-top: 4px;\n\n  color: #777777;\n\n  font-size: 7px;\n\n  line-height: 1;\n\n  letter-spacing: 1.5px;\n\n}\n\n\n\/* MENU *\/\n\n.lumora-menu-button {\n\n  width: 34px;\n  height: 34px;\n\n  border: 1px solid\n    rgba(255,255,255,0.08);\n\n  border-radius: 10px;\n\n  background:\n    rgba(255,255,255,0.035);\n\n  color: #aaaaaa;\n\n  font-size: 20px;\n\n  line-height: 1;\n\n}\n\n\n\/* =========================================\n   CONTENT\n   ========================================= *\/\n\n.lumora-app-content {\n\n  width: 100%;\n\n  max-width: 480px;\n\n  margin: 0 auto;\n\n  padding:\n    28px\n    20px\n    105px;\n\n  box-sizing: border-box;\n\n}\n\n\n\/* =========================================\n   WELCOME\n   ========================================= *\/\n\n.lumora-dashboard-welcome {\n\n  padding:\n    8px\n    2px\n    30px;\n\n}\n\n\n.lumora-dashboard-label {\n\n  display: block;\n\n  margin-bottom: 13px;\n\n  color: #d4af37;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n\n}\n\n\n.lumora-dashboard-welcome h1 {\n\n  margin: 0 0 14px;\n\n  color: #ffffff;\n\n  font-size: 32px;\n\n  line-height: 1.04;\n\n  font-weight: 700;\n\n  letter-spacing: -0.7px;\n\n}\n\n\n.lumora-dashboard-welcome p {\n\n  max-width: 320px;\n\n  margin: 0;\n\n  color: #999999;\n\n  font-size: 13px;\n\n  line-height: 1.6;\n\n}\n\n\n\/* =========================================\n   FUNCTION AREA\n   ========================================= *\/\n\n.lumora-function-heading {\n\n  display: flex;\n\n  align-items: baseline;\n\n  justify-content: space-between;\n\n  margin-bottom: 14px;\n\n}\n\n\n.lumora-function-heading span {\n\n  color: #ffffff;\n\n  font-size: 12px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.5px;\n\n}\n\n\n.lumora-function-heading small {\n\n  color: #666666;\n\n  font-size: 10px;\n\n}\n\n\n\/* GRID *\/\n\n.lumora-function-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, 1fr);\n\n  gap: 11px;\n\n}\n\n\n\/* FUNCTION CARD *\/\n\n.lumora-function-card {\n\n  position: relative;\n\n  min-height: 138px;\n\n  padding: 17px;\n\n  box-sizing: border-box;\n\n  display: flex;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n\n  border:\n    1px solid\n    rgba(255,255,255,0.075);\n\n  border-radius: 17px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,0.055),\n      rgba(255,255,255,0.018)\n    );\n\n  text-decoration: none;\n\n  overflow: hidden;\n\n  transition:\n    transform 0.2s ease,\n    border-color 0.2s ease;\n\n}\n\n\n.lumora-function-card::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 100px;\n  height: 100px;\n\n  top: -50px;\n  right: -35px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(123,63,242,0.15);\n\n  filter: blur(25px);\n\n}\n\n\n.lumora-function-card:hover {\n\n  transform: translateY(-2px);\n\n  border-color:\n    rgba(123,63,242,0.45);\n\n}\n\n\n\/* ICON *\/\n\n.lumora-function-icon {\n\n  position: relative;\n\n  width: 36px;\n  height: 36px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  border-radius: 11px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #7b3ff2,\n      #4c5fd7\n    );\n\n  color: #ffffff;\n\n  font-size: 16px;\n\n}\n\n\n\/* TEXT *\/\n\n.lumora-function-text {\n\n  position: relative;\n\n  display: flex;\n\n  flex-direction: column;\n\n}\n\n\n.lumora-function-text strong {\n\n  color: #ffffff;\n\n  font-size: 15px;\n\n  line-height: 1.2;\n\n}\n\n\n.lumora-function-text span {\n\n  margin-top: 4px;\n\n  color: #777777;\n\n  font-size: 10px;\n\n  line-height: 1.3;\n\n}\n\n\n\/* ARROW *\/\n\n.lumora-function-arrow {\n\n  position: absolute;\n\n  right: 15px;\n\n  bottom: 15px;\n\n  color: #d4af37;\n\n  font-size: 17px;\n\n}\n\n\n\/* =========================================\n   SERVICES\n   ========================================= *\/\n\n.lumora-services-card {\n\n  position: relative;\n\n  margin-top: 22px;\n\n  padding: 23px 20px;\n\n  box-sizing: border-box;\n\n  border:\n    1px solid\n    rgba(212,175,55,0.17);\n\n  border-radius: 18px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(123,63,242,0.17),\n      rgba(255,255,255,0.025)\n    );\n\n  overflow: hidden;\n\n}\n\n\n.lumora-services-glow {\n\n  position: absolute;\n\n  width: 140px;\n  height: 140px;\n\n  right: -60px;\n  top: -70px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(212,175,55,0.12);\n\n  filter: blur(30px);\n\n}\n\n\n.lumora-services-content {\n\n  position: relative;\n\n}\n\n\n.lumora-services-label {\n\n  color: #d4af37;\n\n  font-size: 8px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.8px;\n\n}\n\n\n.lumora-services-card h2 {\n\n  margin:\n    12px\n    0\n    9px;\n\n  color: #ffffff;\n\n  font-size: 19px;\n\n  line-height: 1.25;\n\n}\n\n\n.lumora-services-card p {\n\n  margin: 0 0 18px;\n\n  color: #999999;\n\n  font-size: 11px;\n\n  line-height: 1.55;\n\n}\n\n\n.lumora-services-button {\n\n  display: inline-flex;\n\n  align-items: center;\n\n  gap: 9px;\n\n  color: #ffffff;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.2px;\n\n  text-decoration: none;\n\n}\n\n\n.lumora-services-button span {\n\n  color: #d4af37;\n\n  font-size: 16px;\n\n}\n\n\n\/* =========================================\n   BOTTOM APP NAVIGATION\n   ========================================= *\/\n\n.lumora-bottom-nav {\n\n  position: fixed;\n\n  left: 0;\n  right: 0;\n  bottom: 0;\n\n  z-index: 100;\n\n  width: 100%;\n\n  height: 72px;\n\n  padding:\n    7px\n    10px\n    max(7px, env(safe-area-inset-bottom));\n\n  box-sizing: border-box;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-around;\n\n  background:\n    rgba(9,9,9,0.96);\n\n  border-top:\n    1px solid\n    rgba(255,255,255,0.08);\n\n  backdrop-filter: blur(18px);\n\n}\n\n\n.lumora-nav-item {\n\n  min-width: 52px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 4px;\n\n  color: #666666;\n\n  font-size: 8px;\n\n  text-decoration: none;\n\n  transition:\n    color 0.2s ease;\n\n}\n\n\n.lumora-nav-icon {\n\n  font-size: 16px;\n\n  line-height: 1;\n\n}\n\n\n.lumora-nav-item.active {\n\n  color: #ffffff;\n\n}\n\n\n.lumora-nav-item.active\n.lumora-nav-icon {\n\n  color: #d4af37;\n\n}\n\n\n\/* =========================================\n   LARGER SCREENS\n   ========================================= *\/\n\n@media (min-width: 768px) {\n\n  .lumora-app-dashboard {\n\n    max-width: 700px;\n\n    margin: 0 auto;\n\n  }\n\n\n  .lumora-app-header {\n\n    border-radius: 0;\n\n  }\n\n\n  .lumora-app-content {\n\n    max-width: 650px;\n\n    padding-bottom: 120px;\n\n  }\n\n\n  .lumora-function-card {\n\n    min-height: 155px;\n\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>L LUMORA BUSINESS HUB \u22ee YOUR BUSINESS HUB Understand. Improve. Grow. Practical resources to help you make better decisions for [&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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hub.lumorabusiness.co.za\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hub.lumorabusiness.co.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hub.lumorabusiness.co.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hub.lumorabusiness.co.za\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hub.lumorabusiness.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":10,"href":"https:\/\/hub.lumorabusiness.co.za\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/hub.lumorabusiness.co.za\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/hub.lumorabusiness.co.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}