logo-cloud-02

1import Image from "next/image"
2 
3export function LogoCloud02() {
4  return (
5    <section
6      id="clients"
7      className="mx-auto max-w-7xl px-6 text-center md:px-8"
8    >
9      <div className="py-14">
10        <div className="mx-auto max-w-screen-xl px-4 md:px-8">
11          <h2 className="text-center text-sm font-semibold text-gray-600">
12            TRUSTED BY TEAMS FROM AROUND THE WORLD
13          </h2>
14          <div className="mt-6">
15            <ul className="flex flex-wrap items-center justify-center gap-x-10 gap-y-6 md:gap-x-16 [&_path]:fill-white">
16              <li>
17                <Image
18                  alt="Google"
19                  src="https://pub-b3533f2e1c954842824758490b95c9d5.r2.dev/Google.svg"
20                  className="h-8 w-28 px-2 dark:brightness-0 dark:invert"
21                  width={28}
22                  height={8}
23                />
24              </li>
25              <li>
26                <Image
27                  alt="Microsoft"
28                  src="https://pub-b3533f2e1c954842824758490b95c9d5.r2.dev/Microsoft.svg"
29                  className="h-8 w-28 px-2 dark:brightness-0 dark:invert"
30                  width={28}
31                  height={8}
32                />
33              </li>
34              <li>
35                <Image
36                  alt="GitHub"
37                  src="https://pub-b3533f2e1c954842824758490b95c9d5.r2.dev/GitHub.svg"
38                  className="h-8 w-28 px-2 dark:brightness-0 dark:invert"
39                  width={28}
40                  height={8}
41                />
42              </li>
43 
44              <li>
45                <Image
46                  alt="Uber"
47                  src="https://pub-b3533f2e1c954842824758490b95c9d5.r2.dev/Uber.svg"
48                  className="h-8 w-28 px-2 dark:brightness-0 dark:invert"
49                  width={28}
50                  height={8}
51                />
52              </li>
53              <li>
54                <Image
55                  alt="Notion"
56                  src="https://pub-b3533f2e1c954842824758490b95c9d5.r2.dev/Notion.svg"
57                  className="h-8 w-28 px-2 dark:brightness-0 dark:invert"
58                  width={28}
59                  height={8}
60                />
61              </li>
62            </ul>
63          </div>
64        </div>
65      </div>
66    </section>
67  )
68}