help needed to improve the UI of dashboard page
Summary:
Hi Experts
I have below UI for my dashboard page in my applicaiton, customer is asking to improve but i don't understand how i can improve the UI keeping all the redwood components as is. Please help me
below is my code
<oj-sp-welcome-page id="oj-sp-wp1" background-color="[[ $page.variables.backgroundColor ]]" illustration-background="[[ require.toUrl($page.variables.illustrationBackground) ]]" illustration-foreground="[[ require.toUrl($page.variables.illustrationForeground) ]]" display-options.image-stretch="[[ $page.variables.imageStretch ]]" display-options.mobile-image="[[ $page.variables.mobileImage ]]" display-options.responsive-padding="on" page-title="Oracle Integration" overline-text=" " description-text="Management & Monitoring"> <div class="oj-flex oj-sm-justify-content-center"> <h4>Click on one of the cards below</h4> </div> <div class="oj-flex oj-panel oj-panel-shadow-lg oj-bg-neutral-30 oj-sm-margin-2x" data-vb-layout-type="grid"> <oj-bind-for-each data="[[ $page.variables.vDashboardMenu ]]"> <template> <oj-sp-card primary-text="[[ $current.data.title ]]" image-size="md" image.src="[[ $application.path + $current.data.icon ]]" secondary-text="[[ $current.data.subtitle ]]" style="background-color: var(--oj-core-color-brand-2); color: var(--oj-core-text-color-primary); border-radius: 12px;" translate="no" badge.style="strong" class="oj-sm-margin-4x" on-sp-card-action="[[$listeners.cardSpCardAction]]">