StatisticSection
apps/www/src/components/StatisticSection.astro · 34 lines · group Stats
Used by
- posexpert.se / × 2history: commit d82a01f (2026-08-20)
Samples 1
Key to smarter transactions
By implementing our POS development solutions, you can streamline your business operations, reduce transaction times, improve security, and boost sales.
- Clients
- >40
- Point of Sales
- >3000
- SLA
- 99,9%
MDX of this sample
<StatisticSection
title="Key to smarter transactions"
description="By implementing our POS development solutions, you can streamline your business operations, reduce transaction times, improve security, and boost sales."
>
<StatisticItem coloredText=">40" title="Clients" />
<StatisticItem coloredText=">3000" title="Point of Sales" />
<StatisticItem coloredText="99,9%" title="SLA" />
</StatisticSection>Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| title | string | yes | ||
| description | string |
Source apps/www/src/components/StatisticSection.astro @ gitt.one
---
interface Props {
title: string;
description?: string;
}
const { title, description } = Astro.props;
---
<div class="bg-gray-50 pt-12 sm:pt-16">
<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-4xl text-center">
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl">{title}</h2>
{
description && (
<p class="mt-3 text-xl text-gray-500 sm:mt-4">{description}</p>
)
}
</div>
</div>
<div class="mt-10 bg-gray-50 pb-12 sm:pb-16">
<div class="relative">
<div class="absolute inset-0 h-1/2 bg-gray-50"></div>
<div class="relative mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
<div class="mx-auto max-w-4xl">
<dl class="rounded-lg bg-white shadow-lg sm:grid sm:grid-cols-3">
<slot />
</dl>
</div>
</div>
</div>
</div>
</div>Source links point to engine-astro@e857a859. Samples are cut from the sites' own content by scripts/gallery-extract.mjs; nothing is merged or removed yet.