feat: Enhanced styling of packages page

[shivam8112005]

Title and Issue number

Title : Enhanced styling of packages page

Issue No. : #1610

Code Stack : html, css

Close #1610

Description

This PR introduces a comprehensive redesign of the packages page to improve the overall user experience and visual appeal. The new styling enhances readability and interaction, making it easier for users to navigate and understand package details.

Video/Screenshots (mandatory)

https://github.com/user-attachments/assets/7e46bf85-d507-46a8-8fb1-840bd0026285

Type of PR

• [ ] Bug fix
• [X] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___

Checklist:

• [X] I have performed a self-review of my code.
• [X] I have commented my code, particularly in hard-to-understand areas.
• [X] I have tested the changes thoroughly before submitting this pull request.
• [X] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [X] I have gone through the contributing.md file before contributing
• [X] I have Starred the Repository.

Additional context:

Are you contributing under any Open-source programme?

• [X] I am contributing under GSSOC'24 Extended
• [X] I am contributing under Hacktoberfest'24

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify[bot]]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	ad365ded82590c8935036cd638684fd3d5cbd151
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/672781657a7a610008075823
😎 Deploy Preview	https://deploy-preview-1620--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[shivam8112005]

@apu52 is it ok ?

[github-actions[bot]]

🎉🎉 Thank you for your contribution! Your PR #1620 has been merged! 🎉🎉

[shivam8112005]

@shivam8112005 Although the UI of the packages pg can be better , still Good efforts , Thanks for your valuable contribution

@apu52 if you give me any suggestions and if you want then i will work on this again. cause i dont exactly know what to add in this page !

[apu52]

@shivam8112005 u can make a better ui by maybe adding some additional package cards , like some interesting professional type package cards as well ass some more detailed description about the tour packages as well as some maybe good UI

[shivam8112005]

@apu52 ohk got it just tell me which type of images should i add in package cards? and i will open an issue for it

[apu52]

@apu52 ohk got it just tell me which type of images should i add in package cards? and i will open an issue for it

yess , open a new issue on it & add images according to the package like tour packages like some discount & all maybe signify it with different type of colors

[shivam8112005]

@apu52 ohk i am opening new issue