#Statistic Box Grid
statisticShowcases key data points within distinct colored boxes, accompanied by an introductory section header.
The Impact of Inefficiency
Our research shows that businesses face significant challenges in their daily operations. Here's what the numbers tell us.
40%
Time spent on administrative tasks
62%
Teams struggle with remote collaboration
25%
Revenue lost due to inefficient processes
83%
Want better digital tools
<section class="container mx-auto my-8 px-6 lg:my-16 lg:px-16">
<div class="grid gap-8 lg:grid-cols-2">
<div>
<div
class="mb-2 max-w-max rounded-md border-2 border-blue-600 px-2 font-bold text-blue-600"
>
Statistics
</div>
<h2 class="mb-4 text-3xl font-bold lg:text-5xl">
The Impact of Inefficiency
</h2>
<p class="text-lg lg:text-xl">
Our research shows that businesses face significant challenges in
their daily operations. Here's what the numbers tell us.
</p>
</div>
<div class="grid grid-cols-2 gap-4">
<div class="rounded-lg bg-blue-600 p-6 text-white">
<p class="text-4xl font-bold lg:text-6xl">40%</p>
<p class="text-lg">Time spent on administrative tasks</p>
</div>
<div class="rounded-lg bg-blue-600 p-6 text-white">
<p class="text-4xl font-bold lg:text-6xl">62%</p>
<p class="text-lg">Teams struggle with remote collaboration</p>
</div>
<div class="rounded-lg bg-blue-600 p-6 text-white">
<p class="text-4xl font-bold lg:text-6xl">25%</p>
<p class="text-lg">Revenue lost due to inefficient processes</p>
</div>
<div class="rounded-lg bg-blue-600 p-6 text-white">
<p class="text-4xl font-bold lg:text-6xl">83%</p>
<p class="text-lg">Want better digital tools</p>
</div>
</div>
</div>
</section>
The Impact of Inefficiency
Our research shows that businesses face significant challenges in their daily operations. Here's what the numbers tell us.
40%
Time spent on administrative tasks
62%
Teams struggle with remote collaboration
25%
Revenue lost due to inefficient processes
83%
Want better digital tools
<section layout="container" space="m-x:auto m-y:large p-x:medium-3x tw-lg:m-y:big-3x tw-lg:p-x:big-3x">
<div layout="grid tw-lg:grid-cols:2" space="g:large">
<div>
<div
space="m-b:small max-w:[max-content] p-x:small" visual="rounded:small border-w:regular border:blue-600 font:tw-bold text:blue-600"
>
Statistics
</div>
<h2 space="m-b:medium" visual="text-size:grand font:tw-bold tw-lg:text-size:mount">
The Impact of Inefficiency
</h2>
<p visual="text-size:large tw-lg:text-size:big">
Our research shows that businesses face significant challenges in
their daily operations. Here's what the numbers tell us.
</p>
</div>
<div layout="grid grid-cols:2" space="g:medium">
<div space="p:medium-3x" visual="rounded:medium bg:blue-600 text:white">
<p visual="text-size:giant font:tw-bold tw-lg:text-size:mega">40%</p>
<p visual="text-size:large">Time spent on administrative tasks</p>
</div>
<div space="p:medium-3x" visual="rounded:medium bg:blue-600 text:white">
<p visual="text-size:giant font:tw-bold tw-lg:text-size:mega">62%</p>
<p visual="text-size:large">Teams struggle with remote collaboration</p>
</div>
<div space="p:medium-3x" visual="rounded:medium bg:blue-600 text:white">
<p visual="text-size:giant font:tw-bold tw-lg:text-size:mega">25%</p>
<p visual="text-size:large">Revenue lost due to inefficient processes</p>
</div>
<div space="p:medium-3x" visual="rounded:medium bg:blue-600 text:white">
<p visual="text-size:giant font:tw-bold tw-lg:text-size:mega">83%</p>
<p visual="text-size:large">Want better digital tools</p>
</div>
</div>
</div>
</section>