Create a New "Preloader" to the website

[MastanSayyad]

Hey @PSS2134

• Issue Closes Create a New "Preloader" to the website #532

I have created a new preloader for the website which matches the design theme

• Created A new Preloader.jsx react component.
• Displays a full-screen preloader with a #8e2de2 hue and increased contrast.
• The preloader fades-out smoothly after 2.5 seconds.
• Integrated across all the pages for consistency.
• The video covers the entire viewport while maintaining its aspect-ratio.
• Made it completely responsive.

Screen record

06.08.2024_04.07.42_REC.mp4

Responsiveness

06.08.2024_04.09.58_REC.mp4

Additionally, I have to Re-Create a new scroll to top button as the previous one was in index.html breaking the functionality of the loader.

• Created a new ScrollToTopButton.jsx react component.
• The button is the radial gradient of #4a00e0 and #8e2de2.
• On click it scroll backs to the top smoothly.
• Added transform and hover effects.
• Made it responsive.

06.08.2024_04.12.16_REC.mp4

Please take a look and review it, Thank you!

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
career-zunction	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 5, 2024 11:09pm
career-zunction-intern-testing	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 5, 2024 11:09pm

[PSS2134]

Can't see the loader when its deployed, can you check @MastanSayyad

[PSS2134]

Also looking at your efforts, changed it to level 3

[MastanSayyad]

Can't see the loader when its deployed, can you check @MastanSayyad

At first due to so many load on the home page it may not seem but after a while it will work fine when you redirect to other pages
Also try merging it and if in the deployed link it still didn't work then revert it back I will fix it!

The issue is with the Home.jsx and Index.html as it loads too much when we enter first

[MastanSayyad]

Also looking at your efforts, changed it to level 3

Thank You, much appreciated! @PSS2134

[PSS2134]

Can't see the loader when its deployed, can you check @MastanSayyad

At first due to so many load on the home page it may not seem but after a while it will work fine when you redirect to other pages Also try merging it and if in the deployed link it still didn't work then revert it back I will fix it!

The issue is with the Home.jsx and Index.html as it loads too much when we enter first

ok lets see

[PSS2134]

Its not working now as well @MastanSayyad

[MastanSayyad]

Yeah, I see it too, let me fix it! I think I should remove the background black. @PSS2134

Fixed in #541