feat: Add Products dropdown and Solutions dropdown to navbar

[Alek99]

• Created Products dropdown containing AI Builder, Open Source, and Cloud
• Created Solutions dropdown with App Types (Internal Tools, Data & AI Apps, Customer Facing Apps) and Industries (Finance, Healthcare, Energy, Enterprise)
• Updated navbar menu trigger to support active states for dropdowns
• Reorganized navbar items: Products, Docs, Resources, Solutions, Pricing
• Fixed icon names to use valid icons from the icon library

[greptile-apps]

Greptile Overview

Greptile Summary

This PR restructures the navbar to add two new dropdown menus - Products and Solutions. The Products dropdown consolidates AI Builder, Open Source, and Cloud offerings with conditional rendering based on the current route. The Solutions dropdown introduces organized sections for App Types (Internal Tools, Data & AI Apps, Customer Facing Apps) and Industries (Finance, Healthcare, Energy, Enterprise).

Key changes:

• Created products_section() to replace the old inline products list with a dropdown containing AI Builder, Open Source, and Cloud
• Added solutions_section() with two columns for App Types and Industries
• Enhanced new_menu_trigger() to support active state styling for dropdowns (not just direct links)
• Added "products" active state logic in both link_item() and new_menu_trigger() functions
• Reorganized navbar order: Products, Docs, Resources, Solutions, Pricing
• Imported finance_use_case_page for the Finance industry link

Minor issue found:

• Duplicated active state calculation logic for "products" between link_item() (lines 69-75) and new_menu_trigger() (lines 450-456) - consider extracting to a helper function

Confidence Score: 4/5

• This PR is safe to merge with minimal risk - changes are primarily UI restructuring with no logic errors
• Score reflects well-structured navbar enhancements with proper conditional rendering and active state management. The only concern is minor code duplication that affects maintainability but not functionality. All imports are valid, icon names exist in the codebase, and the implementation follows existing patterns.
• No files require special attention

Important Files Changed

File Analysis

Filename	Score	Overview
pcweb/components/docpage/navbar/navbar.py	4/5	Added Products and Solutions dropdowns with active state logic; contains duplicated active state calculation logic between functions

Sequence Diagram

sequenceDiagram
    participant User
    participant Navbar
    participant Router
    participant ProductsDropdown
    participant SolutionsDropdown
    
    User->>Navbar: Hover over "Product" trigger
    Navbar->>Router: Get current route path
    Router-->>Navbar: Return path (e.g., "/docs/...")
    Navbar->>Navbar: Calculate active state for Products
    Note over Navbar: Checks if path contains:<br/>"ai-builder", "cloud", "hosting",<br/>or framework docs
    Navbar->>ProductsDropdown: Display dropdown menu
    ProductsDropdown->>Router: Check if on docs/ai-builder/cloud
    Router-->>ProductsDropdown: Return path condition
    alt On docs/ai-builder/cloud pages
        ProductsDropdown->>User: Show internal doc links
    else On other pages
        ProductsDropdown->>User: Show external AI Builder + internal links
    end
    
    User->>Navbar: Hover over "Solutions" trigger
    Navbar->>Router: Get current route path
    Router-->>Navbar: Return path
    Navbar->>Navbar: Calculate active state for Solutions
    Note over Navbar: Checks if path contains "use-cases"
    Navbar->>SolutionsDropdown: Display dropdown menu
    SolutionsDropdown->>User: Show App Types and Industries columns
    
    User->>SolutionsDropdown: Click "Finance" industry
    SolutionsDropdown->>Router: Navigate to finance_use_case_page.path
    Router->>User: Display Finance use case page

Loading

[greptile-apps]

_{1 file reviewed, 1 comment}

_{Edit Code Review Agent Settings | Greptile}

[greptile-apps]

style: duplicated logic from link_item function lines 69-75 - extract this "products" active state calculation into a shared helper function

Prompt To Fix With AI

This is a comment left during a code review.
Path: pcweb/components/docpage/navbar/navbar.py
Line: 450:456

Comment:
**style:** duplicated logic from `link_item` function lines 69-75 - extract this "products" active state calculation into a shared helper function

How can I resolve this? If you propose a fix, please make it concise.