mansiruhil13 / Bobble-AI

1 stars 7 forks source link

Enhance Button with Icons, Gradient Animation, and Description #29

Open Vishwajeet594 opened 4 hours ago

Vishwajeet594 commented 4 hours ago

Description:

This pull request introduces several enhancements to the button component:

  1. Icons: Added icons in front of the button for improved visual appeal and usability.
  2. Gradient Animation: Implemented a gradient animation effect that activates on hover, enhancing the button's interactivity.
  3. Description: Included a descriptive text below the button to provide context and enhance user experience.

    Labeling for WOB:

This PR adds functionality and enhances user experience, which aligns with the goals of the WOB initiative.

Related Issues:

Fixes #24: Adding icons to the button. Fixes #25: Implementing gradient animation on hover. Fixes #27: Adding a description below the button.

  1. Fixes #24: Adding icons to the button.

  2. Fixes #25: Implementing gradient animation on hover.

  3. Fixes #27: Adding a description below the button.

    Screenshots:

    BEFORE

    Screenshot 2024-10-01 010911

    AFTER

    Screenshot 2024-10-01 021443