Skip to content

Comments

Enhanced testimonial UI with parallax effect and fixed React hook dep…#718

Merged
gauravsingh1281 merged 1 commit intogauravsingh1281:mainfrom
naitikhoriya1:recreate-#696
Apr 13, 2025
Merged

Enhanced testimonial UI with parallax effect and fixed React hook dep…#718
gauravsingh1281 merged 1 commit intogauravsingh1281:mainfrom
naitikhoriya1:recreate-#696

Conversation

@naitikhoriya1
Copy link
Contributor

@naitikhoriya1 naitikhoriya1 commented Apr 12, 2025

Here's the completed pull request template:

🚀 Pull Request

Description
Enhanced testimonial section with a dynamic parallax effect that responds to mouse movement. Fixed React hook dependency warnings by implementing useCallback for the slide transition function.


Related Issue
Closes #696


Type of Change
What kind of change does this pull request introduce?

  • 🐛 Bug fix
  • 🚀 New feature
  • 📄 Documentation update
  • 🛠️ Code improvement/refactor
  • 🖼️ UI/UX update
  • Other (please specify)

Screenshots (if applicable)
The parallax effect is best viewed in motion, but the testimonial section now features dynamic movement based on cursor position.


Checklist
Please ensure the following tasks are complete before submitting the pull request:

  • I have tested my changes and ensured they work as expected.
  • I have added any necessary documentation or comments.
  • I have checked the existing issues and pull requests to avoid duplicates.
  • I have starred this repository.
  • I have reviewed my code for best practices and readability.
  • I have included any relevant tests (if applicable).

Additional Context
The parallax implementation uses React's useRef and event listeners to track mouse movement and apply varying transformations to different elements, creating a sense of depth. Also replaced the background image with a higher quality JPG version.

…endency warnings by implementing useCallback.
@netlify
Copy link

netlify bot commented Apr 12, 2025

Deploy Preview for visionary-fenglisu-db1b1d ready!

Name Link
🔨 Latest commit 84d03b3
🔍 Latest deploy log https://app.netlify.com/sites/visionary-fenglisu-db1b1d/deploys/67fa06d2f4d135000850a802
😎 Deploy Preview https://deploy-preview-718--visionary-fenglisu-db1b1d.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@gauravsingh1281 gauravsingh1281 merged commit 8d05799 into gauravsingh1281:main Apr 13, 2025
5 of 15 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Redesign the testimonial section.

2 participants