[WIP] Implemented PartnerCard Component and Integrated it into Partners Page – Seeking Suggestions

[Asp-irin]

• Please check if the PR fulfills these requirements

• [x] The commit message follows our guidelines
• [ ] Tests for the changes have been added (for bug fixes / features)
• [ ] Docs have been added / updated (for bug fixes / features)

Which issue(s) this PR fixes:

Fixes #

• What kind of change does this PR introduce? This PR enhances the UI by improving the presentation of the partners list, ensuring a clean and theme-aligned design.

• What is the current behavior? The partners page currently displays all partners in a table format, which results in poor UX and lacks responsiveness.

Resposive issue:

• What is the new behavior? The table has been replaced with a card-based layout, improving both visual appeal and user experience. The new design includes hover animations to enhance interactivity and ensures proper alignment with the current theme. Additionally, a reusable PartnerCard component has been created to promote maintainability and responsiveness across different screen sizes.

Responsive views:

• Does this PR introduce a breaking change? No

• Other information: Feedback was collected from 10 individuals, and all 10 preferred the card-based layout over the table-based format.

[kubeedge-bot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: To complete the pull request process, please assign fisherxu after the PR has been reviewed. You can assign the PR to them by writing /assign @fisherxu in a comment when ready.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment Approvers can cancel approval by writing /approve cancel in a comment

[kubeedge-bot]

Welcome @Asp-irin! It looks like this is your first PR to kubeedge/website 🎉

[Asp-irin]

To Do:

• [ ] Update the logo links for the existing partners.
• [ ] Update the partners documentation to specify the logo requirement and request modifications in the front matter of partners.mdx.
• [ ] Confirm with the mentors(@Shelley-BaoYue, @fisherxu and @anvithks) whether the enhancements align with the goal and gather their suggestions for the remaining designs.

[kubeedge-bot]

@Asp-irin: PR needs rebase.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

[stale[bot]]

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.