Design imp

[ItsHamidMustafa]

Description

I enhanced the UI of the Hero section and cards and added a ScrollToTopButton component. Below is a breakdown of the changes:

Centered the Hero Section: The Hero section is now centered for a more balanced and aesthetically pleasing layout. Added Rounded Borders: Rounded the borders of both the Hero section and the cards to create a softer visual effect. Glow Effect: Added a subtle glow effect to the cards to make them stand out and add a modern touch. Scroll-to-Top Button: Created a ScrollToTopButton component (in ScrollToTopButton.jsx) that smoothly scrolls to the top of the page. This component has not yet been added to the main layout file.

Notes

Since this was my first time working with TypeScript and Next.js, I followed the project’s existing structure, although I’m used to React projects where the main component file is typically App.jsx.
I can integrate the ScrollToTopButton into the main layout if needed, or leave it as a standalone component for others to add.

Let me know if any further adjustments or explanations are needed!

[CLAassistant]

All committers have signed the CLA.

[AmyrAhmady]

Hi, this is now considered outdated PR and for some reason no one reviewed it before, so I'm kindly asking you to recheck the new website and do your changes again if possible, also include before and after screenshots in your next pull request, thanks