FEATURE: Adding animeted Pre Loader

[AbhijitMotekar99]

Is there an existing issue raised for this?

• I have searched the existing issues

Describe the feature

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.

Below one is sample video

Agro.AI.preloader.mp4

Rentalog.Preloader.mp4

Component

Preloader

It should be implemented because

Use Case

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.

Benefits

1. Improved User Experience: Users won’t be left staring at a blank screen during loading times, which could otherwise lead to frustration or abandonment.
2. Enhanced Aesthetics: An animated preloader can add a professional touch, maintaining user engagement with an interesting visual instead of a plain loading bar.
3. Branding Opportunity: The preloader animation can incorporate elements of the website’s branding, such as its logo or color palette, helping to reinforce brand identity.

Would you like to work on this issue?

None

Terms & Conditions

• I agree to follow the Code of Conduct
• I'm a GSSOC'24 Ext contributor

[github-actions]

👋 Thank you @AbhijitMotekar99 for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

[nataliakrein]

Could you please assign me this issue? Thanks

[AlfiyaSiddique]

@AbhijitMotekar99 The skeleton loading is getting implemented so I do not think we need this, Keeping it under waiting, we will see after the implementation of skeleton loading