StatsItem
apps/www/src/components/StatsItem.astro · 18 lines · group Stats
Used by
- pages.gitt.one / × 8
Live sites: pages.gitt.one.
Samples 1
<StatsSection>
IN NUMBERS
Industrialized, not handcrafted
Every site produced by the technology shares the same conveyor: the same builder images, the same deployment pipeline, the same quality bar. Knowledge doesn't get lost with a departed contractor — it is encoded in conventions.
>9production websites are built and running on Gitt One Pages
~50 MBproduction image nginx plus your entire static website
hoursto the first site a new website is just a new content repository
100Lighthouse score is the acceptance target for produced sites
MDX of this sample
<StatsSection
subTitle="IN NUMBERS"
title="Industrialized, not handcrafted"
description="Every site produced by the technology shares the same conveyor: the same builder images, the same deployment pipeline, the same quality bar. Knowledge doesn't get lost with a departed contractor — it is encoded in conventions."
imgPath="team.jpg"
>
<StatsItem stat=">9" emphasis="production websites" rest="are built and running on Gitt One Pages" />
<StatsItem stat="~50 MB" emphasis="production image" rest="nginx plus your entire static website" />
<StatsItem stat="hours" emphasis="to the first site" rest="a new website is just a new content repository" />
<StatsItem stat="100" emphasis="Lighthouse score" rest="is the acceptance target for produced sites" />
</StatsSection>Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| stat | string | yes | ||
| emphasis | string | yes | ||
| rest | string | yes |
Source apps/www/src/components/StatsItem.astro @ gitt.one
---
interface Props {
stat: string;
emphasis: string;
rest: string;
}
const { stat, emphasis, rest } = Astro.props;
---
<p>
<span class="block text-2xl font-bold text-white">{stat}</span>
<span class="mt-1 block text-base text-gray-300">
<span class="font-medium text-white">{emphasis}</span>{' '}
{rest}
</span>
</p>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.