feat(ui): improve hero typography and secondary button hover states

[Bivek01]

Description

This PR improves the frontend user experience by refining the hero section typography and enhancing the hover interactions of secondary call-to-action buttons.

Changes Made

• Adjusted hero heading typography to improve visual balance and readability on larger screens.

• Reduced the oversized appearance of the main heading while maintaining responsiveness.

• Enhanced hover states for the secondary buttons:

  • Try Sample Code
  • Star on GitHub

• Added a gradient hover effect consistent with the primary CTA button.

• Updated hover styling to include smoother visual feedback and improved UI consistency.

Type of change

• New feature / enhancement

Screenshots

Before

After

Manual Testing

• Verified hero section displays correctly across desktop viewports.
• Verified secondary buttons respond correctly on hover.
• Confirmed no layout shifts or responsiveness issues were introduced.
• Confirmed existing functionality remains unchanged.

[Bivek01]

Hi @imDarshanGK,

I have improved the hero section typography and enhanced the hover interactions of the secondary CTA buttons to provide a more consistent and polished user experience.

I have also included before/after screenshots for comparison. Looking forward to your feedback. Thank you!

[Bivek01]

Hi @imDarshanGK,

In addition to the typography improvements, I also enhanced the hover behavior of the secondary CTA buttons ("Try Sample Code" and "Star on GitHub").

Changes:

• Added gradient hover styling similar to the primary CTA button.
• Improved text/icon visibility on hover.
• Added smoother visual feedback for better user experience.

Looking forward to your review. Thank you!