improve list of partnets in homepage

Author: bjohansebas

apps/site/components/Common/Partners/PartnerIcon/index.tsx

@@ -1,19 +1,24 @@
 import Skeleton from '@node-core/ui-components/Common/Skeleton';
-import type { ComponentProps, FC, ReactElement } from 'react';
+import type { ComponentProps, FC } from 'react';
 import { cloneElement } from 'react';
 
+import Link from '#site/components/Link';
 import type { Partners } from '#site/types';
 
-import Button from '../../Button';
-
 type ParnetsIconProps = Partners & ComponentProps<typeof Skeleton>;
 
 const PartnersIcon: FC<ParnetsIconProps> = ({ href, logo, loading }) => {
   return (
-    <Skeleton loading={loading}>
-      <Button href={href} kind="secondary">
-        {cloneElement(logo as ReactElement)}
-      </Button>
+    <Skeleton loading={loading} className="h-12 w-12 p-1">
+      <Link
+        kind="secondary"
+        href={href}
+        className="flex h-12 w-auto min-w-12 items-center justify-center rounded-lg p-1 hover:bg-neutral-800"
+      >
+        {cloneElement(logo, {
+          className: 'h-12 w-12',
+        })}
+      </Link>
     </Skeleton>
   );
 };

apps/site/components/Common/Partners/PartnersIconList/index.module.css

@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .partnersIconList {
   @apply flex
     flex-row

apps/site/components/Common/Partners/PartnersIconList/index.tsx

@@ -33,7 +33,7 @@ const PartnersIconList: FC<PartnersIconListProps> = ({ maxLength = 4 }) => {
     const renderSponsorsAnimation = setTimeout(() => {
       initialRenderer.current = false;
 
-      setSeedList(randomPartnerList(PARTNERS, maxLength, 1));
+      setSeedList(randomPartnerList(PARTNERS, maxLength));
     }, 0);
 
     return () => clearTimeout(renderSponsorsAnimation);

apps/site/pages/en/index.mdx

@@ -27,6 +27,7 @@ layout: home
         <small className="!text-xs">for Node.js 18 and below</small>
       </Button>
 
+      <span className='xs:mt-4'>Sponsored by:</span>
       <div className='flex flex-row gap-4 items-center'>
         <PartnersIconList />
         <Link href="/about/partners">and more...</Link>