Trust Row Strip Logos Block for React

With the catalog's Rating, read-only and text-foreground, so the stars follow your theme and carry no colour of their own. They are hidden from assistive technology and inert, because the text beside them ("4.8 out of 5 from 1,200 reviews") says the score. Five stars are drawn for 4.8, rounded to the nearest whole star.

Edit REVIEWS for the score and the count, and the chip's text for the standard (it is a Badge variant="outline" with a Lucide shield icon). Keep the claim true: a score and a certification are the kind of copy visitors check.

Edit CUSTOMERS: each entry is a name, an icon, a lettering and a mark (inline, badge, ring, trailing or stacked). Six keeps every row full in two, three and six columns.

The page's top rule from the spine, and one band rule above the wordmarks. The band's rule runs from rail to rail with a + mark at each end. The block draws no bottom rule: the next block's top rule closes it.

The logos are a real list, each item's name is text, and the icons are hidden from assistive technology. The names use text-muted-foreground at full strength, which passes WCAG AA on the page background. Nothing is focusable, so the hover colour is a visual touch only, and each logo keeps its own direction on a right-to-left page.

The block fades up once when the page loads, with a CSS transition, and each logo eases to the text colour on hover. With reduced motion the entrance is off and the hover colour changes at once.