Kent Automotive — clickable SEARCH prototype · transcoded stylized webview

The Shop-tab / PLP search box, made real — now with working filters. Kent's live search is powered by Algolia InstantSearch — this transcodes those live Algolia results and re-skins them to the Figma 1427 PLP style you already approved. Type a term or tap a popular search, then tap Show filters — the button now matches the PLP’s exactly — to open a filter sheet with full parity to kent-automotive.com/search: the same facet groups, values and live counts the site exposes (48 for “rivet”, 160 for “terminal”), Categories first then Brand, Type, Material, Diameter, Grip Range, Head Style… Every card is a real Kent product with its real Item#, real live price, and real facet attributes.

LIVE-DATA PROTOTYPE

Try a search, then filter

These popular terms are pre-captured live from Kent's Algolia search. Tap Show filters to open the site's Sort & Filter drawer and narrow by real facets:

Search log

What's real here

The filter sheet has full parity with the live site. Every filter group, value and count is captured live from Kent's Algolia search sidebar — Categories, Brand, Type, Material, Diameter, Grip Range, Head Style and every other tech-spec group, in the site's own order. Nothing invented (Kent RULE 4).

Counts are Kent's real live totals across the full result set — e.g. "rivet" = 1,108 results, Brand → Kent Automotive 899 / RivetKing® 63. The grid below each search is a live product sample for this preview; tapping a filter narrows that sample (in the app's live-search webview it narrows the full live result set).

Nothing ships yet. Preview link only — no OTA, no build. Say the word and I wire the app's search + filters to this and push OTA.