✨ Home page - Left nav panel and other style improvements

[jimmidier]

Cc: @adamcogan @designbyalex @amankumarrr

Hi Team

Pain

As per my conversation with @adamcogan , the mockup below is approved.
As per my conversation with @designbyalex , the left nav design is approved.

We want to improve the readability and scanability of the home page, thus the mockup shows below changes,

• Added a left nav panel - Easier skimming of the rules content
• Added a "Most Used" stat card on the right - Help new user with a quick overview of the most important rules
• Upgraded the search box to be AI-powered - Integrate the RulesGPT button into a single search entry

Suggested Solution

Figure: Current home page

Figure: v0 mockup of the suggested home page

v0 shared link: https://v0.app/chat/hierarchical-navigation-panel-nQkCEE1jvgu?ref=7RVIAS

Acceptance Criteria

1. UI changes are clarified and child PBIs are created (if required)
2. UI changes are implemented

Tasks

• Identify the changes we want to make from the mockup
• Get test pass from a UI designer for any further changes
• Implement

More Information

Screenshots

Thanks!