[BUG] Inconsistent Category Card Images and Load More Functionality Misplacement

[kavya410004]

Description

I have observed two issues with the current implementation of the category cards on the homepage:

• Category Card Images: The images used for the category cards are different from those in the HTML, CSS, JS version of the site. The new images are disproportional, leading to an uneven and inconsistent user interface.
• Load More Functionality on Home Page: The "Load More" functionality for categories is currently available on the homepage, which should not be the case. This feature should be exclusive to the category page for better navigation and user experience.

Proposed Solution:

• Image Replacement: Replace the current category images with the older ones from the HTML, CSS, JS version, as they are more suitable and maintain a consistent proportion, thus improving the visual appeal of the category cards.
• Component Separation: Separate the categories component from the "Load More" button and its functionality into two distinct components. This will ensure that the "Load More" feature is only available on the category page, providing a cleaner homepage experience.

Benefits:

• Improves UI Consistency: Using the original images will restore the proportionality of category cards, enhancing the overall aesthetic appeal.
• Enhances User Experience: By limiting the "Load More" functionality to the category page, users will have a more intuitive and focused browsing experience.

Please let me know if there are any guidelines or preferences I should follow while working on these changes.

Screenshots

Current category cards (uneven look):

Old category cards (even look):

Show more button in home page:

Any additional information?

No response

What browser are you seeing the problem on?

No response

Checklist

• I have checked the existing issues
• I have read the Contributing Guidelines
• I'm a GSSoC'24-Extd contributor
• I'm a Hacktoberfest'24 contributor
• I am willing to work on this issue (optional)

[github-actions]

Hello kavya410004! Thanks for opening an issue in Ezyshop! 🚀

• We'll get back to you as soon as possible.

• Hope you star our Repo.

• Join our Discord Server to collaborate and discuss further.

[mdazfar2]

@kavya410004 you are assigned.