Improved UI of testimonials marquee on blog page

[kams05-ops]

Improve UI of Testimonials Marquee on Blog Page

Related Tickets & Documents

Fixes: #3440

Description

• This PR enhances the testimonials section on the blog page by improving the marquee UI for better readability and visual appeal.

Fixes issue #3440

Changes

• Updated font sizes and spacing for testimonials
• Improved alignment and responsiveness for different screen sizes
• Enhanced visual styling to match overall blog theme

Type of Change

• Chore (maintenance, refactoring, tooling updates)
• Bug fix (non-breaking change that fixes an issue)
• New feature (change that adds functionality)
• Breaking Change (may require updates in existing code)
• UI improvement (visual or design changes)
• Performance improvement (optimization or efficiency enhancements)
• Documentation update (changes to README, guides, etc.)
• CI (updates to continuous integration workflows)
• Revert (undo a previous commit or merge)

Testing

-npm run dev

Demo

Environment and Dependencies

• New Dependencies:
• Configuration Changes:

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• I have added corresponding tests
• I have run the build command to ensure there are no build errors
• My changes have been tested across relevant browsers/devices
• For UI changes, I've included visual evidence of my changes

[amaan-bhati]

Hey @kams05-ops Thanks for raising this pr, i reviewed it locally, most the things look good to me, just one think that should be changed according to me:

• The quotes above the tweets are adding up extra space which we can remove here

Nothing breaks in the build as well, Ran `npm run build` nothing broke.
- The only thing we need to change here is the quotes above each tweet.

[kams05-ops]

Hey @kams05-ops Thanks for raising this pr, i reviewed it locally, most the things look good to me, just one think that should be changed according to me:

• The quotes above the tweets are adding up extra space which we can remove here

Nothing breaks in the build as well, Ran `npm run build` nothing broke. - The only thing we need to change here is the quotes above each tweet.

Thanks for the suggestion!
I’ve reduced the extra spacing above the testimonials by adjusting the margin on the quote icon, and slightly increased the quote size for better visual emphasis.
Please let me know if this looks good now.

[amaan-bhati]

Hey @kams05-ops Thanks for the follow up, but i think there is some missunderstanding, the idea was not to reudue the space in the quotes, it is to remove the quotes itself, the quotes are adding up to the space, we can simply remove the quotes, this would remove the unnecessary space in the top right side of the div.

[kams05-ops]

Hii @amaan-bhati, sorry for misunderstanding earlier, i have removed the quotes completely and this is how it is looking now. Please tell any further changes if required.

[amaan-bhati]

Hey @kams05-ops Thanks for following up on the review and the changes i requested, the quotes have been removed, but i noticed a bunch of things here:

• The navbar has got upgraded after the time you raised this pr and since you did not take a git pull it seems to have the same previous navbar and the other changes are also not visible, i'd suggest you to take a git pull as a best practice.
• The background of this seciton needs to be transparent because this section is not blending in with the background since there are two different backgrounds, either it is supposed to have no backgrounds at all, or the same background as the background of the landing page, i'd suggest a transparent background so that this section blends ion well everywhere we use it in the future, i have attached a reference image for the better understanding of subtle color difference and attention to detail i am talking about:

[kams05-ops]

Hii @amaan-bhati. I took the git pull and it is showing that its already up to date. I am confused why the navbar is not updated yet. Also I’ve removed the section-level background and updated the gradients to fade into transparency so the testimonials blend seamlessly with the landing page and remain reusable across contexts. Kindly check.