Feature Updated for issue: #638

[Aryan-01-star]

Description

Under this, I have added a new glowing card feature to the website book section. I have also added multiple animations and UI improvements inside the website, leading to a better User experience (UX). Also, I have removed an error in the code and fixed the website's navbar, where some of the nav links were duplicated, and the UI was also not that appealing.

• This PR does the following:
  • Adds: New card feature along with animations to the website
  • Fixes: Errors in the code
  • Updates: improper UI of the website's nav bar section and also to the body section of the website

Related Issues

• Placeholder: "Fixes [Feature Request]: Change the banner to clickable cards #638 "

Changes

List the detailed changes made in this PR.

• Added a new feature to the home section of the website
• Refactored the design for the navbar
• Fixed a bug in the code of the entire file which was causing errors on multiple pages and was not allowing the website to run or function properly

Testing Instructions

Detailed instructions on how to test the changes. Include any setup needed and specific test cases.

1. Pull this branch.
2. Run npm install to install dependencies.
3. Run the npm test to execute the test suite.
4. Verify that ...

Screenshots (if applicable)

For navbar:
Before:

After:

For card:

imp.mp4

Additional Context

Any additional context or information that reviewers should be aware of?

• This PR is based on the following...

Checklist

Make sure to check off all the items before submitting. Mark with [x] if done.

• I have performed a self-review of my code
• I have commented on my code, particularly in hard-to-understand areas
• My changes generate no new warnings
• I am working on this issue under GSSOC

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[shaurya35]

@Aryan-01-star why did you change /Component to /component In every file?

[Aryan-01-star]

Because it will throw an error as the file declared inside has component instead of Component
For instance if we take: import Preloader from '../Components/Preloader';
The output will be:

[Aryan-01-star]

@shaurya35 bro isn't my code acceptable, can you please clear me out

[mridulsaggi]

it has conflicts , please resolve them

[Aryan-01-star]

But bro I don't have write access

[Aryan-01-star]

Also this is because I have conducted small changes to each of them