Advanced Search, Filters & Responsive Dealer Listing UI

[nagarjunpl]

1. Search & Filter Enhancements

• Advanced search bar with search icon + clear button.

• Category filtering (Pesticide, Tractor, Harvester, Equipment).

• Location filtering by district/city.

• Sorting options (alphabetical, reverse, by location).

• Real-time results counter + reset filters.

2. Improved Card Design

• Better spacing, typography, and visual hierarchy.

• Icons for phone, location, and services.

• Clickable tel: links for phone numbers.

• Dual action buttons (Call / Directions + Details).

• Hover animations and visual feedback.

3. Responsive Grid Layout

• 3-column layout on desktop, 2 on tablet, 1 on mobile.

• Improved padding, spacing, and shadows.

• Mobile-optimized filter/search controls.

4. Interactive Features

• Dealer details modal with full profile & hours.

• Smooth animations + transitions.

• “No results” state with helpful tips.

• Keyboard navigation support (Esc to close modal).

5. Enhanced Contact Options

• Direct calling via tel: links.

• Google Maps integration for location-based dealers.

• Dealer profiles with hours, services, specializations.

✅ Benefits

• Faster navigation and discovery of dealers.

• Modern, responsive, and mobile-friendly UI.

• Improved UX with real-time filtering and sorting.

• Scales better for larger datasets.

Fixes : #61

shopkeeper.-.Made.with.Clipchamp.mp4

[vercel]

@nagarjunpl is attempting to deploy a commit to the Om Roy's projects Team on Vercel.

A member of the Team first needs to authorize it.

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼