Pre-loader + AOS animations

[shreya-mishra325]

Pull Request Template for Vehigo

1. Title

✨ feat: Add AOS animations and preloader to enhance UI/UX

2. Description

This pull request integrates AOS (Animate On Scroll) animations across cards and sections of the website to create a smooth, engaging user experience. Additionally, it introduces an animated pre-loader on the landing page to make the initial load feel more interactive and modern.

These improvements ensure the site no longer feels static and instead provides a visually dynamic flow as users scroll through content.

3. Related Issues

Closes #411

4. Changes Made

• Integrated AOS library and initialized it with smooth, performance-friendly defaults.
• Added AOS animations to cards, buttons, headings, and images for a dynamic scrolling effect.
• Implemented an animated pre-loader for the landing page to improve the first impression.
• Ensured animations are responsive and consistent across different devices.
• Updated documentation with basic instructions for customizing AOS animations.

5. Checklist

• I have read the project's contributing guidelines.
• My code follows the project's coding style and conventions.
• I have performed a thorough self-review of my own code.
• I have added comments to my code, especially in complex or non-obvious sections.
• I have made corresponding updates to the documentation if required.
• My changes introduce no new warnings or errors during runtime.
• I have tested animations and pre-loader locally, and they work as expected.

6. Screen-recording

Example:

Before	After
(it is the website url itself)	(After)(https://drive.google.com/file/d/1RZVNGmnsCmb01D_RYw6Uv3p5vwZw7dX0/view?usp=sharing) Video starts at 0:12

[github-actions]

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼