Product Search 4 block design & features
ProductSearch4 is a full-height product search sheet built with Shadcn UI. It includes a logo and search field, trending search chips, and a collapsible recommended-products grid of image cards with badges and prices. Clear search and close actions keep the overlay controllable.
Visual recommendation grid beneath lighter trending chips. Separators divide brand header, trends, and recommendations. Collapsing recommendations helps when the shopper starts typing a query.
A richer empty-state search sheet than a plain results list. Moderate complexity and mixed content needs: trending labels plus several product images and prices. Distinctive for the collapsible recommended grid under the search chrome.
The card grid drops columns on mobile while the sheet remains full height for browsing recommendations.