feat: update gallery with infinite scroll and hover start from hovere…

[Aritra203]

This pull request enhances the Gallery component in app/Gallery/page.tsx by introducing a dynamic, animated image carousel. Key updates include the addition of animation controls, hover interactions, and a responsive layout for displaying images.

New Features:

• Image Carousel with Animation:

  • Introduced an animated horizontal scrolling carousel using framer-motion. The carousel loops through a set of images with smooth transitions, controlled by the useAnimation hook. [1] [2]
  • Added useState and useEffect to manage animation states, including pausing and resuming based on user interaction.

• Hover Interaction:

  • Implemented hover functionality to pause the animation and bring the hovered image into focus. The hovered image scales up slightly and gains a shadow effect for emphasis. [1] [2]

UI Enhancements:

• Responsive Design:

  • Updated the layout to use a flexible, responsive container (max-w-6xl) with rounded corners and a shadow for a polished look.
  • Adjusted image sizes and aspect ratios to ensure proper scaling across different screen sizes.

• Image Styling:

  • Replaced static image sources with a dynamic array of image paths, enabling easier updates and scalability.
  • Enhanced image presentation with rounded corners and hover effects, improving the visual appeal.

[vercel]

@Aritra203 is attempting to deploy a commit to the codingjunction's projects Team on Vercel.

A member of the Team first needs to authorize it.

[netlify]

✅ Deploy Preview for coding-junctionuit ready!

Name	Link
🔨 Latest commit	7ff023c
🔍 Latest deploy log	https://app.netlify.com/projects/coding-junctionuit/deploys/683568df823d5b0008d2bacc
😎 Deploy Preview	https://deploy-preview-8--coding-junctionuit.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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