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”), Category, 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 — Category, 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.