Skip to content

Add logo wall and tweet wall to docs homepage #970

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
pranaygp wants to merge 2 commits into
base: main
Choose a base branch
from
+783 −95
Draft

Add logo wall and tweet wall to docs homepage #970

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b601017
Add logo wall and tweet wall to useworkflow.dev homepage
pranaygp Feb 6, 2026
84f73e1
Enhance observability section with animated visual, reorder tweet wall
pranaygp Feb 6, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
97 changes: 97 additions & 0 deletions docs/app/[lang]/(home)/components/logo-wall.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,97 @@
import type { JSX, SVGProps } from 'react';

export const LogoWall = (): JSX.Element => (
<section className="px-4 sm:px-12 py-10 md:py-16">
<div className="flex gap-8 md:gap-16 lg:gap-20 items-center justify-center opacity-60">
<MuxLogo className="h-4 md:h-5 w-auto" />
<WhopLogo className="h-5 md:h-6 w-auto" />
<NeonLogo className="h-6 md:h-[26px] w-auto" />
</div>
</section>
);

function MuxLogo(props: SVGProps<SVGSVGElement>): JSX.Element {
return (
<svg
width="220"
height="69"
viewBox="0 0 220 69"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
Copy link

Copilot AI Feb 6, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The SVG logo is missing accessible text (e.g., a <title> element and/or aria-label). Other SVG icons in this docs codebase include <title> for screen readers. Add a title/label here (or explicitly mark the SVG aria-hidden if it’s purely decorative).

Suggested change
>
>
<title>Mux logo</title>

Copilot uses AI. Check for mistakes.
<path
fillRule="evenodd"
clipRule="evenodd"
d="M136.745 0C131.97 0 128.1 3.84261 128.1 8.58203V34.3335C128.1 43.8014 120.339 51.5044 110.8 51.5044C101.261 51.5044 93.4999 43.8014 93.4999 34.3335V8.58203C93.4999 3.84261 89.6287 0 84.8551 0C80.0815 0 76.2103 3.84261 76.2103 8.58203V34.3335C76.2103 53.265 91.7276 68.6672 110.801 68.6672C129.875 68.6672 145.393 53.265 145.393 34.3335V8.58203C145.393 3.84261 141.521 0 136.747 0H136.745ZM136.745 14.4874C133.459 14.4874 130.795 11.8437 130.795 8.58203C130.795 5.32032 133.459 2.67664 136.745 2.67664C140.031 2.67664 142.695 5.32032 142.695 8.58203C142.695 11.8437 140.031 14.4874 136.745 14.4874ZM173.182 34.3337L153.35 54.0178C149.974 57.369 149.974 62.8031 153.35 66.1537C156.726 69.5049 162.201 69.5049 165.577 66.1537L185.409 46.4699L205.24 66.1537C208.617 69.5049 214.092 69.5049 217.468 66.1537C220.844 62.8031 220.844 57.369 217.468 54.0178L197.636 34.3337L217.468 14.6496C220.844 11.2986 220.844 5.86432 217.468 2.51337C214.092-0.83758 208.617-0.83758 205.24 2.51337L185.409 22.1975L165.577 2.51337C162.201-0.83758 156.726-0.83758 153.35 2.51337C149.974 5.86432 149.974 11.2986 153.35 14.6496L173.182 34.3337ZM211.353 65.9904C208.067 65.9904 205.404 63.3471 205.404 60.0852C205.404 56.8235 208.067 54.1798 211.353 54.1798C214.64 54.1798 217.303 56.8235 217.303 60.0852C217.303 63.3471 214.64 65.9904 211.353 65.9904ZM54.4229 2.51353C56.8955 0.0593664 60.6148-0.673999 63.8454 0.654022H63.8471C67.0777 1.98204 69.1839 5.11189 69.1839 8.58234V60.0854C69.1839 64.8248 65.3122 68.6676 60.5374 68.6676C55.7623 68.6676 51.8909 64.8248 51.8909 60.0854V29.2992L40.7055 40.4013C37.3294 43.7522 31.8543 43.7522 28.4782 40.4013L17.2928 29.2992V60.0854C17.2928 64.8248 13.4214 68.6676 8.64639 68.6676C3.87144 68.6676 0 64.8248 0 60.0854V8.58234C0 5.11051 2.10591 1.98204 5.33672 0.654022C8.56753-0.673999 12.2868 0.0593664 14.7594 2.51353L34.5912 22.1976L54.4229 2.51353ZM54.5876 60.0865C54.5876 63.3484 57.2511 65.9923 60.5374 65.9923C63.8232 65.9923 66.4871 63.3484 66.4871 60.0865C66.4871 56.8251 63.8232 54.1814 60.5374 54.1814C57.2511 54.1814 54.5876 56.8251 54.5876 60.0865Z"
fill="currentColor"
/>
</svg>
);
}

function WhopLogo(props: SVGProps<SVGSVGElement>): JSX.Element {
return (
<svg
width="296"
height="61"
viewBox="0 0 296 61"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
Comment on lines +40 to +42
Copy link

Copilot AI Feb 6, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This SVG logo is missing accessible text (e.g., a <title> element and/or aria-label). Add a title/label here (or explicitly mark the SVG aria-hidden if it’s purely decorative) to avoid unlabeled images for screen readers.

Suggested change
xmlns="http://www.w3.org/2000/svg"
{...props}
>
xmlns="http://www.w3.org/2000/svg"
role="img"
aria-labelledby="whop-logo-title"
{...props}
>
<title id="whop-logo-title">Whop logo</title>

Copilot uses AI. Check for mistakes.
<path
d="M144.297 49.5189H152.944L162.741 23.2553H162.849L172.591 49.5189H181.348L190.981 11.3767H182.442L175.93 37.7492H175.82L166.516 11.3767H159.129L149.824 37.7492H149.715L143.256 11.3767H134.664L144.297 49.5189Z"
fill="currentColor"
/>
<path
d="M193.433 49.5189H201.533V34.0985C201.533 29.9029 204.708 27.015 209.414 27.015C214.12 27.015 216.967 29.6849 216.967 34.0985V49.5189H225.066V33.0087C225.066 25.2169 219.484 19.8224 211.165 19.8224C207.334 19.8224 204.051 21.0757 201.642 23.3642H201.533V10.5007H193.433V49.5189Z"
fill="currentColor"
/>
<path
d="M244.324 50.3367C253.901 50.3367 260.688 43.6891 260.688 35.0798C260.688 26.4706 253.901 19.823 244.324 19.823C234.801 19.823 227.96 26.4706 227.96 35.0798C227.96 43.6891 234.801 50.3367 244.324 50.3367ZM244.324 43.2532C239.289 43.2532 236.059 39.7658 236.059 35.0798C236.059 30.3938 239.289 26.9066 244.324 26.9066C249.359 26.9066 252.588 30.3938 252.588 35.0798C252.588 39.7658 249.359 43.2532 244.324 43.2532Z"
fill="currentColor"
/>
<path
d="M263.711 60.2778H271.81V47.2853H271.92C273.781 49.0834 277.393 50.3367 281.005 50.3367C289.597 50.3367 296 43.7981 296 35.0798C296 26.4161 289.542 19.823 280.95 19.823C277.228 19.823 273.835 20.9128 271.591 23.2013H271.482V20.6404H263.711V60.2778ZM279.745 43.2532C275.258 43.2532 271.81 40.3653 271.81 36.8781V33.2272C271.81 29.8489 275.422 26.961 279.692 26.961C284.562 26.961 287.901 30.2304 287.901 35.0798C287.901 39.9293 284.507 43.2532 279.745 43.2532Z"
fill="currentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M34.5626 7.3466L17.2647 24.6446L0 7.31321C8.41314-1.09987 23.5139-3.70206 34.5626 7.3466Z"
fill="currentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M38.0232 45.4015L74.3489 9.07579C65.4812 0.20807 51.9206-3.09194 38.8844 9.94438L20.7251 28.1036L38.0232 45.4015Z"
fill="currentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M77.774 47.1646L115.863 9.07593C107.838 1.05153 92.8465-2.50379 79.5702 10.7726L41.4814 48.8612C50.1304 57.5102 65.1441 59.7946 77.774 47.1646Z"
fill="currentColor"
/>
</svg>
);
}

function NeonLogo(props: SVGProps<SVGSVGElement>): JSX.Element {
return (
<svg
width="280"
height="80"
viewBox="0 0 280 80"
fill="none"
xmlns="http://www.w3.org/2000/svg"
Copy link

Copilot AI Feb 6, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This SVG logo is missing accessible text (e.g., a <title> element and/or aria-label). Add a title/label here (or explicitly mark the SVG aria-hidden if it’s purely decorative) to avoid unlabeled images for screen readers.

Suggested change
xmlns="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
role="img"
aria-label="Neon logo"

Copilot uses AI. Check for mistakes.
{...props}
>
<path
d="M65.582 0C73.1275 0.0002618 79.2441 6.11741 79.2441 13.6631V57.8203C79.2441 65.627 69.3654 69.015 64.5742 62.8516L49.5957 43.583V66.9482C49.5957 73.7394 44.0907 79.2449 37.2998 79.2451H13.6631C6.11735 79.2451 0 73.1278 0 65.582V13.6631C0 6.11725 6.11735 0 13.6631 0H65.582ZM13.6631 10.9307C12.1539 10.9307 10.9307 12.1539 10.9307 13.6631V65.582C10.9307 67.0911 12.1539 68.3154 13.6631 68.3154H37.709C38.4634 68.3154 38.666 67.7029 38.666 66.9482V35.6152C38.6664 27.8089 48.5448 24.4207 53.3359 30.584L68.3135 49.8525V13.6631C68.3135 12.1539 68.4564 10.9307 66.9473 10.9307H13.6631ZM212.031 22.2178C225.393 22.2179 234.075 28.804 234.075 40.2812C234.075 51.7585 225.393 58.3446 212.031 58.3447C198.67 58.3447 190.035 51.7586 190.035 40.2812C190.035 28.804 198.67 22.2178 212.031 22.2178ZM133.323 44.0586V23.3311H142.826V57.2305H134.191L112.389 34.9541V57.2305H102.886V23.3311H113.305L133.323 44.0586ZM186.248 30.8857H160.441V36.4551H181.715V43.6709H160.441V49.6758H186.779V57.2305H150.746V23.3311H186.248V30.8857ZM270.498 44.0586V23.3311H280V57.2305H271.364L249.562 34.9541V57.2305H240.06V23.3311H250.479L270.498 44.0586ZM212.031 30.2568C204.651 30.2568 200.021 33.8889 200.021 40.2812C200.021 46.6737 204.603 50.3057 212.031 50.3057C219.46 50.3056 224.042 46.6736 224.042 40.2812C224.042 33.8889 219.46 30.2569 212.031 30.2568Z"
fill="currentColor"
/>
</svg>
);
}
Loading
Loading