Glow Headline About Block for React

The claim is the h2 in the component. The byline's initials are FOUNDERS at the top of the file and its words sit in the same row. The figures are FIGURES: each has a value and a label. Keep three, which is what the band's columns are sized for.

It's a radial gradient of your foreground colour at 10%, blurred, behind the heading, so it follows the theme and never introduces a hue. To make it stronger or softer, change the percentage in the glow layer's class; to remove it, delete that one element.

The band is a description list: each label is a term and its number is the description, in that order, so it reads "Installers quote with us, 412". The numbers are laid out above their labels with CSS only, so the reading order stays label first. Each number is wrapped so it keeps its order in a right-to-left layout.

A year goes stale the day the page ships. Counting from the company's first year says the same thing and never needs editing. If you prefer a date, put it in a time element with a dateTime attribute.

The claim, the byline and the band fade up once on load. With reduced motion they simply appear. Nothing else moves, and the block has no state, so it can render on the server.

The claim steps down to text-4xl, the avatars and the byline stay on one line, and the three figures stack one per row with hairlines between them. Nothing scrolls sideways at 320 pixels.