BlocksStatistics Section

Statistics Section

Showcases key metrics, numbers, and data points in a visually prominent way.

Basic Statistics Section

150kPurchases
100+Companies
98%Customer Satisfaction
24/7Support Available
<div class="w-full px-4 py-12">
<div class="d-g gtc-1 sm:gtc-2 lg:gtc-4 g-8 ta-c">
<div class="d-f fd-c g-2">
<span class="fs-4xl fw-700 tc-black">150k+</span>
<span class="fs-md tc-silver-10">Purchases</span>
</div>
<div class="d-f fd-c g-2">
<span class="fs-4xl fw-700 tc-black">100+</span>
<span class="fs-md tc-silver-10">Companies</span>
</div>
<div class="d-f fd-c g-2">
<span class="fs-4xl fw-700 tc-black">98%</span>
<span class="fs-md tc-silver-10">Customer Satisfaction</span>
</div>
<div class="d-f fd-c g-2">
<span class="fs-4xl fw-700 tc-black">24/7</span>
<span class="fs-md tc-silver-10">Support Available</span>
</div>
</div>
</div>

Icons

86k+Community Members
21M+Downloads
150msAverage Latency
99.9%Uptime Guarantee
<div class="w-full px-4 py-12">
<div class="d-g gtc-1 sm:gtc-2 lg:gtc-4 g-8">
<div class="d-f fd-c ai-c g-4 ta-c">
<div class="d-f ai-c jc-c w-12 h-12 rad-full bg-silver-1 tc-black">
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-6 h-6"
viewBox="0 0 256 256"
>
<rect width="256" height="256" fill="none" />
<path
d="M192,120a59.91,59.91,0,0,1,48,24"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<path
d="M16,144a59.91,59.91,0,0,1,48-24"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<circle
cx="128"
cy="144"
r="40"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<path
d="M72,216a65,65,0,0,1,112,0"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<path
d="M161,80a32,32,0,1,1,31,40"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<path
d="M64,120A32,32,0,1,1,95,80"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
</svg>
</div>
<div class="d-f fd-c g-1">
<span class="fs-3xl fw-700 tc-black">86k+</span>
<span class="fs-sm tc-silver-10">Community Members</span>
</div>
</div>
<div class="d-f fd-c ai-c g-4 ta-c">
<div class="d-f ai-c jc-c w-12 h-12 rad-full bg-silver-1 tc-black">
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-6 h-6"
viewBox="0 0 256 256"
>
<rect width="256" height="256" fill="none" />
<line
x1="128"
y1="144"
x2="128"
y2="32"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<polyline
points="216 144 216 208 40 208 40 144"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<polyline
points="168 104 128 144 88 104"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
</svg>
</div>
<div class="d-f fd-c g-1">
<span class="fs-3xl fw-700 tc-black">21M+</span>
<span class="fs-sm tc-silver-10">Downloads</span>
</div>
</div>
<div class="d-f fd-c ai-c g-4 ta-c">
<div class="d-f ai-c jc-c w-12 h-12 rad-full bg-silver-1 tc-black">
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-6 h-6"
viewBox="0 0 256 256"
>
<rect width="256" height="256" fill="none" />
<circle
cx="128"
cy="128"
r="80"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="128"
y1="128"
x2="232"
y2="128"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="128"
y1="128"
x2="76"
y2="37.93"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="128"
y1="128"
x2="76"
y2="218.07"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="128"
y1="48"
x2="128"
y2="24"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="58.72"
y1="88"
x2="37.93"
y2="76"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="48"
y1="128"
x2="24"
y2="128"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="58.72"
y1="168"
x2="37.93"
y2="180"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="128"
y1="208"
x2="128"
y2="232"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="168"
y1="197.28"
x2="180"
y2="218.07"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="197.28"
y1="168"
x2="218.07"
y2="180"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="197.28"
y1="88"
x2="218.07"
y2="76"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<line
x1="168"
y1="58.72"
x2="180"
y2="37.93"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
</svg>
</div>
<div class="d-f fd-c g-1">
<span class="fs-3xl fw-700 tc-black">150ms</span>
<span class="fs-sm tc-silver-10">Average Latency</span>
</div>
</div>
<div class="d-f fd-c ai-c g-4 ta-c">
<div class="d-f ai-c jc-c w-12 h-12 rad-full bg-silver-1 tc-black">
<svg
xmlns="http://www.w3.org/2000/svg"
class="w-6 h-6"
viewBox="0 0 256 256"
>
<rect width="256" height="256" fill="none" />
<path
d="M216,112V56a8,8,0,0,0-8-8H48a8,8,0,0,0-8,8v56c0,96,88,120,88,120S216,208,216,112Z"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
<polyline
points="88 136 112 160 168 104"
fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="16"
/>
</svg>
</div>
<div class="d-f fd-c g-1">
<span class="fs-3xl fw-700 tc-black">99.9%</span>
<span class="fs-sm tc-silver-10">Uptime Guarantee</span>
</div>
</div>
</div>
</div>