🐛 Bug: Missing hover state on "Contribute to our collective" button (UI inconsistency)

[Adityakumar37]

Describe the bug

Description:

Hi team! 👋 While browsing the site, I noticed a small UI inconsistency on the Sponsors page.

The large CTA button "Contribute to our collective" currently has no hover state, while almost all other interactive elements across the website (sidebar links, top-nav buttons, etc.) include clear hover feedback.

Steps To Reproduce

Steps to Reproduce

1. Go to the JSON Schema website.

2. Navigate to Docs → Introduction → Sponsors or open the /overview/sponsors page.

3. Scroll to the section with the large button “Contribute to our collective.”

4. Hover your mouse over the button.

5. Observe that no hover effect appears, unlike other buttons on the site.

Expected Behavior

The CTA should show a small, smooth zoom (scale) on hover, matching the visual language of other interactive elements.

Cursor should change to pointer if not already.

Transition should be smooth (not abrupt). BEFORE:

https://github.com/user-attachments/assets/34ff0cf8-df40-42e1-a51b-04c1c8c09dae

AFTER:

https://github.com/user-attachments/assets/b46ab487-c6ad-4666-b95c-a4cf1cf80f35

Screenshots

No response

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

Yes

[Adityakumar37]

@Utkarsh-123github i would like to work on this please assign me this issue🙏

[Utkarsh-123github]

Hi @Adityakumar37 , can you please check other buttons as well and mention here, where hover is required. It would be easy to cover all such UI issues into a single one. Thank you🙌🏻

[Adityakumar37]

@Utkarsh-123github I would also like to improve the hover interaction for multiple UI elements in the Tools section.

Specifically:

• "Add Your Tools" button
• "Try Bowtie" button -community icons

I will add a consistent and smooth hover zoom interaction similar to the Community Avatars grid, ensuring both light and dark mode remain visually consistent.

I will create a PR soon with these improvements added to #1942.

[Tushar8466]

Title: Enhancement: Add hover effect with background color change to "GROUP BY" filter buttons

Description:

Currently, the "GROUP BY" filter buttons (None, Tooling Type, Language) on the Tools page lack visual feedback when users hover over them. This makes it unclear which button the user is about to interact with, reducing the overall user experience.

Current Behavior:

The three filter buttons ("None", "Tooling Type", "Language") displayed below the "Adding your tool" and "Try Bowtie" banners do not have any hover state styling. Users cannot visually distinguish which button they are about to click.

Proposed Enhancement:

Add hover effects with distinct background color changes to the "GROUP BY" filter buttons to provide clear visual feedback and improve interactivity.

Expected Behavior:

• When a user hovers their cursor over any of the three filter buttons, the background color should change to indicate interactivity
• The transition should be smooth and consistent with the existing design system
• The hover effect should be distinct from the active/selected state (currently "Tooling Type" appears to be selected with a blue background)

https://github.com/user-attachments/assets/2f201b09-a925-4417-929d-a9adb61c7c55 https://github.com/user-attachments/assets/659db7f6-2f95-41b9-9a28-c97e36f7dafb

### Benefits:

• Improves user experience with immediate visual feedback
• Makes the interface more intuitive and interactive
• Maintains consistency with modern web design patterns
• Enhances overall polish of the tooling page