[Feature] : Adding animeted Pre Loader

[AbhijitMotekar99]

Description

The new feature is an animated preloader that would display while the website is loading its contents. The preloader would help enhance user experience by providing a smooth and visually appealing loading indicator before the main content of the site is fully rendered.

Motivation

1. Initial Load Times: Users might experience slight delays due to larger assets or slow networks. The preloader would fill this gap, making the waiting time feel more fluid and professional.
2. First-Time Users: First-time users of the site may have slower load times as assets like images and scripts are fetched for the first time. The preloader would reassure them that content is being loaded.

Screenshots

https://github.com/user-attachments/assets/ab4e1fc8-54e5-4c2f-b58a-db67299b32af

Additional Context

No response

Checklist

• [X] I have checked the existing issues.
• [X] I have read the Code Of Conduct.
• [X] The changes don't break the code.
• [X] I will attach screenshots and videos of the development work once it is done.

Priority

High

[khushi-joshi-05]

@AbhijitMotekar99 u can start working on it.

[github-actions[bot]]

Hello @AbhijitMotekar99! Your issue #347 has been closed. Thank you for your contribution!