From 77f8c6593cdfeabe9c2c9c486ec9f7d948a08729 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Tue, 24 Feb 2026 20:53:22 +0000
Subject: [PATCH 1/9] feat: add new sections to about page

---
 app/assets/logos/oss-partners/nuxt.svg        |  10 ++
 .../logos/oss-partners/open-source-pledge.svg |  17 +++
 app/assets/logos/oss-partners/oxc.svg         | 122 ++++++++++++++++
 app/assets/logos/oss-partners/rolldown.svg    |  90 ++++++++++++
 app/assets/logos/oss-partners/storybook.svg   |  11 ++
 app/assets/logos/oss-partners/vite.svg        | 130 +++++++++++++++++
 app/assets/logos/oss-partners/vitest.svg      |  50 +++++++
 app/assets/logos/oss-partners/vue.svg         |  11 ++
 app/assets/logos/sponsors/vercel.svg          |   3 +
 app/assets/logos/sponsors/void-zero.svg       |   3 +
 app/components/CallToAction.vue               |   2 +-
 app/components/Link/Base.vue                  |   7 +-
 app/pages/about.vue                           | 135 +++++++++++++++---
 i18n/locales/en.json                          |   6 +
 14 files changed, 574 insertions(+), 23 deletions(-)
 create mode 100644 app/assets/logos/oss-partners/nuxt.svg
 create mode 100644 app/assets/logos/oss-partners/open-source-pledge.svg
 create mode 100644 app/assets/logos/oss-partners/oxc.svg
 create mode 100644 app/assets/logos/oss-partners/rolldown.svg
 create mode 100644 app/assets/logos/oss-partners/storybook.svg
 create mode 100644 app/assets/logos/oss-partners/vite.svg
 create mode 100644 app/assets/logos/oss-partners/vitest.svg
 create mode 100644 app/assets/logos/oss-partners/vue.svg
 create mode 100644 app/assets/logos/sponsors/vercel.svg
 create mode 100644 app/assets/logos/sponsors/void-zero.svg

diff --git a/app/assets/logos/oss-partners/nuxt.svg b/app/assets/logos/oss-partners/nuxt.svg
new file mode 100644
index 000000000..2fbdc4007
--- /dev/null
+++ b/app/assets/logos/oss-partners/nuxt.svg
@@ -0,0 +1,10 @@
+<svg width="54" height="36" viewBox="0 0 54 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_111_5777)">
+<path d="M30.24 36H50.22C50.8576 36.0001 51.4679 35.776 52.02 35.46C52.5722 35.144 53.1413 34.7473 53.46 34.2C53.7787 33.6527 54.0002 33.0317 54 32.3998C53.9998 31.7679 53.7792 31.1472 53.46 30.6001L39.96 7.38C39.6414 6.8328 39.252 6.43595 38.7 6.12C38.148 5.80406 37.3574 5.58 36.72 5.58C36.0826 5.58 35.472 5.80406 34.92 6.12C34.368 6.43595 33.9786 6.8328 33.66 7.38L30.24 13.32L23.4 1.79957C23.0811 1.25242 22.6922 0.675884 22.14 0.36C21.5879 0.0441156 20.9775 0 20.34 0C19.7025 0 19.0921 0.0441156 18.54 0.36C17.9878 0.675884 17.4189 1.25242 17.1 1.79957L0.360001 30.6001C0.0408572 31.1472 0.000278787 31.7679 1.36945e-06 32.3998C-0.000276048 33.0317 0.0413377 33.6526 0.360001 34.1999C0.678664 34.7472 1.24784 35.144 1.8 35.46C2.35216 35.776 2.9624 36.0001 3.6 36H16.2C21.1926 36 24.8265 33.7603 27.36 29.52L33.48 18.9L36.72 13.32L46.62 30.24H33.48L30.24 36ZM16.02 30.24H7.2L20.34 7.56L27 18.9L22.5884 26.5905C20.906 29.3418 18.9878 30.24 16.02 30.24Z" fill="#00DC82"/>
+</g>
+<defs>
+<clipPath id="clip0_111_5777">
+<rect width="54" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/app/assets/logos/oss-partners/open-source-pledge.svg b/app/assets/logos/oss-partners/open-source-pledge.svg
new file mode 100644
index 000000000..905ff05f8
--- /dev/null
+++ b/app/assets/logos/oss-partners/open-source-pledge.svg
@@ -0,0 +1,17 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_111_5801)">
+<mask id="mask0_111_5801" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="36" height="36">
+<path d="M36 0H0V36H36V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_111_5801)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.30299 0.224121C3.15199 0.224121 1.38091 1.91912 1.28124 4.07309L0.00441523 31.6647C-0.102018 33.9646 1.72939 35.8877 4.02617 35.8877H31.8997C34.1965 35.8877 36.0279 33.9646 35.9215 31.6647L34.6446 4.07309C34.545 1.9191 32.7739 0.224121 30.6229 0.224121H5.30299ZM8.22745 1.39819C5.5592 1.39819 3.39615 3.56656 3.39615 6.24138V25.7609C3.39615 28.4358 5.5592 30.6042 8.22745 30.6042H27.6991C30.3673 30.6042 32.5303 28.4358 32.5303 25.7609V6.24139C32.5303 3.56656 30.3673 1.39819 27.6991 1.39819H8.22745Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4668 6.62842L26.4287 13.4066H16.5934H9.44629V10.591H15.71L14.4668 6.62842Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.4082 24.1215L9.44629 17.3433H19.2816H26.4287V20.1588H20.165L21.4082 24.1215Z" fill="#2DDE74"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_111_5801">
+<rect width="36" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/app/assets/logos/oss-partners/oxc.svg b/app/assets/logos/oss-partners/oxc.svg
new file mode 100644
index 000000000..c504e848b
--- /dev/null
+++ b/app/assets/logos/oss-partners/oxc.svg
@@ -0,0 +1,122 @@
+<svg width="40" height="36" viewBox="0 0 40 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.2909 5.81441C25.2909 6.77573 26.0725 7.55474 27.0367 7.55474H33.6608C34.4389 7.55474 34.828 8.49285 34.2776 9.03981L25.8014 17.4895C25.4739 17.816 25.2893 18.2585 25.2893 18.721V21.6099C25.2893 22.8115 26.4849 23.6453 27.5423 23.0718C28.6196 22.4883 29.6221 21.7823 30.5283 20.9734C30.8875 20.6536 31.4396 20.6502 31.7803 20.9917L37.9537 27.1458C38.2946 27.4856 38.2963 28.0374 37.9438 28.3657C33.2619 32.733 26.9685 35.4083 20.0502 35.4083C13.1318 35.4083 6.83874 32.733 2.15677 28.3657C1.80407 28.0374 1.80575 27.4856 2.14666 27.1458L8.32011 20.9917C8.66102 20.6519 9.21306 20.6536 9.57227 20.9734C10.4782 21.7823 11.481 22.4883 12.5584 23.0718C13.6174 23.6453 14.8111 22.8115 14.8111 21.6099V18.721C14.8111 18.2585 14.6267 17.816 14.299 17.4895L5.82276 9.03981C5.27239 8.4912 5.66169 7.55474 6.43981 7.55474H13.0637C14.0282 7.55474 14.8097 6.77573 14.8097 5.81441V1.46196C14.8097 0.981298 15.2002 0.591797 15.6824 0.591797H24.4131C24.8954 0.591797 25.2859 0.981298 25.2859 1.46196V5.81441H25.2909Z" fill="#32F3EF"/>
+<mask id="mask0_111_5809" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="0" width="38" height="36">
+<path d="M25.2909 5.81393C25.2909 6.77525 26.0725 7.55424 27.0367 7.55424H33.6608C34.4389 7.55424 34.828 8.49238 34.2776 9.03931L25.8014 17.489C25.4739 17.8155 25.2893 18.258 25.2893 18.7205V21.6094C25.2893 22.8111 26.4849 23.6448 27.5423 23.0713C28.6196 22.4879 29.6221 21.7818 30.5283 20.973C30.8875 20.6531 31.4396 20.6497 31.7803 20.9912L37.9537 27.1454C38.2946 27.485 38.2963 28.037 37.9438 28.3651C33.2619 32.7326 26.9685 35.4076 20.0502 35.4076C13.1318 35.4076 6.83874 32.7326 2.15677 28.3651C1.80407 28.037 1.80575 27.485 2.14666 27.1454L8.32011 20.9912C8.66102 20.6514 9.21306 20.6531 9.57227 20.973C10.4782 21.7818 11.481 22.4879 12.5584 23.0713C13.6174 23.6448 14.8111 22.8111 14.8111 21.6094V18.7205C14.8111 18.258 14.6267 17.8155 14.299 17.489L5.82276 9.03931C5.27239 8.4907 5.66169 7.55424 6.43981 7.55424H13.0637C14.0282 7.55424 14.8097 6.77525 14.8097 5.81393V1.46147C14.8097 0.980809 15.2002 0.591309 15.6824 0.591309H24.4131C24.8954 0.591309 25.2859 0.980809 25.2859 1.46147V5.81393H25.2909Z" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_111_5809)">
+<g filter="url(#filter0_f_111_5809)">
+<path d="M3.35463 35.966C3.35463 34.0038 10.7845 32.413 19.9498 32.413C29.115 32.413 36.5449 34.0038 36.5449 35.966C36.5449 37.9283 29.115 39.519 19.9498 39.519C10.7845 39.519 3.35463 37.9283 3.35463 35.966Z" fill="#AEFFFB"/>
+</g>
+<g filter="url(#filter1_f_111_5809)">
+<path d="M18.5623 40.5607C17.8358 38.737 24.1521 34.5249 32.6702 31.1526C41.1883 27.7804 48.6825 26.525 49.4091 28.3487C50.1356 30.1725 43.8193 34.3846 35.3012 37.7569C26.7831 41.1291 19.2889 42.3845 18.5623 40.5607Z" fill="#00FF88"/>
+</g>
+<g filter="url(#filter2_f_111_5809)">
+<path d="M21.3298 40.5607C22.0563 38.737 15.74 34.5248 7.22192 31.1526C-1.29618 27.7804 -8.79044 26.525 -9.51699 28.3487C-10.2435 30.1725 -3.92724 34.3846 4.59086 37.7569C13.109 41.1291 20.6032 42.3844 21.3298 40.5607Z" fill="#195EFF"/>
+</g>
+<g filter="url(#filter3_f_111_5809)">
+<path d="M29.945 19.3996C28.8213 18.2871 26.384 18.9173 24.5012 20.8072C22.6183 22.6971 22.0029 25.131 23.1266 26.2435C24.2502 27.356 26.6875 26.7257 28.5704 24.8358C30.4532 22.9459 31.0687 20.512 29.945 19.3996Z" fill="#AEFFFB"/>
+</g>
+<g filter="url(#filter4_f_111_5809)">
+<path d="M31.4215 16.7477C30.2979 15.6352 27.8606 16.2655 25.9777 18.1554C24.0949 20.0453 23.4794 22.4792 24.6031 23.5917C25.7268 24.7041 28.1641 24.0739 30.0469 22.184C31.9298 20.2941 32.5452 17.8602 31.4215 16.7477Z" fill="#195EFF"/>
+</g>
+<g filter="url(#filter5_f_111_5809)">
+<path d="M31.1252 2.0148C30.0015 0.902331 27.5642 1.53257 25.6814 3.42247C23.7985 5.31238 23.1831 7.74628 24.3067 8.85875C25.4304 9.97121 27.8677 9.34098 29.7505 7.45107C31.6334 5.56117 32.2488 3.12727 31.1252 2.0148Z" fill="#AEFFFB"/>
+</g>
+<g filter="url(#filter6_f_111_5809)">
+<path d="M32.0138 0.836087C30.8902 -0.27638 28.4529 0.353857 26.57 2.24376C24.6872 4.13367 24.0717 6.56757 25.1954 7.68004C26.3191 8.7925 28.7563 8.16227 30.6392 6.27236C32.5221 4.38246 33.1375 1.94855 32.0138 0.836087Z" fill="#195EFF"/>
+</g>
+<g filter="url(#filter7_f_111_5809)">
+<path d="M10.4153 19.9889C11.539 18.8765 13.9763 19.5067 15.8591 21.3966C17.742 23.2865 18.3575 25.7204 17.2338 26.8329C16.1101 27.9453 13.6729 27.3151 11.79 25.4252C9.90713 23.5353 9.29168 21.1014 10.4153 19.9889Z" fill="#AEFFFB"/>
+</g>
+<g filter="url(#filter8_f_111_5809)">
+<path d="M8.3465 17.3371C9.47016 16.2246 11.9074 16.8548 13.7903 18.7447C15.6732 20.6346 16.2886 23.0685 15.1649 24.181C14.0413 25.2935 11.604 24.6632 9.72114 22.7733C7.83828 20.8834 7.22283 18.4495 8.3465 17.3371Z" fill="#195EFF"/>
+</g>
+<g filter="url(#filter9_f_111_5809)">
+<path d="M8.3465 2.01481C9.47016 0.902343 11.9074 1.53257 13.7903 3.42247C15.6732 5.31237 16.2886 7.74627 15.1649 8.85874C14.0413 9.97121 11.604 9.34098 9.72114 7.45108C7.83828 5.56118 7.22283 3.12728 8.3465 2.01481Z" fill="#AEFFFB"/>
+</g>
+<g filter="url(#filter10_f_111_5809)">
+<path d="M8.05011 0.246746C9.17377 -0.865724 11.611 -0.235493 13.4939 1.65441C15.3768 3.5443 15.9922 5.97821 14.8686 7.09068C13.7449 8.20315 11.3076 7.57291 9.42476 5.68302C7.54189 3.79312 6.92644 1.35922 8.05011 0.246746Z" fill="#195EFF"/>
+</g>
+<g filter="url(#filter11_f_111_5809)">
+<path d="M2.46335 7.59832C3.58701 6.48585 7.40762 8.50459 10.9969 12.1073C14.5862 15.71 16.585 19.5324 15.4613 20.6449C14.3377 21.7573 10.5171 19.7386 6.92776 16.1359C3.33847 12.5332 1.33968 8.71079 2.46335 7.59832Z" fill="#195EFF"/>
+</g>
+<g filter="url(#filter12_f_111_5809)">
+<path d="M38.4873 5.24087C37.3636 4.1284 33.543 6.14715 29.9537 9.74986C26.3645 13.3526 24.3657 17.175 25.4893 18.2875C26.613 19.3999 30.4336 17.3812 34.0229 13.7785C37.6122 10.1757 39.611 6.35333 38.4873 5.24087Z" fill="#00FF88"/>
+</g>
+<g filter="url(#filter13_f_111_5809)">
+<path d="M3.35463 37.4392C3.35463 35.4769 10.7845 33.8862 19.9498 33.8862C29.115 33.8862 36.5449 35.4769 36.5449 37.4392C36.5449 39.4015 29.115 40.9922 19.9498 40.9922C10.7845 40.9922 3.35463 39.4015 3.35463 37.4392Z" fill="#195EFF"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_111_5809" x="0.407912" y="29.4665" width="39.0836" height="12.9991" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter1_f_111_5809" x="15.5588" y="24.5651" width="36.8536" height="19.7794" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter2_f_111_5809" x="-12.5203" y="24.5651" width="36.8536" height="19.7794" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter3_f_111_5809" x="19.6184" y="15.9035" width="13.8346" height="13.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter4_f_111_5809" x="21.0949" y="13.2517" width="13.8346" height="13.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter5_f_111_5809" x="20.7985" y="-1.48125" width="13.8346" height="13.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter6_f_111_5809" x="21.6872" y="-2.65996" width="13.8346" height="13.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter7_f_111_5809" x="6.90742" y="16.4929" width="13.8346" height="13.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter8_f_111_5809" x="4.83858" y="13.841" width="13.8346" height="13.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter9_f_111_5809" x="4.83858" y="-1.48125" width="13.8346" height="13.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter10_f_111_5809" x="4.54219" y="-3.24931" width="13.8346" height="13.836" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter11_f_111_5809" x="-0.796189" y="4.3459" width="19.5172" height="19.5514" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter12_f_111_5809" x="22.2297" y="1.98848" width="19.5172" height="19.5514" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+<filter id="filter13_f_111_5809" x="0.407912" y="30.9397" width="39.0836" height="12.9991" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5809"/>
+</filter>
+</defs>
+</svg>
diff --git a/app/assets/logos/oss-partners/rolldown.svg b/app/assets/logos/oss-partners/rolldown.svg
new file mode 100644
index 000000000..932469a9a
--- /dev/null
+++ b/app/assets/logos/oss-partners/rolldown.svg
@@ -0,0 +1,90 @@
+<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.3863 0.594727C33.1165 0.594727 33.5162 1.45494 33.0476 2.02179L25.0836 11.6648C24.1464 12.7985 24.9456 14.5206 26.4085 14.5206H34.1132C34.8435 14.5206 35.2431 15.3808 34.7745 15.9477L19.3627 34.6073C19.0178 35.0249 18.3827 35.0249 18.0378 34.6073L2.62604 15.9477C2.15981 15.3808 2.55707 14.5206 3.28972 14.5206H10.9897C12.4526 14.5206 13.2518 12.7985 12.317 11.6648L4.35299 2.02179C3.88438 1.45494 4.284 0.594727 5.01427 0.594727H32.3863Z" fill="#FF5500"/>
+<mask id="mask0_111_5843" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="0" width="33" height="35">
+<path d="M32.3863 0.594727C33.1165 0.594727 33.5162 1.45494 33.0476 2.02179L25.0836 11.6648C24.1464 12.7985 24.9456 14.5206 26.4085 14.5206H34.1132C34.8435 14.5206 35.2431 15.3808 34.7745 15.9477L19.3627 34.6072C19.0178 35.0248 18.3827 35.0248 18.0378 34.6072L2.62604 15.9477C2.15981 15.3808 2.55707 14.5206 3.28972 14.5206H10.9897C12.4526 14.5206 13.2518 12.7985 12.317 11.6648L4.35299 2.02179C3.88438 1.45494 4.284 0.594727 5.01427 0.594727H32.3863Z" fill="black"/>
+</mask>
+<g mask="url(#mask0_111_5843)">
+<g filter="url(#filter0_f_111_5843)">
+<path d="M26.2261 16.389C24.2627 15.2336 26.7276 7.27972 31.7317 -1.37645C36.7357 -10.0326 42.3839 -16.1132 44.3473 -14.9578C46.3107 -13.8024 43.8458 -5.84852 38.8417 2.80765C33.8377 11.4638 28.1895 17.5444 26.2261 16.389Z" fill="#FFE7E5"/>
+</g>
+<g filter="url(#filter1_f_111_5843)">
+<path d="M25.3506 34.0682C23.3872 32.9128 25.8521 24.9589 30.8562 16.3028C35.8602 7.64659 41.5085 1.56602 43.4718 2.72143C45.4352 3.87684 42.9703 11.8307 37.9662 20.4868C32.9622 29.143 27.314 35.2236 25.3506 34.0682Z" fill="#FFE7E5"/>
+</g>
+<g filter="url(#filter2_f_111_5843)">
+<path d="M12.7444 14.6856C14.0103 13.7545 10.6456 6.92288 5.22921 -0.573244C-0.187198 -8.06937 -5.60425 -13.3914 -6.8701 -12.4603C-8.13595 -11.5292 -4.77125 -4.69761 0.645158 2.79852C6.06156 10.2946 11.4786 15.6167 12.7444 14.6856Z" fill="#FF19AF"/>
+</g>
+<g filter="url(#filter3_f_111_5843)">
+<path d="M17.1263 39.813C18.3921 38.8819 15.0274 32.0503 9.61104 24.5542C4.19464 17.0581 -1.22239 11.736 -2.48823 12.6671C-3.75408 13.5982 -0.38941 20.4298 5.027 27.926C10.4434 35.4221 15.8605 40.7441 17.1263 39.813Z" fill="#FF19AF"/>
+</g>
+<g filter="url(#filter4_f_111_5843)">
+<path d="M24.6711 14.6856C23.4052 13.7545 26.7699 6.92289 32.1863 -0.573238C37.6027 -8.06936 43.0198 -13.3914 44.2856 -12.4603C45.5515 -11.5292 42.1868 -4.6976 36.7704 2.79852C31.354 10.2946 25.9369 15.6167 24.6711 14.6856Z" fill="#FF19AF"/>
+</g>
+<g filter="url(#filter5_f_111_5843)">
+<path d="M19.4167 39.813C18.1508 38.8819 21.5155 32.0503 26.9319 24.5542C32.3483 17.0581 37.7654 11.7361 39.0312 12.6671C40.2971 13.5982 36.9324 20.4298 31.516 27.926C26.0996 35.4221 20.6825 40.7441 19.4167 39.813Z" fill="#FF19AF"/>
+</g>
+<g filter="url(#filter6_f_111_5843)">
+<path d="M22.0451 14.6856C20.7793 13.7545 24.1439 6.92289 29.5604 -0.573238C34.9768 -8.06936 40.3938 -13.3914 41.6596 -12.4603C42.9255 -11.5292 39.5608 -4.6976 34.1444 2.79852C28.728 10.2946 23.311 15.6167 22.0451 14.6856Z" fill="#FF19AF"/>
+</g>
+<g filter="url(#filter7_f_111_5843)">
+<path d="M17.6633 39.813C16.3974 38.8819 19.7621 32.0503 25.1785 24.5542C30.5949 17.0581 36.012 11.7361 37.2778 12.6671C38.5437 13.5982 35.179 20.4298 29.7626 27.926C24.3462 35.4221 18.9291 40.7441 17.6633 39.813Z" fill="#FF19AF"/>
+</g>
+<g filter="url(#filter8_f_111_5843)">
+<path d="M16.3344 16.0402C18.0521 14.5384 14.1719 7.18162 7.66754 -0.391579C1.16322 -7.96478 -5.50209 -12.8866 -7.21984 -11.3848C-8.93758 -9.88297 -5.05728 -2.52624 1.44704 5.04696C7.95136 12.6202 14.6166 17.542 16.3344 16.0402Z" fill="#D14B2A"/>
+</g>
+<g filter="url(#filter9_f_111_5843)">
+<path d="M17.899 36.6305C19.7405 35.2862 16.5134 27.6149 10.6911 19.4963C4.86885 11.3777 -1.34384 5.88611 -3.1853 7.23044C-5.02675 8.57477 -1.79965 16.246 4.02262 24.3646C9.84489 32.4832 16.0576 37.9748 17.899 36.6305Z" fill="#D14B2A"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_111_5843" x="23.3408" y="-17.3086" width="23.8916" height="36.0483" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+<filter id="filter1_f_111_5843" x="22.4654" y="0.370626" width="23.8916" height="36.0483" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+<filter id="filter2_f_111_5843" x="-9.34666" y="-14.7759" width="24.5673" height="31.7773" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+<filter id="filter3_f_111_5843" x="-4.96482" y="10.3516" width="24.5678" height="31.7773" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+<filter id="filter4_f_111_5843" x="22.1948" y="-14.7759" width="24.5673" height="31.7773" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+<filter id="filter5_f_111_5843" x="16.9405" y="10.3516" width="24.5673" height="31.7773" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+<filter id="filter6_f_111_5843" x="19.5689" y="-14.7759" width="24.5673" height="31.7773" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+<filter id="filter7_f_111_5843" x="15.187" y="10.3516" width="24.5673" height="31.7773" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+<filter id="filter8_f_111_5843" x="-9.8364" y="-13.8642" width="28.7876" height="32.3842" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+<filter id="filter9_f_111_5843" x="-5.91306" y="4.81789" width="26.5395" height="34.2251" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.10497" result="effect1_foregroundBlur_111_5843"/>
+</filter>
+</defs>
+</svg>
diff --git a/app/assets/logos/oss-partners/storybook.svg b/app/assets/logos/oss-partners/storybook.svg
new file mode 100644
index 000000000..3c93dfeb8
--- /dev/null
+++ b/app/assets/logos/oss-partners/storybook.svg
@@ -0,0 +1,11 @@
+<svg width="30" height="36" viewBox="0 0 30 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_111_5872)">
+<path d="M1.13268 33.1727L0.00131496 3.4576C-0.0360497 2.47622 0.72734 1.64453 1.7217 1.58327L27.3628 0.00358622C28.375 -0.0587688 29.2468 0.699462 29.31 1.69714C29.3123 1.73473 29.3136 1.77238 29.3136 1.81004V34.1901C29.3136 35.1896 28.4915 36 27.4773 36C27.4499 36 27.4225 35.9995 27.395 35.9982L2.88522 34.9132C1.93067 34.8709 1.16852 34.114 1.13268 33.1727Z" fill="#FF4785"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.347 0.12793L21.8181 0.345334L21.6459 4.42511C21.6433 4.48783 21.6629 4.54949 21.7014 4.59952C21.7929 4.71832 21.9647 4.74157 22.0852 4.65145L23.6929 3.4493L25.0508 4.50374C25.1017 4.54325 25.1651 4.5637 25.2299 4.56148C25.3811 4.55628 25.4995 4.43125 25.4942 4.28221L25.347 0.12793ZM22.6004 13.7898C21.9543 14.2845 17.1423 14.622 17.1423 13.9178C17.2439 11.2307 16.0235 11.1129 15.3455 11.1129C14.7014 11.1129 13.6166 11.3049 13.6166 12.7444C13.6166 14.2113 15.2019 15.0394 17.0627 16.0114C19.7062 17.3922 22.9053 19.0635 22.9053 23.2686C22.9053 27.2992 19.5831 29.5256 15.3455 29.5256C10.9723 29.5256 7.15056 27.7816 7.58218 21.735C7.75169 21.0251 13.3114 21.1938 13.3114 21.735C13.2436 24.2302 13.82 24.9641 15.2777 24.9641C16.3964 24.9641 16.9049 24.3562 16.9049 23.3325C16.9049 21.7835 15.2531 20.8692 13.3529 19.8177C10.78 18.3937 7.75169 16.7179 7.75169 12.8723C7.75169 9.03367 10.4299 6.47458 15.2099 6.47458C19.99 6.47458 22.6004 8.99447 22.6004 13.7898Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_111_5872">
+<rect width="30" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/app/assets/logos/oss-partners/vite.svg b/app/assets/logos/oss-partners/vite.svg
new file mode 100644
index 000000000..a9ecb5026
--- /dev/null
+++ b/app/assets/logos/oss-partners/vite.svg
@@ -0,0 +1,130 @@
+<svg width="40" height="36" viewBox="0 0 40 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.3527 35.1693C20.8417 35.819 19.7965 35.4578 19.7965 34.6322V26.7047C19.7965 25.7433 19.0166 24.9645 18.0541 24.9645H9.29153C8.58298 24.9645 8.16972 24.1638 8.58298 23.5887L14.3439 15.5318C15.1687 14.3799 14.3439 12.7788 12.9253 12.7788H2.32067C1.61212 12.7788 1.1991 11.9783 1.61212 11.4031L9.08058 0.957901C9.24492 0.729171 9.50873 0.593262 9.78912 0.593262H32.0453C32.7538 0.593262 33.1669 1.39381 32.7538 1.96894L26.9927 10.0258C26.1681 11.1777 26.9927 12.7788 28.4115 12.7788H37.1743C37.9008 12.7788 38.309 13.6158 37.8595 14.1876L21.3527 35.1693Z" fill="#863BFF"/>
+<mask id="mask0_111_5876" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="0" width="37" height="36">
+<path d="M21.2726 35.1692C20.7616 35.8191 19.7164 35.4577 19.7164 34.6323V26.7046C19.7164 25.7434 18.9365 24.9644 17.974 24.9644H9.21147C8.50292 24.9644 8.08966 24.1638 8.50292 23.5887L14.2638 15.5318C15.0886 14.3799 14.2638 12.7788 12.8453 12.7788H2.24059C1.53204 12.7788 1.11903 11.9783 1.53204 11.4031L9.00052 0.957901C9.16486 0.729171 9.42867 0.593262 9.70906 0.593262H31.9652C32.6738 0.593262 33.0868 1.39381 32.6738 1.96894L26.9126 10.0258C26.088 11.1777 26.9126 12.7788 28.3314 12.7788H37.0942C37.8208 12.7788 38.229 13.6158 37.7794 14.1876L21.2726 35.1692Z" fill="black"/>
+</mask>
+<g mask="url(#mask0_111_5876)">
+<g filter="url(#filter0_f_111_5876)">
+<path d="M20.5914 29.0069C20.599 31.3474 15.5343 33.2612 9.27899 33.2815C3.02371 33.3017 -2.05336 31.4207 -2.06096 29.0802C-2.06855 26.7397 2.9962 24.8259 9.25149 24.8056C15.5068 24.7854 20.5838 26.6663 20.5914 29.0069Z" fill="#EDE6FF"/>
+</g>
+<g filter="url(#filter1_f_111_5876)">
+<path d="M17.0868 14.5108C17.1011 18.9299 6.81817 22.5456 -5.88081 22.5867C-18.5798 22.6278 -28.886 19.0788 -28.9003 14.6597C-28.9146 10.2406 -18.6317 6.62487 -5.93273 6.58376C6.76625 6.54264 17.0724 10.0917 17.0868 14.5108Z" fill="#EDE6FF"/>
+</g>
+<g filter="url(#filter2_f_111_5876)">
+<path d="M17.1759 13.3901C17.1835 15.7306 6.67601 17.662 -6.29326 17.704C-19.2625 17.746 -29.7824 15.8827 -29.79 13.5421C-29.7976 11.2016 -19.29 9.27016 -6.32076 9.22817C6.64851 9.18618 17.1683 11.0495 17.1759 13.3901Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter3_f_111_5876)">
+<path d="M20.8887 27.2381C20.8962 29.5787 10.3502 31.5102 -2.66664 31.5524C-15.6835 31.5945 -26.2418 29.7313 -26.2494 27.3908C-26.257 25.0502 -15.711 23.1187 -2.69414 23.0765C10.3227 23.0344 20.8811 24.8976 20.8887 27.2381Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter4_f_111_5876)">
+<path d="M22.0688 28.1224C22.0764 30.463 11.5304 32.3945 -1.48646 32.4366C-14.5033 32.4788 -25.0617 30.6156 -25.0693 28.275C-25.0769 25.9345 -14.5308 24.0029 -1.51397 23.9608C11.5029 23.9187 22.0612 25.7819 22.0688 28.1224Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter5_f_111_5876)">
+<path d="M25.3168 8.46808C25.6667 2.49883 33.5513 -1.89564 42.9276 -1.34726C52.3038 -0.798885 59.6211 4.48469 59.2712 10.4539C58.9213 16.4232 51.0367 20.8177 41.6605 20.2693C32.2842 19.7209 24.9669 14.4373 25.3168 8.46808Z" fill="#EDE6FF"/>
+</g>
+<g filter="url(#filter6_f_111_5876)">
+<path d="M26.5853 12.3938C26.5597 10.9194 33.9528 9.59599 43.098 9.43795C52.2433 9.2799 59.6777 10.347 59.7033 11.8215C59.7288 13.2959 52.3358 14.6193 43.1905 14.7774C34.0452 14.9354 26.6108 13.8683 26.5853 12.3938Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter7_f_111_5876)">
+<path d="M26.5853 12.3938C26.5597 10.9194 33.9528 9.59599 43.098 9.43795C52.2433 9.2799 59.6777 10.347 59.7033 11.8215C59.7288 13.2959 52.3358 14.6193 43.1905 14.7774C34.0452 14.9354 26.6108 13.8683 26.5853 12.3938Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter8_f_111_5876)">
+<path d="M-12.5996 24.7749C-11.1533 25.9663 -3.59445 19.1961 4.2836 9.65343C12.1616 0.110706 17.3756 -8.59097 15.9293 -9.78232C14.483 -10.9737 6.92413 -4.20355 -0.953919 5.33917C-8.83196 14.8819 -14.0459 23.5836 -12.5996 24.7749Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter9_f_111_5876)">
+<path d="M24.2024 13.5804C25.6818 14.7305 33.0463 7.74986 40.6515 -2.01124C48.2566 -11.7724 53.2225 -20.6176 51.7431 -21.7677C50.2637 -22.9178 42.8993 -15.9372 35.2941 -6.17605C27.6889 3.58506 22.723 12.4303 24.2024 13.5804Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter10_f_111_5876)">
+<path d="M28.6945 11.3351C30.6993 12.8936 34.3716 11.5295 36.8969 8.2883C39.4221 5.04714 39.8441 1.15625 37.8394 -0.40223C35.8346 -1.96071 32.1623 -0.596635 29.637 2.64453C27.1118 5.8857 26.6898 9.7766 28.6945 11.3351Z" fill="#47BFFF"/>
+</g>
+<g filter="url(#filter11_f_111_5876)">
+<path d="M-13.8508 47.7606C-12.3714 48.9107 -5.00692 41.93 2.59824 32.1689C10.2034 22.4078 15.1693 13.5626 13.6899 12.4125C12.2105 11.2624 4.84603 18.243 -2.75913 28.0041C-10.3643 37.7652 -15.3302 46.6105 -13.8508 47.7606Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter12_f_111_5876)">
+<path d="M-13.8508 47.7606C-12.3714 48.9107 -5.00692 41.93 2.59824 32.1689C10.2034 22.4078 15.1693 13.5626 13.6899 12.4125C12.2105 11.2624 4.84603 18.243 -2.75913 28.0041C-10.3643 37.7652 -15.3302 46.6105 -13.8508 47.7606Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter13_f_111_5876)">
+<path d="M15.0584 41.2782C16.5378 42.4282 23.9023 35.4476 31.5074 25.6865C39.1126 15.9254 44.0785 7.08014 42.5991 5.93006C41.1197 4.77998 33.7552 11.7606 26.1501 21.5217C18.5449 31.2828 13.579 40.1281 15.0584 41.2782Z" fill="#7E14FF"/>
+</g>
+<g filter="url(#filter14_f_111_5876)">
+<path d="M23.7224 34.811C25.7272 36.3695 30.5924 33.4743 34.5893 28.3444C38.5861 23.2145 40.2011 17.7925 38.1963 16.234C36.1916 14.6755 31.3263 17.5707 27.3295 22.7006C23.3326 27.8305 21.7177 33.2525 23.7224 34.811Z" fill="#47BFFF"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_111_5876" x="-6.972" y="19.8947" width="32.4743" height="18.298" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.45548" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter1_f_111_5876" x="-33.8114" y="1.67254" width="55.8092" height="25.8253" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.45548" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter2_f_111_5876" x="-32.7366" y="6.28096" width="52.859" height="14.3702" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter3_f_111_5876" x="-29.1961" y="20.1291" width="53.0313" height="14.3707" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter4_f_111_5876" x="-28.0159" y="21.0134" width="53.0313" height="14.3707" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter5_f_111_5876" x="20.3937" y="-6.30451" width="43.8004" height="31.5309" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="2.45548" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter6_f_111_5876" x="23.6389" y="6.47578" width="39.0108" height="11.2638" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter7_f_111_5876" x="23.6389" y="6.47578" width="39.0108" height="11.2638" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter8_f_111_5876" x="-15.7869" y="-12.865" width="34.9039" height="40.7223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter9_f_111_5876" x="20.9953" y="-24.8382" width="33.9552" height="41.4894" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter10_f_111_5876" x="24.4821" y="-3.99345" width="17.5699" height="18.92" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter11_f_111_5876" x="-17.0579" y="9.34199" width="33.9552" height="41.4894" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter12_f_111_5876" x="-17.0579" y="9.34199" width="33.9552" height="41.4894" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter13_f_111_5876" x="11.8513" y="2.85957" width="33.9552" height="41.4894" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+<filter id="filter14_f_111_5876" x="19.9147" y="12.8654" width="22.0894" height="25.3141" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5876"/>
+</filter>
+</defs>
+</svg>
diff --git a/app/assets/logos/oss-partners/vitest.svg b/app/assets/logos/oss-partners/vitest.svg
new file mode 100644
index 000000000..f6600042d
--- /dev/null
+++ b/app/assets/logos/oss-partners/vitest.svg
@@ -0,0 +1,50 @@
+<svg width="37" height="36" viewBox="0 0 37 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.9444 33.0671C17.6915 33.5212 17.1022 33.6506 16.6823 33.3438L2.03615 22.6286C1.81189 22.4645 1.68066 22.2026 1.68066 21.9241V9.0093C1.68066 8.29825 2.48229 7.8872 3.05487 8.30487L12.011 14.8584C12.8484 15.4717 14.0293 15.2115 14.5375 14.3049L21.9572 1.03697C22.1099 0.76349 22.3986 0.592773 22.7111 0.592773H34.6232C35.2864 0.592773 35.704 1.31045 35.3795 1.89055L17.9444 33.0671Z" fill="#22FF84"/>
+<mask id="mask0_111_5779" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="0" width="35" height="34">
+<path d="M17.9444 33.0672C17.6915 33.5213 17.1022 33.6506 16.6823 33.3439L2.03615 22.6286C1.81189 22.4645 1.68066 22.2026 1.68066 21.9241V9.00929C1.68066 8.29825 2.48229 7.8872 3.05487 8.30487L12.011 14.8584C12.8484 15.4717 14.0293 15.2115 14.5375 14.3048L21.9572 1.03697C22.1099 0.76349 22.3986 0.592773 22.7111 0.592773H34.6232C35.2864 0.592773 35.704 1.31045 35.3795 1.89056L17.9444 33.0672Z" fill="black"/>
+</mask>
+<g mask="url(#mask0_111_5779)">
+<g filter="url(#filter0_f_111_5779)">
+<path d="M23.3389 8.31652C19.4859 12.8472 15.4802 15.7608 14.3919 14.8242C13.3035 13.8876 15.5447 9.45543 19.3976 4.92474C23.2506 0.394044 27.2563 -2.51953 28.3446 -1.58292C29.433 -0.646305 27.1918 3.78582 23.3389 8.31652Z" fill="#00CCC6"/>
+</g>
+<g filter="url(#filter1_f_111_5779)">
+<path d="M-0.0104979 25.1437C-3.49703 20.322 -4.63787 15.1798 -2.55863 13.6583C-0.479393 12.1368 4.03256 14.8121 7.5191 19.6338C11.0056 24.4555 12.1465 29.5977 10.0672 31.1192C7.98799 32.6407 3.47604 29.9653 -0.0104979 25.1437Z" fill="#00CCC6"/>
+</g>
+<g filter="url(#filter2_f_111_5779)">
+<path d="M4.94199 13.9033C7.41811 14.9672 10.172 14.0713 11.0931 11.9021C12.0141 9.73298 10.7535 7.11203 8.27736 6.04806C5.80124 4.9841 3.0473 5.88003 2.12626 8.04919C1.20522 10.2183 2.46588 12.8393 4.94199 13.9033Z" fill="#77FF00"/>
+</g>
+<g filter="url(#filter3_f_111_5779)">
+<path d="M25.4971 30.2255C27.6782 31.1627 32.7464 24.1502 36.8173 14.5627C40.8882 4.97515 42.4203 -3.55682 40.2392 -4.494C38.0581 -5.43118 32.9899 1.58131 28.919 11.1688C24.8481 20.7564 23.316 29.2883 25.4971 30.2255Z" fill="#77FF00"/>
+</g>
+<g filter="url(#filter4_f_111_5779)">
+<path d="M23.6559 -4.65795C25.145 -6.15592 28.7903 -4.9176 31.7978 -1.89208C34.8054 1.13343 36.0364 4.80045 34.5473 6.29842C33.0582 7.79639 29.413 6.55808 26.4054 3.53256C23.3978 0.50704 22.1669 -3.15997 23.6559 -4.65795Z" fill="#97FFE2"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_f_111_5779" x="11.1706" y="-4.70439" width="20.3956" height="22.6505" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5779"/>
+</filter>
+<filter id="filter1_f_111_5779" x="-6.54375" y="10.2849" width="20.5963" height="24.2076" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5779"/>
+</filter>
+<filter id="filter2_f_111_5779" x="-1.12187" y="2.65352" width="15.463" height="14.6441" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5779"/>
+</filter>
+<filter id="filter3_f_111_5779" x="21.5578" y="-7.5247" width="22.6207" height="40.7809" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5779"/>
+</filter>
+<filter id="filter4_f_111_5779" x="20.0769" y="-8.24053" width="18.0494" height="18.1217" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="1.47329" result="effect1_foregroundBlur_111_5779"/>
+</filter>
+</defs>
+</svg>
diff --git a/app/assets/logos/oss-partners/vue.svg b/app/assets/logos/oss-partners/vue.svg
new file mode 100644
index 000000000..82bae0a10
--- /dev/null
+++ b/app/assets/logos/oss-partners/vue.svg
@@ -0,0 +1,11 @@
+<svg width="42" height="36" viewBox="0 0 42 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_111_5795)">
+<path d="M25.8481 0.000374375L20.9985 8.31404L16.1489 0.000374375H-0.000976562L20.9985 36L41.998 0.000374375H25.8481Z" fill="#41B883"/>
+<path d="M25.8482 0.000249966L20.9986 8.31392L16.149 0.000249966H8.39893L20.9986 21.5996L33.5983 0.000249966H25.8482Z" fill="#34495E"/>
+</g>
+<defs>
+<clipPath id="clip0_111_5795">
+<rect width="42" height="36" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/app/assets/logos/sponsors/vercel.svg b/app/assets/logos/sponsors/vercel.svg
new file mode 100644
index 000000000..c21a51377
--- /dev/null
+++ b/app/assets/logos/sponsors/vercel.svg
@@ -0,0 +1,3 @@
+<svg width="202" height="40" viewBox="0 0 202 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.1068 40L23.0541 0L0.00146484 40H46.1068ZM69.3579 38.1791L88.6233 1.81819H80.2904L67.0006 28.2247L53.711 1.81819H45.3778L64.6432 38.1791H69.3579ZM200.651 1.81819V38.1792H193.752V1.81819H200.651ZM162.249 24.6077C162.249 21.774 162.842 19.2816 164.028 17.1307C165.214 14.9798 166.867 13.3238 168.987 12.1631C171.106 11.0022 173.586 10.4218 176.425 10.4218C178.94 10.4218 181.203 10.9681 183.216 12.0606C185.227 13.1532 186.826 14.7749 188.012 16.9258C189.198 19.0768 189.808 21.7057 189.845 24.8126V26.4002H169.526C169.669 28.6535 170.334 30.4289 171.52 31.7263C172.742 32.9895 174.376 33.6212 176.425 33.6212C177.718 33.6212 178.903 33.2798 179.981 32.5969C181.059 31.9141 181.868 30.9922 182.407 29.8314L189.468 30.3435C188.605 32.9042 186.988 34.9527 184.616 36.4891C182.245 38.0255 179.514 38.7936 176.425 38.7936C173.586 38.7936 171.106 38.2132 168.987 37.0524C166.867 35.8916 165.214 34.2357 164.028 32.0848C162.842 29.9338 162.249 27.4415 162.249 24.6077ZM182.73 22.0471C182.478 19.8278 181.778 18.2062 180.628 17.1819C179.479 16.1235 178.077 15.5943 176.425 15.5943C174.52 15.5943 172.975 16.1576 171.789 17.2843C170.604 18.411 169.867 19.9986 169.58 22.0471H182.73ZM150.611 17.1819C151.761 18.1037 152.479 19.3841 152.767 21.0228L159.881 20.6644C159.629 18.5817 158.893 16.7722 157.672 15.2358C156.45 13.6995 154.868 12.5215 152.929 11.7022C151.024 10.8486 148.923 10.4218 146.623 10.4218C143.784 10.4218 141.305 11.0022 139.185 12.1631C137.065 13.3238 135.412 14.9798 134.227 17.1307C133.041 19.2816 132.448 21.774 132.448 24.6077C132.448 27.4415 133.041 29.9338 134.227 32.0848C135.412 34.2357 137.065 35.8916 139.185 37.0524C141.305 38.2132 143.784 38.7936 146.623 38.7936C148.994 38.7936 151.15 38.3668 153.091 37.5133C155.03 36.6256 156.612 35.3795 157.833 33.7748C159.055 32.1702 159.791 30.2923 160.043 28.1414L152.875 27.8342C152.623 29.6436 151.923 31.0435 150.773 32.0335C149.623 32.9895 148.239 33.4675 146.623 33.4675C144.395 33.4675 142.671 32.6993 141.449 31.1629C140.227 29.6265 139.616 27.4415 139.616 24.6077C139.616 21.774 140.227 19.5889 141.449 18.0525C142.671 16.5162 144.395 15.7479 146.623 15.7479C148.168 15.7479 149.497 16.2259 150.611 17.1819ZM115.614 11.0352H122.033L122.219 16.2592C122.675 14.7805 123.309 13.6322 124.121 12.8142C125.297 11.6282 126.938 11.0352 129.042 11.0352H131.663V16.6266H128.989C127.491 16.6266 126.26 16.8299 125.297 17.2365C124.37 17.6432 123.656 18.2871 123.158 19.1682C122.693 20.0492 122.462 21.1675 122.462 22.523V38.1791H115.614V11.0352ZM86.0027 17.1307C84.8169 19.2816 84.224 21.774 84.224 24.6077C84.224 27.4415 84.8169 29.9338 86.0027 32.0848C87.1884 34.2357 88.8407 35.8916 90.9609 37.0524C93.0811 38.2132 95.5599 38.7936 98.3987 38.7936C101.489 38.7936 104.22 38.0255 106.591 36.4891C108.962 34.9527 110.58 32.9042 111.442 30.3435L104.381 29.8314C103.842 30.9922 103.034 31.9141 101.956 32.5969C100.878 33.2798 99.6924 33.6212 98.3987 33.6212C96.3509 33.6212 94.7156 32.9895 93.4944 31.7263C92.3086 30.4289 91.644 28.6535 91.4998 26.4002H111.819V24.8126C111.783 21.7057 111.172 19.0768 109.987 16.9258C108.801 14.7749 107.202 13.1532 105.19 12.0606C103.177 10.9681 100.914 10.4218 98.3987 10.4218C95.5599 10.4218 93.0811 11.0022 90.9609 12.1631C88.8407 13.3238 87.1884 14.9798 86.0027 17.1307ZM102.603 17.1819C103.752 18.2062 104.453 19.8278 104.705 22.0471H91.5538C91.8414 19.9986 92.5777 18.411 93.7635 17.2843C94.9492 16.1576 96.4943 15.5943 98.3987 15.5943C100.052 15.5943 101.453 16.1235 102.603 17.1819Z" fill="white"/>
+</svg>
diff --git a/app/assets/logos/sponsors/void-zero.svg b/app/assets/logos/sponsors/void-zero.svg
new file mode 100644
index 000000000..f5d4de192
--- /dev/null
+++ b/app/assets/logos/sponsors/void-zero.svg
@@ -0,0 +1,3 @@
+<svg width="243" height="40" viewBox="0 0 243 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M72.9724 0C89.2932 7.10584e-05 97.8686 6.85088 97.8686 20C97.8684 33.1488 89.2929 40 72.9724 40C56.6526 39.9997 48.1314 33.1485 48.1311 20C48.1311 6.85104 56.6524 0.000253802 72.9724 0ZM186.975 0C179.103 11.256 179.057 28.7035 186.975 40H181.655C173.735 28.7035 173.781 11.2559 181.655 0H186.975ZM235.751 0C243.623 11.2559 243.669 28.7035 235.751 40H230.431C238.351 28.7035 238.305 11.256 230.431 0H235.751ZM208.703 0.0546875C219.735 0.0548456 228.676 8.9852 228.676 20C228.676 31.0149 219.733 39.9451 208.703 39.9453C197.673 39.9453 188.73 31.0149 188.73 20C188.73 8.98515 197.673 0.0547528 208.703 0.0546875ZM24.3981 28.5077L34.4665 0.664061H48.2432L32.9724 39.336H15.2683L0 0.664061H14.1627L24.3981 28.5077ZM116.238 39.336H102.959V0.664061H116.238V39.336ZM147.311 0.664061C160.755 0.664093 168.445 6.74035 168.445 20C168.444 33.2592 160.7 39.3357 147.257 39.336H122.968V0.664061H147.311ZM220.868 11.6224C220.573 10.9621 219.688 10.8382 219.23 11.3984L201.954 32.5573C201.541 33.0656 201.739 33.8272 202.348 34.0704C204.137 34.7848 206.254 35.1381 208.703 35.1381C217.767 35.1379 222.352 30.2763 222.352 20C222.352 16.6243 221.855 13.8397 220.868 11.6224ZM72.9724 9.50261C65.2829 9.50285 61.6862 12.8179 61.6862 20C61.6862 27.1816 65.2831 30.4424 72.9724 30.4427C80.6624 30.4427 84.2588 27.2371 84.2588 20C84.2588 12.7625 80.6624 9.50267 72.9724 9.50261ZM136.247 29.9453H145.431C151.737 29.9451 154.835 27.2368 154.835 20C154.835 12.7629 151.737 10.055 145.431 10.0547H136.247V29.9453ZM208.703 4.91667C199.587 4.91672 195.054 9.77896 195.054 20C195.054 23.3887 195.549 26.189 196.538 28.4192C196.832 29.0811 197.718 29.204 198.176 28.6432L215.421 7.48176C215.835 6.97349 215.634 6.21259 215.024 5.97136C213.241 5.26608 211.133 4.91669 208.703 4.91667Z" fill="#F9F9F9"/>
+</svg>
diff --git a/app/components/CallToAction.vue b/app/components/CallToAction.vue
index 58587249c..8ed0f0c15 100644
--- a/app/components/CallToAction.vue
+++ b/app/components/CallToAction.vue
@@ -41,7 +41,7 @@ function handleCardClick(event: MouseEvent) {
 
 <template>
   <div>
-    <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-6">
+    <h2 class="text-lg text-fg uppercase tracking-wider mb-6">
       {{ $t('about.get_involved.title') }}
     </h2>
 
diff --git a/app/components/Link/Base.vue b/app/components/Link/Base.vue
index 1dffa3db3..b2732d6b5 100644
--- a/app/components/Link/Base.vue
+++ b/app/components/Link/Base.vue
@@ -35,6 +35,11 @@ const props = withDefaults(
 
       /** should only be used for links where the context makes it very clear they are clickable. Don't just use this, because you don't like underlines. */
       noUnderline?: boolean
+
+      /**
+       * @deprecated @todo remove this property and add separate clean component without this logic
+       */
+      noNewTabIcon?: boolean
     } & NuxtLinkProps
   >(),
   { variant: 'link', size: 'medium' },
@@ -100,7 +105,7 @@ const isButtonMedium = computed(() => props.size === 'medium' && !isLink.value)
     <slot />
     <!-- automatically show icon indicating external link -->
     <span
-      v-if="isLinkExternal && !classicon"
+      v-if="isLinkExternal && !classicon && !noNewTabIcon"
       class="i-lucide:external-link rtl-flip size-[1em] opacity-50"
       aria-hidden="true"
     />
diff --git a/app/pages/about.vue b/app/pages/about.vue
index 0436f30ba..ff34ecd35 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -1,5 +1,15 @@
 <script setup lang="ts">
 import type { Role } from '#server/api/contributors.get'
+import LogoVercel from '~/assets/logos/sponsors/vercel.svg'
+import LogoVoidZero from '~/assets/logos/sponsors/void-zero.svg'
+import LogoNuxt from '~/assets/logos/oss-partners/nuxt.svg'
+import LogoOpenSourcePledge from '~/assets/logos/oss-partners/open-source-pledge.svg'
+import LogoOxC from '~/assets/logos/oss-partners/oxc.svg'
+import LogoRolldown from '~/assets/logos/oss-partners/rolldown.svg'
+import LogoStorybook from '~/assets/logos/oss-partners/storybook.svg'
+import LogoVite from '~/assets/logos/oss-partners/vite.svg'
+import LogoVitest from '~/assets/logos/oss-partners/vitest.svg'
+import LogoVue from '~/assets/logos/oss-partners/vue.svg'
 
 const router = useRouter()
 const canGoBack = useCanGoBack()
@@ -38,6 +48,62 @@ const communityContributors = computed(
   () => contributors.value?.filter(c => c.role === 'contributor') ?? [],
 )
 
+const SPONSOR = [
+  {
+    name: 'Vercel',
+    logo: LogoVercel,
+    url: 'https://vercel.com/',
+  },
+  {
+    name: 'Void Zero',
+    logo: LogoVoidZero,
+    url: 'https://voidzero.dev/',
+  },
+]
+
+const OSS_PARTNERS = [
+  {
+    name: 'Nuxt',
+    logo: LogoNuxt,
+    url: 'https://nuxt.com/',
+  },
+  {
+    name: 'Open Source Pledge',
+    logo: LogoOpenSourcePledge,
+    url: 'https://opensourcepledge.com/',
+  },
+  {
+    name: 'OxC',
+    logo: LogoOxC,
+    url: 'https://oxc.rs/',
+  },
+  {
+    name: 'Rolldown',
+    logo: LogoRolldown,
+    url: 'https://rolldown.rs/',
+  },
+  {
+    name: 'Storybook',
+    logo: LogoStorybook,
+    url: 'https://storybook.js.org/',
+  },
+  {
+    name: 'Vite',
+    logo: LogoVite,
+    url: 'https://vite.dev/',
+  },
+  {
+    name: 'Vitest',
+    logo: LogoVitest,
+    url: 'https://vitest.dev/',
+  },
+  {
+    name: 'Vue',
+    logo: LogoVue,
+    url: 'https://vuejs.org/',
+  },
+]
+
 const roleLabels = computed(
   () =>
     ({
@@ -57,7 +123,7 @@ const roleLabels = computed(
           </h1>
           <button
             type="button"
-            class="cursor-pointer inline-flex items-center gap-2 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
+            class="cursor-pointer inline-flex items-center gap-2 p-1.5 -mx-1.5 font-mono text-sm text-fg-muted hover:text-fg transition-colors duration-200 rounded focus-visible:outline-accent/70 shrink-0"
             @click="router.back()"
             v-if="canGoBack"
           >
@@ -70,9 +136,9 @@ const roleLabels = computed(
         </p>
       </header>
 
-      <section class="prose prose-invert max-w-none space-y-8">
+      <section class="prose prose-invert max-w-none space-y-12">
         <div>
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
             {{ $t('about.what_we_are.title') }}
           </h2>
           <p class="text-fg-muted leading-relaxed mb-4">
@@ -81,7 +147,7 @@ const roleLabels = computed(
                 <strong class="text-fg">{{ $t('about.what_we_are.better_ux_dx') }}</strong>
               </template>
               <template #jsr>
-                <LinkBase to="https://jsr.io/">JSR</LinkBase>
+                <LinkBase to="https://jsr.io/" no-new-tab-icon>JSR</LinkBase>
               </template>
             </i18n-t>
           </p>
@@ -95,7 +161,7 @@ const roleLabels = computed(
         </div>
 
         <div>
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
             {{ $t('about.what_we_are_not.title') }}
           </h2>
           <ul class="space-y-3 text-fg-muted list-none p-0">
@@ -113,32 +179,32 @@ const roleLabels = computed(
                 >
                   <template #already>{{ $t('about.what_we_are_not.words.already') }}</template>
                   <template #people>
-                    <LinkBase :to="pmLinks.npm" class="font-sans">{{
+                    <LinkBase :to="pmLinks.npm" class="font-sans" no-new-tab-icon>{{
                       $t('about.what_we_are_not.words.people')
                     }}</LinkBase>
                   </template>
                   <template #building>
-                    <LinkBase :to="pmLinks.pnpm" class="font-sans">{{
+                    <LinkBase :to="pmLinks.pnpm" class="font-sans" no-new-tab-icon>{{
                       $t('about.what_we_are_not.words.building')
                     }}</LinkBase>
                   </template>
                   <template #really>
-                    <LinkBase :to="pmLinks.yarn" class="font-sans">{{
+                    <LinkBase :to="pmLinks.yarn" class="font-sans" no-new-tab-icon>{{
                       $t('about.what_we_are_not.words.really')
                     }}</LinkBase>
                   </template>
                   <template #cool>
-                    <LinkBase :to="pmLinks.bun" class="font-sans">{{
+                    <LinkBase :to="pmLinks.bun" class="font-sans" no-new-tab-icon>{{
                       $t('about.what_we_are_not.words.cool')
                     }}</LinkBase>
                   </template>
                   <template #package>
-                    <LinkBase :to="pmLinks.deno" class="font-sans">{{
+                    <LinkBase :to="pmLinks.deno" class="font-sans" no-new-tab-icon>{{
                       $t('about.what_we_are_not.words.package')
                     }}</LinkBase>
                   </template>
                   <template #managers>
-                    <LinkBase :to="pmLinks.vlt" class="font-sans">{{
+                    <LinkBase :to="pmLinks.vlt" class="font-sans" no-new-tab-icon>{{
                       $t('about.what_we_are_not.words.managers')
                     }}</LinkBase>
                   </template>
@@ -156,7 +222,33 @@ const roleLabels = computed(
         </div>
 
         <div>
-          <h2 class="text-lg text-fg-subtle uppercase tracking-wider mb-4">
+          <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
+            {{ $t('about.sponsors.title') }}
+          </h2>
+          <ul class="flex flex-wrap gap-2 md:gap-x-6 md:gap-y-4 list-none p-0 -mx-2">
+            <li v-for="sponsor in SPONSOR" :key="sponsor.name">
+              <a :href="sponsor.url" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full min-w-13 rounded-md hover:bg-fg/10 transition-colors p-2">
+                <img :src="sponsor.logo" loading="lazy" height="24" width="auto" :alt="sponsor.name" class="h-6 md:h-9 w-auto block" />
+              </a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
+            {{ $t('about.oss_partners.title') }}
+          </h2>
+          <ul class="flex flex-wrap gap-2 md:gap-4 list-none p-0 -mx-2">
+            <li v-for="partner in OSS_PARTNERS" :key="partner.name">
+              <a :href="partner.url" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center h-full min-w-10 md:min-w-13 rounded-md hover:bg-fg/10 transition-colors p-2">
+                <img :src="partner.logo" loading="lazy" height="24" width="auto" :alt="partner.name" class="h-6 md:h-9 w-auto block" />
+              </a>
+            </li>
+          </ul>
+        </div>
+
+        <div>
+          <h2 class="text-lg uppercase tracking-wider mb-4">
             {{ $t('about.team.title') }}
           </h2>
           <p class="text-fg-muted leading-relaxed mb-6">
@@ -171,7 +263,7 @@ const roleLabels = computed(
           >
             <h3
               id="governance-heading"
-              class="text-sm text-fg-subtle uppercase tracking-wider mb-4"
+              class="text-sm text-fg uppercase tracking-wider mb-4"
             >
               {{ $t('about.team.governance') }}
             </h3>
@@ -226,7 +318,7 @@ const roleLabels = computed(
           <section aria-labelledby="contributors-heading">
             <h3
               id="contributors-heading"
-              class="text-sm text-fg-subtle uppercase tracking-wider mb-4"
+              class="text-sm uppercase tracking-wider mb-4"
             >
               {{
                 $t(
@@ -258,20 +350,21 @@ const roleLabels = computed(
               <li
                 v-for="contributor in communityContributors"
                 :key="contributor.id"
-                class="group relative"
+                class="block group relative"
               >
-                <LinkBase
-                  :to="contributor.html_url"
-                  no-underline
-                  no-external-icon
+                <a
+                  :href="contributor.html_url"
+                  target="_blank"
+                  rel="noopener noreferrer"
                   :aria-label="$t('about.contributors.view_profile', { name: contributor.login })"
+                  class="block rounded-lg"
                 >
                   <img
                     :src="`${contributor.avatar_url}&s=64`"
                     :alt="`${contributor.login}'s avatar`"
                     width="48"
                     height="48"
-                    class="w-12 h-12 rounded-lg ring-2 ring-transparent group-hover:ring-accent transition-all duration-200 ease-out hover:scale-125 will-change-transform"
+                    class="w-12 h-12 rounded-lg ring-2 ring-transparent group-hover:ring-accent transition-all duration-200 ease-out group-hover:scale-125 will-change-transform"
                     loading="lazy"
                   />
                   <span
@@ -281,7 +374,7 @@ const roleLabels = computed(
                   >
                     @{{ contributor.login }}
                   </span>
-                </LinkBase>
+                </a>
               </li>
             </ul>
           </section>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 869c481e0..adcc0a237 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -819,6 +819,12 @@
         "managers": "package managers"
       }
     },
+    "sponsors": {
+      "title": "Sponsors"
+    },
+    "oss_partners": {
+      "title": "OSS Partners"
+    },
     "team": {
       "title": "Team",
       "governance": "Governance",

From b6a97a75ba3d42d43ffb928187947e13cb882b49 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Tue, 24 Feb 2026 21:02:30 +0000
Subject: [PATCH 2/9] [autofix.ci] apply automated fixes

---
 lunaria/files/en-GB.json | 6 ++++++
 lunaria/files/en-US.json | 6 ++++++
 2 files changed, 12 insertions(+)

diff --git a/lunaria/files/en-GB.json b/lunaria/files/en-GB.json
index d63604d93..ecb18a007 100644
--- a/lunaria/files/en-GB.json
+++ b/lunaria/files/en-GB.json
@@ -825,6 +825,12 @@
         "managers": "package managers"
       }
     },
+    "sponsors": {
+      "title": "Sponsors"
+    },
+    "oss_partners": {
+      "title": "OSS Partners"
+    },
     "team": {
       "title": "Team",
       "governance": "Governance",
diff --git a/lunaria/files/en-US.json b/lunaria/files/en-US.json
index e3bdfccf7..9ed7f2501 100644
--- a/lunaria/files/en-US.json
+++ b/lunaria/files/en-US.json
@@ -825,6 +825,12 @@
         "managers": "package managers"
       }
     },
+    "sponsors": {
+      "title": "Sponsors"
+    },
+    "oss_partners": {
+      "title": "OSS Partners"
+    },
     "team": {
       "title": "Team",
       "governance": "Governance",

From d95a90766c06b5cea4cc5beaa4d0d2c6fbeadfad Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Tue, 24 Feb 2026 21:07:25 +0000
Subject: [PATCH 3/9] fix: remove width-auto property on about page

---
 app/pages/about.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/app/pages/about.vue b/app/pages/about.vue
index 9afef0a94..0a7e417c9 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -237,7 +237,6 @@ const roleLabels = computed(
                   :src="sponsor.logo"
                   loading="lazy"
                   height="24"
-                  width="auto"
                   :alt="sponsor.name"
                   class="h-6 md:h-9 w-auto block"
                 />
@@ -262,7 +261,6 @@ const roleLabels = computed(
                   :src="partner.logo"
                   loading="lazy"
                   height="24"
-                  width="auto"
                   :alt="partner.name"
                   class="h-6 md:h-9 w-auto block"
                 />

From e8d03c71c33f71b892d387a8c125bf09ef03b50d Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Tue, 24 Feb 2026 22:40:02 +0000
Subject: [PATCH 4/9] feat: update ui for void-zero tools on about page

---
 app/pages/about.vue | 100 +++++++++++++++++++++++++++++++++-----------
 1 file changed, 75 insertions(+), 25 deletions(-)

diff --git a/app/pages/about.vue b/app/pages/about.vue
index 0a7e417c9..bf84879ba 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -62,41 +62,46 @@ const SPONSOR = [
 ]
 
 const OSS_PARTNERS = [
-  {
-    name: 'Nuxt',
-    logo: LogoNuxt,
-    url: 'https://nuxt.com/',
-  },
   {
     name: 'Open Source Pledge',
     logo: LogoOpenSourcePledge,
     url: 'https://opensourcepledge.com/',
   },
   {
-    name: 'OxC',
-    logo: LogoOxC,
-    url: 'https://oxc.rs/',
+    name: 'Void Zero',
+    items: [
+      {
+        name: 'Vite',
+        logo: LogoVite,
+        url: 'https://vite.dev/',
+      },
+      {
+        name: 'OxC',
+        logo: LogoOxC,
+        url: 'https://oxc.rs/',
+      },
+      {
+        name: 'Vitest',
+        logo: LogoVitest,
+        url: 'https://vitest.dev/',
+      },
+      {
+        name: 'Rolldown',
+        logo: LogoRolldown,
+        url: 'https://rolldown.rs/',
+      },
+    ],
   },
   {
-    name: 'Rolldown',
-    logo: LogoRolldown,
-    url: 'https://rolldown.rs/',
+    name: 'Nuxt',
+    logo: LogoNuxt,
+    url: 'https://nuxt.com/',
   },
   {
     name: 'Storybook',
     logo: LogoStorybook,
     url: 'https://storybook.js.org/',
   },
-  {
-    name: 'Vite',
-    logo: LogoVite,
-    url: 'https://vite.dev/',
-  },
-  {
-    name: 'Vitest',
-    logo: LogoVitest,
-    url: 'https://vitest.dev/',
-  },
   {
     name: 'Vue',
     logo: LogoVue,
@@ -249,22 +254,67 @@ const roleLabels = computed(
           <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
             {{ $t('about.oss_partners.title') }}
           </h2>
-          <ul class="flex flex-wrap gap-2 md:gap-4 list-none p-0 -mx-2">
+          <ul class="flex flex-wrap gap-5 md:gap-7 list-none">
             <li v-for="partner in OSS_PARTNERS" :key="partner.name">
               <a
+                v-if="partner.logo"
                 :href="partner.url"
                 target="_blank"
                 rel="noopener noreferrer"
-                class="flex items-center justify-center h-full min-w-10 md:min-w-13 rounded-md hover:bg-fg/10 transition-colors p-2"
+                class="flex items-center justify-center h-full min-w-10 rounded-md hover:bg-fg/10 transition-colors p-0.5"
               >
                 <img
                   :src="partner.logo"
                   loading="lazy"
-                  height="24"
+                  height="36"
                   :alt="partner.name"
-                  class="h-6 md:h-9 w-auto block"
+                  class="w-auto block"
                 />
               </a>
+              <div v-else-if="partner.items" class="relative flex items-center justify-center">
+                <svg
+                  width="11"
+                  height="38"
+                  viewBox="0 0 11 38"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M5.62151 0C-1.8519 10.6931 -1.89574 27.2683 5.62151 37.9997H10.6709C3.15538 27.2683 3.19922 10.6931 10.6709 0H5.62151Z"
+                    fill="white"
+                  />
+                </svg>
+                <ul class="flex items-center justify-center h-full gap-0.5 list-none">
+                  <li v-for="item in partner.items" :key="item.name">
+                    <a
+                      :href="item.url"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      class="flex items-center justify-center h-full min-w-10 rounded-md hover:bg-fg/10 transition-colors p-0.5"
+                    >
+                      <img
+                        :src="item.logo"
+                        loading="lazy"
+                        height="36"
+                        :alt="item.name"
+                        class="w-auto block"
+                      />
+                    </a>
+                  </li>
+                </ul>
+                <svg
+                  width="11"
+                  height="38"
+                  viewBox="0 0 11 38"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M5.04935 0H0C7.4734 10.6931 7.51725 27.2683 0 37.9997H5.04935C12.5648 27.2683 12.521 10.6931 5.04935 0Z"
+                    fill="white"
+                  />
+                </svg>
+              </div>
             </li>
           </ul>
         </div>

From deb9db9cd1f60c4dce166f402394057530060c84 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Tue, 24 Feb 2026 23:21:51 +0000
Subject: [PATCH 5/9] fix: support partners logos in light theme

---
 app/pages/about.vue | 43 +++++++++++++++++++++++++++++++++++++------
 1 file changed, 37 insertions(+), 6 deletions(-)

diff --git a/app/pages/about.vue b/app/pages/about.vue
index bf84879ba..82fbbefd9 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -53,11 +53,13 @@ const SPONSOR = [
     name: 'Vercel',
     logo: LogoVercel,
     url: 'https://vercel.com/',
+    colorScheme: 'dark',
   },
   {
     name: 'Void Zero',
     logo: LogoVoidZero,
     url: 'https://voidzero.dev/',
+    colorScheme: 'dark',
   },
 ]
 
@@ -66,6 +68,7 @@ const OSS_PARTNERS = [
     name: 'Open Source Pledge',
     logo: LogoOpenSourcePledge,
     url: 'https://opensourcepledge.com/',
+    colorScheme: 'dark',
   },
   {
     name: 'Void Zero',
@@ -74,21 +77,25 @@ const OSS_PARTNERS = [
         name: 'Vite',
         logo: LogoVite,
         url: 'https://vite.dev/',
+        colorScheme: 'light-dark',
       },
       {
         name: 'OxC',
         logo: LogoOxC,
         url: 'https://oxc.rs/',
+        colorScheme: 'light-dark',
       },
       {
         name: 'Vitest',
         logo: LogoVitest,
         url: 'https://vitest.dev/',
+        colorScheme: 'light-dark',
       },
       {
         name: 'Rolldown',
         logo: LogoRolldown,
         url: 'https://rolldown.rs/',
+        colorScheme: 'light-dark',
       },
     ],
   },
@@ -96,16 +103,19 @@ const OSS_PARTNERS = [
     name: 'Nuxt',
     logo: LogoNuxt,
     url: 'https://nuxt.com/',
+    colorScheme: 'light-dark',
   },
   {
     name: 'Storybook',
     logo: LogoStorybook,
     url: 'https://storybook.js.org/',
+    colorScheme: 'light-dark',
   },
   {
     name: 'Vue',
     logo: LogoVue,
     url: 'https://vuejs.org/',
+    colorScheme: 'light-dark',
   },
 ]
 
@@ -230,13 +240,20 @@ const roleLabels = computed(
           <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
             {{ $t('about.sponsors.title') }}
           </h2>
-          <ul class="flex flex-wrap gap-2 md:gap-x-6 md:gap-y-4 list-none p-0 -mx-2">
+          <ul class="flex flex-wrap gap-2 md:gap-x-6 md:gap-y-4 list-none">
             <li v-for="sponsor in SPONSOR" :key="sponsor.name">
               <a
                 :href="sponsor.url"
                 target="_blank"
                 rel="noopener noreferrer"
-                class="flex items-center justify-center h-full min-w-13 rounded-md hover:bg-fg/10 transition-colors p-2"
+                class="flex items-center justify-center h-full min-w-13 rounded-md hover:opacity-80 transition-opacity p-2"
+                :class="
+                  sponsor.colorScheme === 'dark'
+                    ? 'light:bg-fg-muted'
+                    : sponsor.colorScheme === 'light'
+                      ? 'dark:bg-fg-muted'
+                      : undefined
+                "
               >
                 <img
                   :src="sponsor.logo"
@@ -261,7 +278,14 @@ const roleLabels = computed(
                 :href="partner.url"
                 target="_blank"
                 rel="noopener noreferrer"
-                class="flex items-center justify-center h-full min-w-10 rounded-md hover:bg-fg/10 transition-colors p-0.5"
+                class="flex items-center justify-center h-full min-w-10 rounded-md hover:opacity-80 transition-opacity p-0.5"
+                :class="
+                  partner.colorScheme === 'dark'
+                    ? 'light:bg-fg-muted'
+                    : partner.colorScheme === 'light'
+                      ? 'dark:bg-fg-muted'
+                      : undefined
+                "
               >
                 <img
                   :src="partner.logo"
@@ -281,7 +305,7 @@ const roleLabels = computed(
                 >
                   <path
                     d="M5.62151 0C-1.8519 10.6931 -1.89574 27.2683 5.62151 37.9997H10.6709C3.15538 27.2683 3.19922 10.6931 10.6709 0H5.62151Z"
-                    fill="white"
+                    fill="currentColor"
                   />
                 </svg>
                 <ul class="flex items-center justify-center h-full gap-0.5 list-none">
@@ -290,7 +314,14 @@ const roleLabels = computed(
                       :href="item.url"
                       target="_blank"
                       rel="noopener noreferrer"
-                      class="flex items-center justify-center h-full min-w-10 rounded-md hover:bg-fg/10 transition-colors p-0.5"
+                      class="flex items-center justify-center h-full min-w-10 rounded-md hover:opacity-80 transition-opacity p-0.5"
+                      :class="
+                        item.colorScheme === 'dark'
+                          ? 'light:bg-fg-muted'
+                          : item.colorScheme === 'light'
+                            ? 'dark:bg-fg-muted'
+                            : undefined
+                      "
                     >
                       <img
                         :src="item.logo"
@@ -311,7 +342,7 @@ const roleLabels = computed(
                 >
                   <path
                     d="M5.04935 0H0C7.4734 10.6931 7.51725 27.2683 0 37.9997H5.04935C12.5648 27.2683 12.521 10.6931 5.04935 0Z"
-                    fill="white"
+                    fill="currentColor"
                   />
                 </svg>
               </div>

From 3e2d47845c3fb26ff2894680e03c2ffe37fb0583 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Tue, 24 Feb 2026 23:38:39 +0000
Subject: [PATCH 6/9] fix: hide brackets for aria

---
 app/pages/about.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/pages/about.vue b/app/pages/about.vue
index 82fbbefd9..cb7a9864f 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -302,6 +302,7 @@ const roleLabels = computed(
                   viewBox="0 0 11 38"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
+                  aria-hidden="true"
                 >
                   <path
                     d="M5.62151 0C-1.8519 10.6931 -1.89574 27.2683 5.62151 37.9997H10.6709C3.15538 27.2683 3.19922 10.6931 10.6709 0H5.62151Z"
@@ -339,6 +340,7 @@ const roleLabels = computed(
                   viewBox="0 0 11 38"
                   fill="none"
                   xmlns="http://www.w3.org/2000/svg"
+                  aria-hidden="true"
                 >
                   <path
                     d="M5.04935 0H0C7.4734 10.6931 7.51725 27.2683 0 37.9997H5.04935C12.5648 27.2683 12.521 10.6931 5.04935 0Z"

From d69d11ec7411b3685a0baf5e89c05510e73ee6e4 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Wed, 25 Feb 2026 08:58:36 +0000
Subject: [PATCH 7/9] fix: configure different logos for themes on about page

---
 app/assets/logos/oss-partners/index.ts        |  66 ++++++
 .../oss-partners/open-source-pledge-light.svg |  17 ++
 app/assets/logos/sponsors/index.ts            |  29 +++
 app/assets/logos/sponsors/vercel-light.svg    |   3 +
 app/assets/logos/sponsors/void-zero-light.svg |   1 +
 app/components/About/LogoImg.vue              |  27 +++
 app/components/About/LogoList.vue             |  77 +++++++
 app/pages/about.vue                           | 189 +-----------------
 8 files changed, 224 insertions(+), 185 deletions(-)
 create mode 100644 app/assets/logos/oss-partners/index.ts
 create mode 100644 app/assets/logos/oss-partners/open-source-pledge-light.svg
 create mode 100644 app/assets/logos/sponsors/index.ts
 create mode 100644 app/assets/logos/sponsors/vercel-light.svg
 create mode 100644 app/assets/logos/sponsors/void-zero-light.svg
 create mode 100644 app/components/About/LogoImg.vue
 create mode 100644 app/components/About/LogoList.vue

diff --git a/app/assets/logos/oss-partners/index.ts b/app/assets/logos/oss-partners/index.ts
new file mode 100644
index 000000000..dba82b9f4
--- /dev/null
+++ b/app/assets/logos/oss-partners/index.ts
@@ -0,0 +1,66 @@
+import LogoNuxt from '~/assets/logos/oss-partners/nuxt.svg'
+import LogoOpenSourcePledge from '~/assets/logos/oss-partners/open-source-pledge.svg'
+import LogoOpenSourcePledgeLight from '~/assets/logos/oss-partners/open-source-pledge-light.svg'
+import LogoOxC from '~/assets/logos/oss-partners/oxc.svg'
+import LogoRolldown from '~/assets/logos/oss-partners/rolldown.svg'
+import LogoStorybook from '~/assets/logos/oss-partners/storybook.svg'
+import LogoVite from '~/assets/logos/oss-partners/vite.svg'
+import LogoVitest from '~/assets/logos/oss-partners/vitest.svg'
+import LogoVue from '~/assets/logos/oss-partners/vue.svg'
+
+// The list is used on the about page. To add, simply upload the logos nearby and add an entry here. Prefer SVGs.
+// For logo src, specify a string or object with the light and dark theme variants.
+// Prefer original assets from partner sites to keep their brand identity.
+//
+// If there are no original assets and the logo is not universal, you can add only the dark theme variant
+// and specify 'auto' for the light one - this will grayscale the logo and invert it in light mode.
+export const OSS_PARTNERS = [
+  {
+    name: 'Open Source Pledge',
+    logo: {
+      dark: LogoOpenSourcePledge,
+      light: LogoOpenSourcePledgeLight,
+    },
+    url: 'https://opensourcepledge.com/',
+  },
+  {
+    name: 'Void Zero',
+    items: [
+      {
+        name: 'Vite',
+        logo: LogoVite,
+        url: 'https://vite.dev/',
+      },
+      {
+        name: 'OxC',
+        logo: LogoOxC,
+        url: 'https://oxc.rs/',
+      },
+      {
+        name: 'Vitest',
+        logo: LogoVitest,
+        url: 'https://vitest.dev/',
+      },
+      {
+        name: 'Rolldown',
+        logo: LogoRolldown,
+        url: 'https://rolldown.rs/',
+      },
+    ],
+  },
+  {
+    name: 'Nuxt',
+    logo: LogoNuxt,
+    url: 'https://nuxt.com/',
+  },
+  {
+    name: 'Storybook',
+    logo: LogoStorybook,
+    url: 'https://storybook.js.org/',
+  },
+  {
+    name: 'Vue',
+    logo: LogoVue,
+    url: 'https://vuejs.org/',
+  },
+]
diff --git a/app/assets/logos/oss-partners/open-source-pledge-light.svg b/app/assets/logos/oss-partners/open-source-pledge-light.svg
new file mode 100644
index 000000000..778e677c0
--- /dev/null
+++ b/app/assets/logos/oss-partners/open-source-pledge-light.svg
@@ -0,0 +1,17 @@
+<svg width="321" height="321" viewBox="0 0 321 321" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_126_8198)">
+<mask id="mask0_126_8198" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="321" height="321">
+<path d="M321 0H0V321H321V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_126_8198)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.4015 2C28.1745 2 12.3435 17.1137 11.4525 36.32L0.0394661 282.345C-0.911899 302.853 15.4584 320 35.9885 320H285.14C305.67 320 322.04 302.853 321.089 282.345L309.676 36.32C308.785 17.1136 292.954 2 273.727 2H47.4015ZM73.5422 12.4688C49.6917 12.4688 30.357 31.8034 30.357 55.6539V229.703C30.357 253.554 49.6917 272.889 73.5422 272.889H247.592C271.442 272.889 290.777 253.554 290.777 229.703V55.654C290.777 31.8034 271.442 12.4688 247.592 12.4688H73.5422Z" fill="#080E17"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M129.312 59.1064L236.235 119.545H148.321H84.4355V94.4398H140.425L129.312 59.1064Z" fill="#080E17"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M191.359 215.083L84.4355 154.645H172.35H236.235V179.75H180.246L191.359 215.083Z" fill="#080E17"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_126_8198">
+<rect width="321" height="321" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/app/assets/logos/sponsors/index.ts b/app/assets/logos/sponsors/index.ts
new file mode 100644
index 000000000..392d1c54c
--- /dev/null
+++ b/app/assets/logos/sponsors/index.ts
@@ -0,0 +1,29 @@
+import LogoVercel from './vercel.svg'
+import LogoVercelLight from './vercel-light.svg'
+import LogoVoidZero from './void-zero.svg'
+import LogoVoidZeroLight from './void-zero-light.svg'
+
+// The list is used on the about page. To add, simply upload the logos nearby and add an entry here. Prefer SVGs.
+// For logo src, specify a string or object with the light and dark theme variants.
+// Prefer original assets from partner sites to keep their brand identity.
+//
+// If there are no original assets and the logo is not universal, you can add only the dark theme variant
+// and specify 'auto' for the light one - this will grayscale the logo and invert it in light mode.
+export const SPONSORS = [
+  {
+    name: 'Vercel',
+    logo: {
+      dark: LogoVercel,
+      light: LogoVercelLight,
+    },
+    url: 'https://vercel.com/',
+  },
+  {
+    name: 'Void Zero',
+    logo: {
+      dark: LogoVoidZero,
+      light: LogoVoidZeroLight,
+    },
+    url: 'https://voidzero.dev/',
+  },
+]
diff --git a/app/assets/logos/sponsors/vercel-light.svg b/app/assets/logos/sponsors/vercel-light.svg
new file mode 100644
index 000000000..7b3219a77
--- /dev/null
+++ b/app/assets/logos/sponsors/vercel-light.svg
@@ -0,0 +1,3 @@
+<svg width="262" height="52" viewBox="0 0 262 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M59.8019 52L29.9019 0L0.00195312 52H59.8019ZM89.9593 49.6328L114.947 2.36365H104.139L86.9018 36.6921L69.6647 2.36365H58.8564L83.8442 49.6328H89.9593ZM260.25 2.36365V49.6329H251.302V2.36365H260.25ZM210.442 31.99C210.442 28.3062 211.211 25.0661 212.749 22.2699C214.287 19.4737 216.431 17.321 219.181 15.812C221.93 14.3029 225.146 13.5484 228.828 13.5484C232.09 13.5484 235.026 14.2585 237.636 15.6788C240.245 17.0991 242.319 19.2074 243.857 22.0036C245.395 24.7998 246.187 28.2174 246.234 32.2564V34.3202H219.88C220.066 37.2496 220.928 39.5576 222.466 41.2442C224.051 42.8864 226.171 43.7075 228.828 43.7075C230.505 43.7075 232.043 43.2637 233.441 42.376C234.839 41.4883 235.888 40.2899 236.587 38.7808L245.745 39.4466C244.626 42.7754 242.529 45.4385 239.453 47.4358C236.377 49.4331 232.835 50.4317 228.828 50.4317C225.146 50.4317 221.93 49.6772 219.181 48.1681C216.431 46.6591 214.287 44.5064 212.749 41.7102C211.211 38.914 210.442 35.6739 210.442 31.99ZM237.006 28.6612C236.68 25.7762 235.771 23.668 234.28 22.3365C232.789 20.9606 230.971 20.2726 228.828 20.2726C226.358 20.2726 224.354 21.0049 222.816 22.4696C221.278 23.9343 220.322 25.9982 219.95 28.6612H237.006ZM195.347 22.3365C196.838 23.5348 197.77 25.1993 198.143 27.3297L207.371 26.8637C207.044 24.1562 206.089 21.8039 204.505 19.8066C202.92 17.8093 200.869 16.278 198.353 15.2128C195.883 14.1032 193.157 13.5484 190.174 13.5484C186.492 13.5484 183.277 14.3029 180.527 15.812C177.777 17.321 175.634 19.4737 174.096 22.2699C172.558 25.0661 171.789 28.3062 171.789 31.99C171.789 35.6739 172.558 38.914 174.096 41.7102C175.634 44.5064 177.777 46.6591 180.527 48.1681C183.277 49.6772 186.492 50.4317 190.174 50.4317C193.25 50.4317 196.046 49.8769 198.563 48.7673C201.079 47.6133 203.13 45.9933 204.714 43.9072C206.299 41.8212 207.254 39.38 207.58 36.5838L198.283 36.1844C197.957 38.5367 197.048 40.3565 195.557 41.6436C194.065 42.8864 192.271 43.5078 190.174 43.5078C187.285 43.5078 185.048 42.5091 183.463 40.5118C181.879 38.5145 181.086 35.6739 181.086 31.99C181.086 28.3062 181.879 25.4656 183.463 23.4683C185.048 21.471 187.285 20.4723 190.174 20.4723C192.178 20.4723 193.902 21.0937 195.347 22.3365ZM149.955 14.3457H158.281L158.522 21.1369C159.113 19.2146 159.935 17.7218 160.988 16.6585C162.514 15.1166 164.642 14.3457 167.371 14.3457H170.771V21.6146H167.302C165.359 21.6146 163.763 21.8789 162.514 22.4075C161.311 22.9362 160.386 23.7732 159.739 24.9186C159.137 26.064 158.837 27.5178 158.837 29.2799V49.6328H149.955V14.3457ZM111.548 22.2699C110.01 25.0661 109.241 28.3062 109.241 31.99C109.241 35.6739 110.01 38.914 111.548 41.7102C113.086 44.5064 115.229 46.6591 117.979 48.1681C120.729 49.6772 123.944 50.4317 127.626 50.4317C131.634 50.4317 135.176 49.4331 138.252 47.4358C141.327 45.4385 143.425 42.7754 144.543 39.4466L135.385 38.7808C134.686 40.2899 133.638 41.4883 132.24 42.376C130.842 43.2637 129.304 43.7075 127.626 43.7075C124.97 43.7075 122.849 42.8864 121.265 41.2442C119.727 39.5576 118.865 37.2496 118.678 34.3202H145.032V32.2564C144.986 28.2174 144.194 24.7998 142.656 22.0036C141.118 19.2074 139.044 17.0991 136.434 15.6788C133.824 14.2585 130.888 13.5484 127.626 13.5484C123.944 13.5484 120.729 14.3029 117.979 15.812C115.229 17.321 113.086 19.4737 111.548 22.2699ZM133.079 22.3365C134.57 23.668 135.479 25.7762 135.805 28.6612H118.748C119.121 25.9982 120.076 23.9343 121.614 22.4696C123.152 21.0049 125.156 20.2726 127.626 20.2726C129.77 20.2726 131.587 20.9606 133.079 22.3365Z" fill="black"/>
+</svg>
diff --git a/app/assets/logos/sponsors/void-zero-light.svg b/app/assets/logos/sponsors/void-zero-light.svg
new file mode 100644
index 000000000..51b587247
--- /dev/null
+++ b/app/assets/logos/sponsors/void-zero-light.svg
@@ -0,0 +1 @@
+<svg viewBox='0 0 91 15' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M27.3271 0C33.439 2.66469e-05 36.6504 2.56908 36.6504 7.5C36.6503 12.4308 33.4389 15 27.3271 15C21.2156 14.9999 18.0245 12.4307 18.0244 7.5C18.0244 2.56914 21.2155 9.51756e-05 27.3271 0ZM70.0195 0C67.0714 4.22099 67.0541 10.7638 70.0195 15H68.0273C65.0612 10.7638 65.0785 4.22098 68.0273 0H70.0195ZM88.2852 0C91.2333 4.22097 91.2506 10.7638 88.2852 15H86.293C89.2591 10.7638 89.2418 4.22099 86.293 0H88.2852ZM78.1562 0.0205078C82.2875 0.0205671 85.6357 3.36945 85.6357 7.5C85.6357 11.6306 82.2868 14.9794 78.1562 14.9795C74.0257 14.9795 70.6768 11.6306 70.6768 7.5C70.6768 3.36943 74.0257 0.0205323 78.1562 0.0205078ZM9.13672 10.6904L12.9072 0.249023H18.0664L12.3477 14.751H5.71777L0 0.249023H5.30371L9.13672 10.6904ZM43.5293 14.751H38.5566V0.249023H43.5293V14.751ZM55.166 0.249023C60.2005 0.249035 63.0801 2.52763 63.0801 7.5C63.08 12.4722 60.1798 14.7509 55.1455 14.751H46.0498V0.249023H55.166ZM82.7119 4.3584C82.6014 4.11078 82.27 4.06433 82.0986 4.27441L75.6289 12.209C75.4742 12.3996 75.5485 12.6852 75.7764 12.7764C76.4463 13.0443 77.2391 13.1768 78.1562 13.1768C81.5506 13.1767 83.2676 11.3536 83.2676 7.5C83.2676 6.23413 83.0814 5.18989 82.7119 4.3584ZM27.3271 3.56348C24.4475 3.56357 23.1006 4.80673 23.1006 7.5C23.1006 10.1931 24.4476 11.4159 27.3271 11.416C30.2069 11.416 31.5537 10.2139 31.5537 7.5C31.5537 4.78594 30.2069 3.5635 27.3271 3.56348ZM51.0225 11.2295H54.4619C56.8234 11.2294 57.9834 10.2138 57.9834 7.5C57.9834 4.78608 56.8235 3.77064 54.4619 3.77051H51.0225V11.2295ZM78.1562 1.84375C74.7426 1.84377 73.0449 3.66711 73.0449 7.5C73.0449 8.77075 73.2304 9.82088 73.6006 10.6572C73.7106 10.9054 74.0426 10.9515 74.2139 10.7412L80.6719 2.80566C80.8271 2.61506 80.752 2.32972 80.5234 2.23926C79.8556 1.97478 79.0664 1.84376 78.1562 1.84375Z' fill='#08060D'/></svg>
\ No newline at end of file
diff --git a/app/components/About/LogoImg.vue b/app/components/About/LogoImg.vue
new file mode 100644
index 000000000..b7834cb95
--- /dev/null
+++ b/app/components/About/LogoImg.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+const props = defineProps<{
+  src:
+    | string
+    | {
+        dark: string
+        light: string
+      }
+}>()
+</script>
+<template>
+  <div v-if="typeof src === 'string'">
+    <img :src="src" loading="lazy" height="36" class="w-auto block h-9" />
+  </div>
+  <div v-else-if="src.light === 'auto'">
+    <img
+      :src="src.dark"
+      loading="lazy"
+      height="36"
+      class="w-auto block light:invert light:grayscale h-9"
+    />
+  </div>
+  <div v-else>
+    <img :src="src.dark" loading="lazy" height="36" class="w-auto block light:hidden h-9" />
+    <img :src="src.light" loading="lazy" height="36" class="w-auto block hidden light:block h-9" />
+  </div>
+</template>
diff --git a/app/components/About/LogoList.vue b/app/components/About/LogoList.vue
new file mode 100644
index 000000000..8157a6ec4
--- /dev/null
+++ b/app/components/About/LogoList.vue
@@ -0,0 +1,77 @@
+<script setup lang="ts">
+type BaseItem = {
+  name: string
+  url: string
+  logo:
+    | string
+    | {
+        dark: string
+        light: string
+      }
+}
+
+type GroupItem = {
+  name: string
+  items: BaseItem[]
+}
+
+const props = defineProps<{
+  list: (BaseItem | GroupItem)[]
+}>()
+</script>
+
+<template>
+  <ul class="flex items-center flex-wrap gap-4 md:gap-x-6 md:gap-y-4 list-none">
+    <li v-for="item in list" :key="item.name">
+      <a
+        v-if="'logo' in item"
+        :href="item.url"
+        target="_blank"
+        rel="noopener noreferrer"
+        class="flex items-center justify-center h-full min-w-11 rounded-md hover:bg-fg/10 transition-colors p-1"
+      >
+        <AboutLogoImg :src="item.logo" :alt="item.name" />
+      </a>
+      <div v-else-if="item.items" class="relative flex items-center justify-center">
+        <svg
+          width="11"
+          height="38"
+          viewBox="0 0 11 38"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+        >
+          <path
+            d="M5.62151 0C-1.8519 10.6931 -1.89574 27.2683 5.62151 37.9997H10.6709C3.15538 27.2683 3.19922 10.6931 10.6709 0H5.62151Z"
+            fill="currentColor"
+          />
+        </svg>
+        <ul class="flex items-center justify-center h-full gap-0.5 list-none">
+          <li v-for="groupItem in item.items" :key="groupItem.name">
+            <a
+              :href="groupItem.url"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="flex items-center justify-center h-full min-w-10 rounded-md hover:bg-fg/10 transition-colors p-0.5"
+            >
+              <AboutLogoImg :src="groupItem.logo" :alt="groupItem.name" />
+            </a>
+          </li>
+        </ul>
+        <svg
+          width="11"
+          height="38"
+          viewBox="0 0 11 38"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+        >
+          <path
+            d="M5.04935 0H0C7.4734 10.6931 7.51725 27.2683 0 37.9997H5.04935C12.5648 27.2683 12.521 10.6931 5.04935 0Z"
+            fill="currentColor"
+          />
+        </svg>
+      </div>
+    </li>
+  </ul>
+</template>
diff --git a/app/pages/about.vue b/app/pages/about.vue
index cb7a9864f..e70a1de24 100644
--- a/app/pages/about.vue
+++ b/app/pages/about.vue
@@ -1,15 +1,7 @@
 <script setup lang="ts">
 import type { Role } from '#server/api/contributors.get'
-import LogoVercel from '~/assets/logos/sponsors/vercel.svg'
-import LogoVoidZero from '~/assets/logos/sponsors/void-zero.svg'
-import LogoNuxt from '~/assets/logos/oss-partners/nuxt.svg'
-import LogoOpenSourcePledge from '~/assets/logos/oss-partners/open-source-pledge.svg'
-import LogoOxC from '~/assets/logos/oss-partners/oxc.svg'
-import LogoRolldown from '~/assets/logos/oss-partners/rolldown.svg'
-import LogoStorybook from '~/assets/logos/oss-partners/storybook.svg'
-import LogoVite from '~/assets/logos/oss-partners/vite.svg'
-import LogoVitest from '~/assets/logos/oss-partners/vitest.svg'
-import LogoVue from '~/assets/logos/oss-partners/vue.svg'
+import { SPONSORS } from '~/assets/logos/sponsors'
+import { OSS_PARTNERS } from '~/assets/logos/oss-partners'
 
 const router = useRouter()
 const canGoBack = useCanGoBack()
@@ -48,77 +40,6 @@ const communityContributors = computed(
   () => contributors.value?.filter(c => c.role === 'contributor') ?? [],
 )
 
-const SPONSOR = [
-  {
-    name: 'Vercel',
-    logo: LogoVercel,
-    url: 'https://vercel.com/',
-    colorScheme: 'dark',
-  },
-  {
-    name: 'Void Zero',
-    logo: LogoVoidZero,
-    url: 'https://voidzero.dev/',
-    colorScheme: 'dark',
-  },
-]
-
-const OSS_PARTNERS = [
-  {
-    name: 'Open Source Pledge',
-    logo: LogoOpenSourcePledge,
-    url: 'https://opensourcepledge.com/',
-    colorScheme: 'dark',
-  },
-  {
-    name: 'Void Zero',
-    items: [
-      {
-        name: 'Vite',
-        logo: LogoVite,
-        url: 'https://vite.dev/',
-        colorScheme: 'light-dark',
-      },
-      {
-        name: 'OxC',
-        logo: LogoOxC,
-        url: 'https://oxc.rs/',
-        colorScheme: 'light-dark',
-      },
-      {
-        name: 'Vitest',
-        logo: LogoVitest,
-        url: 'https://vitest.dev/',
-        colorScheme: 'light-dark',
-      },
-      {
-        name: 'Rolldown',
-        logo: LogoRolldown,
-        url: 'https://rolldown.rs/',
-        colorScheme: 'light-dark',
-      },
-    ],
-  },
-  {
-    name: 'Nuxt',
-    logo: LogoNuxt,
-    url: 'https://nuxt.com/',
-    colorScheme: 'light-dark',
-  },
-  {
-    name: 'Storybook',
-    logo: LogoStorybook,
-    url: 'https://storybook.js.org/',
-    colorScheme: 'light-dark',
-  },
-  {
-    name: 'Vue',
-    logo: LogoVue,
-    url: 'https://vuejs.org/',
-    colorScheme: 'light-dark',
-  },
-]
-
 const roleLabels = computed(
   () =>
     ({
@@ -240,116 +161,14 @@ const roleLabels = computed(
           <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
             {{ $t('about.sponsors.title') }}
           </h2>
-          <ul class="flex flex-wrap gap-2 md:gap-x-6 md:gap-y-4 list-none">
-            <li v-for="sponsor in SPONSOR" :key="sponsor.name">
-              <a
-                :href="sponsor.url"
-                target="_blank"
-                rel="noopener noreferrer"
-                class="flex items-center justify-center h-full min-w-13 rounded-md hover:opacity-80 transition-opacity p-2"
-                :class="
-                  sponsor.colorScheme === 'dark'
-                    ? 'light:bg-fg-muted'
-                    : sponsor.colorScheme === 'light'
-                      ? 'dark:bg-fg-muted'
-                      : undefined
-                "
-              >
-                <img
-                  :src="sponsor.logo"
-                  loading="lazy"
-                  height="24"
-                  :alt="sponsor.name"
-                  class="h-6 md:h-9 w-auto block"
-                />
-              </a>
-            </li>
-          </ul>
+          <AboutLogoList :list="SPONSORS" />
         </div>
 
         <div>
           <h2 class="text-lg text-fg uppercase tracking-wider mb-4">
             {{ $t('about.oss_partners.title') }}
           </h2>
-          <ul class="flex flex-wrap gap-5 md:gap-7 list-none">
-            <li v-for="partner in OSS_PARTNERS" :key="partner.name">
-              <a
-                v-if="partner.logo"
-                :href="partner.url"
-                target="_blank"
-                rel="noopener noreferrer"
-                class="flex items-center justify-center h-full min-w-10 rounded-md hover:opacity-80 transition-opacity p-0.5"
-                :class="
-                  partner.colorScheme === 'dark'
-                    ? 'light:bg-fg-muted'
-                    : partner.colorScheme === 'light'
-                      ? 'dark:bg-fg-muted'
-                      : undefined
-                "
-              >
-                <img
-                  :src="partner.logo"
-                  loading="lazy"
-                  height="36"
-                  :alt="partner.name"
-                  class="w-auto block"
-                />
-              </a>
-              <div v-else-if="partner.items" class="relative flex items-center justify-center">
-                <svg
-                  width="11"
-                  height="38"
-                  viewBox="0 0 11 38"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                  aria-hidden="true"
-                >
-                  <path
-                    d="M5.62151 0C-1.8519 10.6931 -1.89574 27.2683 5.62151 37.9997H10.6709C3.15538 27.2683 3.19922 10.6931 10.6709 0H5.62151Z"
-                    fill="currentColor"
-                  />
-                </svg>
-                <ul class="flex items-center justify-center h-full gap-0.5 list-none">
-                  <li v-for="item in partner.items" :key="item.name">
-                    <a
-                      :href="item.url"
-                      target="_blank"
-                      rel="noopener noreferrer"
-                      class="flex items-center justify-center h-full min-w-10 rounded-md hover:opacity-80 transition-opacity p-0.5"
-                      :class="
-                        item.colorScheme === 'dark'
-                          ? 'light:bg-fg-muted'
-                          : item.colorScheme === 'light'
-                            ? 'dark:bg-fg-muted'
-                            : undefined
-                      "
-                    >
-                      <img
-                        :src="item.logo"
-                        loading="lazy"
-                        height="36"
-                        :alt="item.name"
-                        class="w-auto block"
-                      />
-                    </a>
-                  </li>
-                </ul>
-                <svg
-                  width="11"
-                  height="38"
-                  viewBox="0 0 11 38"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                  aria-hidden="true"
-                >
-                  <path
-                    d="M5.04935 0H0C7.4734 10.6931 7.51725 27.2683 0 37.9997H5.04935C12.5648 27.2683 12.521 10.6931 5.04935 0Z"
-                    fill="currentColor"
-                  />
-                </svg>
-              </div>
-            </li>
-          </ul>
+          <AboutLogoList :list="OSS_PARTNERS" />
         </div>
 
         <div>

From cf615332b8d091f4d9adf9ebe02ada8586835d17 Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Wed, 25 Feb 2026 09:28:52 +0000
Subject: [PATCH 8/9] test: fix and upfate tests

---
 app/assets/logos/oss-partners/index.ts | 10 +--
 app/components/About/LogoImg.vue       | 20 +++++-
 app/components/About/LogoList.vue      |  2 +
 test/nuxt/a11y.spec.ts                 | 85 ++++++++++++++++++++++++++
 4 files changed, 109 insertions(+), 8 deletions(-)

diff --git a/app/assets/logos/oss-partners/index.ts b/app/assets/logos/oss-partners/index.ts
index dba82b9f4..be2fac96e 100644
--- a/app/assets/logos/oss-partners/index.ts
+++ b/app/assets/logos/oss-partners/index.ts
@@ -53,14 +53,14 @@ export const OSS_PARTNERS = [
     logo: LogoNuxt,
     url: 'https://nuxt.com/',
   },
-  {
-    name: 'Storybook',
-    logo: LogoStorybook,
-    url: 'https://storybook.js.org/',
-  },
   {
     name: 'Vue',
     logo: LogoVue,
     url: 'https://vuejs.org/',
   },
+  {
+    name: 'Storybook',
+    logo: LogoStorybook,
+    url: 'https://storybook.js.org/',
+  },
 ]
diff --git a/app/components/About/LogoImg.vue b/app/components/About/LogoImg.vue
index b7834cb95..c8eabe0b4 100644
--- a/app/components/About/LogoImg.vue
+++ b/app/components/About/LogoImg.vue
@@ -6,11 +6,12 @@ const props = defineProps<{
         dark: string
         light: string
       }
+  alt: string
 }>()
 </script>
 <template>
   <div v-if="typeof src === 'string'">
-    <img :src="src" loading="lazy" height="36" class="w-auto block h-9" />
+    <img :src="src" loading="lazy" height="36" class="w-auto block h-9" :alt="alt" />
   </div>
   <div v-else-if="src.light === 'auto'">
     <img
@@ -18,10 +19,23 @@ const props = defineProps<{
       loading="lazy"
       height="36"
       class="w-auto block light:invert light:grayscale h-9"
+      :alt="alt"
     />
   </div>
   <div v-else>
-    <img :src="src.dark" loading="lazy" height="36" class="w-auto block light:hidden h-9" />
-    <img :src="src.light" loading="lazy" height="36" class="w-auto block hidden light:block h-9" />
+    <img
+      :src="src.dark"
+      loading="lazy"
+      height="36"
+      class="w-auto block light:hidden h-9"
+      :alt="alt"
+    />
+    <img
+      :src="src.light"
+      loading="lazy"
+      height="36"
+      class="w-auto block hidden light:block h-9"
+      :alt="alt"
+    />
   </div>
 </template>
diff --git a/app/components/About/LogoList.vue b/app/components/About/LogoList.vue
index 8157a6ec4..c6da68bc4 100644
--- a/app/components/About/LogoList.vue
+++ b/app/components/About/LogoList.vue
@@ -29,6 +29,7 @@ const props = defineProps<{
         target="_blank"
         rel="noopener noreferrer"
         class="flex items-center justify-center h-full min-w-11 rounded-md hover:bg-fg/10 transition-colors p-1"
+        :aria-label="item.name"
       >
         <AboutLogoImg :src="item.logo" :alt="item.name" />
       </a>
@@ -53,6 +54,7 @@ const props = defineProps<{
               target="_blank"
               rel="noopener noreferrer"
               class="flex items-center justify-center h-full min-w-10 rounded-md hover:bg-fg/10 transition-colors p-0.5"
+              :aria-label="groupItem.name"
             >
               <AboutLogoImg :src="groupItem.logo" :alt="groupItem.name" />
             </a>
diff --git a/test/nuxt/a11y.spec.ts b/test/nuxt/a11y.spec.ts
index 073d0b76c..e3ef8e09c 100644
--- a/test/nuxt/a11y.spec.ts
+++ b/test/nuxt/a11y.spec.ts
@@ -114,6 +114,8 @@ import {
   AppFooter,
   AppHeader,
   AppLogo,
+  AboutLogoImg,
+  AboutLogoList,
   BaseCard,
   BlueskyPostEmbed,
   BuildEnvironment,
@@ -197,6 +199,7 @@ import {
 
 // Server variant components must be imported directly to test the server-side render
 // The #components import automatically provides the client variant
+import LogoNuxt from '~/assets/logos/oss-partners/nuxt.svg'
 import HeaderAccountMenuServer from '~/components/Header/AccountMenu.server.vue'
 import ToggleServer from '~/components/Settings/Toggle.server.vue'
 import SearchProviderToggleServer from '~/components/SearchProviderToggle.server.vue'
@@ -304,6 +307,88 @@ describe('component accessibility audits', () => {
     })
   })
 
+  describe('AboutLogoImg', () => {
+    it('should have no accessibility violations with string src', async () => {
+      const component = await mountSuspended(AboutLogoImg, {
+        props: {
+          src: LogoNuxt,
+          alt: 'Nuxt logo',
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+
+    it('should have no accessibility violations with dark/light src', async () => {
+      const component = await mountSuspended(AboutLogoImg, {
+        props: {
+          src: {
+            dark: LogoNuxt,
+            light: 'auto',
+          },
+          alt: 'Nuxt logo',
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
+
+  describe('AboutLogoList', () => {
+    it('should have no accessibility violations with direct logo items', async () => {
+      const component = await mountSuspended(AboutLogoList, {
+        props: {
+          list: [
+            {
+              name: 'Nuxt',
+              url: 'https://nuxt.com',
+              logo: LogoNuxt,
+            },
+            {
+              name: 'Nuxt',
+              url: 'https://nuxt.com',
+              logo: {
+                dark: LogoNuxt,
+                light: 'auto',
+              },
+            },
+          ],
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+
+    it('should have no accessibility violations with grouped items', async () => {
+      const component = await mountSuspended(AboutLogoList, {
+        props: {
+          list: [
+            {
+              name: 'OSS Partners',
+              items: [
+                {
+                  name: 'Nuxt',
+                  url: 'https://nuxt.com',
+                  logo: LogoNuxt,
+                },
+                {
+                  name: 'Nuxt',
+                  url: 'https://nuxt.com',
+                  logo: {
+                    dark: LogoNuxt,
+                    light: 'auto',
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
+
   describe('BaseCard', () => {
     it('should have no accessibility violations', async () => {
       const component = await mountSuspended(BaseCard, {

From bf3d2f8592f920cb8408f2f76f3f0e832cc9443f Mon Sep 17 00:00:00 2001
From: Vordgi <sasha2822222@gmail.com>
Date: Wed, 25 Feb 2026 13:48:56 +0000
Subject: [PATCH 9/9] chore: add algolia to oss-partners

---
 .../logos/oss-partners/algolia-light.svg      | 22 +++++++++++++++++++
 app/assets/logos/oss-partners/algolia.svg     | 22 +++++++++++++++++++
 app/assets/logos/oss-partners/index.ts        | 10 +++++++++
 3 files changed, 54 insertions(+)
 create mode 100644 app/assets/logos/oss-partners/algolia-light.svg
 create mode 100644 app/assets/logos/oss-partners/algolia.svg

diff --git a/app/assets/logos/oss-partners/algolia-light.svg b/app/assets/logos/oss-partners/algolia-light.svg
new file mode 100644
index 000000000..9081f9d9a
--- /dev/null
+++ b/app/assets/logos/oss-partners/algolia-light.svg
@@ -0,0 +1,22 @@
+<svg version="1.1" id="Layer_1" xmlns:x="ns_extend;" xmlns:i="ns_ai;" xmlns:graph="ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+ <style type="text/css">
+  .st0{fill:#003DFF;}
+ </style>
+ <metadata>
+  <sfw xmlns="ns_sfw;">
+   <slices>
+   </slices>
+   <sliceSourceBounds bottomLeftOrigin="true" height="50" width="50" x="91.4" y="-223.9">
+   </sliceSourceBounds>
+  </sfw>
+ </metadata>
+ <g>
+  <path class="st0" d="M25,0C11.3,0,0.2,11,0,24.6C-0.2,38.4,11,49.9,24.8,50c4.3,0,8.4-1,12-3c0.4-0.2,0.4-0.7,0.1-1l-2.3-2.1
+		c-0.5-0.4-1.2-0.5-1.7-0.3c-2.5,1.1-5.3,1.6-8.2,1.6c-11.2-0.1-20.2-9.4-20-20.6C4.9,13.6,13.9,4.7,25,4.7h20.3v36L33.7,30.5
+		c-0.4-0.3-0.9-0.3-1.2,0.1c-1.8,2.4-4.9,4-8.2,3.7c-4.6-0.3-8.4-4-8.7-8.7c-0.4-5.5,4-10.2,9.4-10.2c4.9,0,9,3.8,9.4,8.6
+		c0,0.4,0.2,0.8,0.6,1.1l3,2.7c0.3,0.3,0.9,0.1,1-0.3c0.2-1.2,0.3-2.4,0.2-3.6c-0.5-7-6.2-12.7-13.2-13.1c-8.1-0.5-14.8,5.8-15,13.7
+		c-0.2,7.7,6.1,14.4,13.8,14.5c3.2,0.1,6.2-0.9,8.6-2.7l15,13.3c0.6,0.6,1.7,0.1,1.7-0.7v-48C50,0.4,49.5,0,49,0L25,0
+		C25,0,25,0,25,0z">
+  </path>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/app/assets/logos/oss-partners/algolia.svg b/app/assets/logos/oss-partners/algolia.svg
new file mode 100644
index 000000000..6a725a5f4
--- /dev/null
+++ b/app/assets/logos/oss-partners/algolia.svg
@@ -0,0 +1,22 @@
+<svg version="1.1" id="Layer_1" xmlns:x="ns_extend;" xmlns:i="ns_ai;" xmlns:graph="ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
+ <style type="text/css">
+  .st0{fill:#FFFFFF;}
+ </style>
+ <metadata>
+  <sfw xmlns="ns_sfw;">
+   <slices>
+   </slices>
+   <sliceSourceBounds bottomLeftOrigin="true" height="50" width="50" x="91.4" y="-223.9">
+   </sliceSourceBounds>
+  </sfw>
+ </metadata>
+ <g>
+  <path class="st0" d="M25,0C11.3,0,0.2,11,0,24.6C-0.2,38.4,11,49.9,24.8,50c4.3,0,8.4-1,12-3c0.4-0.2,0.4-0.7,0.1-1l-2.3-2.1
+		c-0.5-0.4-1.2-0.5-1.7-0.3c-2.5,1.1-5.3,1.6-8.2,1.6c-11.2-0.1-20.2-9.4-20-20.6C4.9,13.6,13.9,4.7,25,4.7h20.3v36L33.7,30.5
+		c-0.4-0.3-0.9-0.3-1.2,0.1c-1.8,2.4-4.9,4-8.2,3.7c-4.6-0.3-8.4-4-8.7-8.7c-0.4-5.5,4-10.2,9.4-10.2c4.9,0,9,3.8,9.4,8.6
+		c0,0.4,0.2,0.8,0.6,1.1l3,2.7c0.3,0.3,0.9,0.1,1-0.3c0.2-1.2,0.3-2.4,0.2-3.6c-0.5-7-6.2-12.7-13.2-13.1c-8.1-0.5-14.8,5.8-15,13.7
+		c-0.2,7.7,6.1,14.4,13.8,14.5c3.2,0.1,6.2-0.9,8.6-2.7l15,13.3c0.6,0.6,1.7,0.1,1.7-0.7v-48C50,0.4,49.5,0,49,0L25,0
+		C25,0,25,0,25,0z">
+  </path>
+ </g>
+</svg>
\ No newline at end of file
diff --git a/app/assets/logos/oss-partners/index.ts b/app/assets/logos/oss-partners/index.ts
index be2fac96e..3d71ecfe1 100644
--- a/app/assets/logos/oss-partners/index.ts
+++ b/app/assets/logos/oss-partners/index.ts
@@ -7,6 +7,8 @@ import LogoStorybook from '~/assets/logos/oss-partners/storybook.svg'
 import LogoVite from '~/assets/logos/oss-partners/vite.svg'
 import LogoVitest from '~/assets/logos/oss-partners/vitest.svg'
 import LogoVue from '~/assets/logos/oss-partners/vue.svg'
+import LogoAlgolia from '~/assets/logos/oss-partners/algolia.svg'
+import LogoAlgoliaLight from '~/assets/logos/oss-partners/algolia-light.svg'
 
 // The list is used on the about page. To add, simply upload the logos nearby and add an entry here. Prefer SVGs.
 // For logo src, specify a string or object with the light and dark theme variants.
@@ -58,6 +60,14 @@ export const OSS_PARTNERS = [
     logo: LogoVue,
     url: 'https://vuejs.org/',
   },
+  {
+    name: 'Algolia',
+    logo: {
+      dark: LogoAlgolia,
+      light: LogoAlgoliaLight,
+    },
+    url: 'https://algolia.com/',
+  },
   {
     name: 'Storybook',
     logo: LogoStorybook,