Added Functionality to the 'Latest Collections ' button

[AnandK-pm]

Title and Issue number

Title : Adding functionality to the Latest collections Button #gssoc24 #198

Issue No. : 198

Close #198

Changes Made

This pull request adds functionality to the "Latest Collection" button in the Hero component of our project. The goal is to enhance user experience by enabling smooth scrolling to the "New Collections" section when the button is clicked.

1. Updated the Hero.jsx component to accept a scrollToNewCollections function as a prop.
2. Implemented a scrollToNewCollections function in the Shop.jsx component using React's useRef hook and scrollIntoView
   method.
3. Added a hover effect - Modified the CSS for the "Latest Collection" button in Hero.css to change the cursor to a pointer
   when hovered over and changes its background color.

These changes provide a seamless browsing experience for users, allowing them to easily navigate to the "New Collections" section with a single click on the "Latest Collection" button.

Screenshots (if applicable)

[Include any relevant screenshots or images to support your changes.]

Checklist

• I have tested these changes locally.
• I have reviewed the code and ensured it follows the project's coding standards.
• I have updated the documentation (if necessary).
• I have read the contributing guidelines.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
shop-nex	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 17, 2024 5:13pm

[Vansh-Choudhary]

approved !

[Sushilverma002]

please resolve conflict