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>