feat: update supporters and partners sections

Author: bjohansebas

apps/site/components/Common/Supporters/index.tsx

@@ -10,13 +10,14 @@ type SupportersProps = {
   supporters: Promise<Array<Supporters>>;
 };
 
+// TODO: Sort supporters by all time contribution amount and link to their Open Collective page
 const SupportersList: FC<SupportersProps> = ({ supporters }) => {
   const supportersList = use(supporters);
 
   return (
     <div className="flex max-w-full flex-wrap items-center justify-center gap-1">
-      {supportersList.map(({ name, image, url }, i) => (
-        <Avatar nickname={name} image={image} url={url} key={`${name}-${i}`} />
+      {supportersList.map(({ name, image }, i) => (
+        <Avatar nickname={name} image={image} key={`${name}-${i}`} />
       ))}
     </div>
   );

apps/site/components/withSupporters.tsx

@@ -9,7 +9,7 @@ const WithSupporters: FC<PropsWithChildren> = () => {
   const supporters = fetchOpenCollectiveData() as Promise<Array<Supporters>>;
 
   return (
-    <div className="flex max-w-full flex-wrap items-center justify-center gap-1">
+    <div className="flex max-w-full flex-wrap items-center gap-1">
       <SupportersList supporters={supporters} />
     </div>
   );

apps/site/layouts/Post.tsx

@@ -39,18 +39,24 @@ const PostLayout: FC<PropsWithChildren> = ({ children }) => {
             <Preview title={frontmatter.title!} type={type} />
 
             {children}
+
+            <WithBlogCrossLinks />
             {type === 'vulnerability' && (
-              <section className="flex-col! flex w-full gap-4">
-                <h2 className="text-center">Thanks by Our Partners</h2>
-                <p>
-                  We are able to offer security releases proudly due to the
-                  support of these partners
-                  <Link href="/about/partners/"> and more</Link>.
-                </p>
-                <PartnersLogoList categories="security" />
-              </section>
+              <div className="mt-3">
+                <hr />
+                <section className="flex-col! mt-4 flex w-full gap-4">
+                  <h2 className="text-center">
+                    These security releases are possible by:
+                  </h2>
+                  <p>
+                    We are able to offer security releases proudly due to the
+                    support of these partners
+                    <Link href="/about/partners/"> and more</Link>.
+                  </p>
+                  <PartnersLogoList categories="security" />
+                </section>
+              </div>
             )}
-            <WithBlogCrossLinks />
           </main>
         </div>
 

apps/site/pages/en/about/partners.mdx

@@ -65,12 +65,13 @@ End-Of-Life versions, please visit [End-Of-Life Node.js Releases](/eol)
 
 <PartnersLogoList categories="esp" maxLength={null} />
 
-<div className="flex justify-center gap-4 flex-col items-center">
-
 ## Become a Partner
 
-If you are interested in becoming a partner, please reach out to us
-
-<Button href="https://openjsf.org/partners">Contact</Button>
+Become a partner of the Node.js project and help us to continue to develop and maintain
+this project. Your support is crucial to ensure that Node.js remains a reliable and secure platform
+for developers and organizations around the world. If you are interested in becoming a partner,
+please reach out to us through the OpenJS Foundation.
 
+<div>
+  <Button href="https://openjsf.org/partners">Become an OpenJS partner</Button>
 </div>

apps/site/pages/en/download/current.mdx

@@ -35,8 +35,10 @@ or the <LinkWithArrow href="https://unofficial-builds.nodejs.org/download/">unof
 
 </section>
 
-<section>
-  <h2 className='text-center'>Thanks by Our Partners</h2>
+---
+
+<section className="mt-3">
+  <h2 className='text-center'>Proudly supported by the partners below:</h2>
 
   <span className="text-center">
     We are able to serve Node.js's downloads and maintain our infrastructure

apps/site/pages/en/download/index.mdx

@@ -19,7 +19,7 @@ Or get a prebuilt Node.js® for <Release.OperatingSystemDropdown /> running a <R
 
 </section>
 
-<section>
+<section className='mb-2'>
 
 Read the <Release.ChangelogLink>changelog</Release.ChangelogLink> or <Release.BlogPostLink>blog post</Release.BlogPostLink> for this version.
 
@@ -35,8 +35,10 @@ or the <LinkWithArrow href="https://unofficial-builds.nodejs.org/download/">unof
 
 </section>
 
-<section>
-  <h2 className='text-center'>Thanks by Our Partners</h2>
+---
+
+<section className="mt-3">
+  <h2 className=''>Proudly supported by the partners below:</h2>
 
   <span className="text-center">
     We are able to serve Node.js's downloads and maintain our infrastructure