-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Expand file tree
/
Copy pathlogo-cloud.tsx
More file actions
214 lines (204 loc) · 17.8 KB
/
logo-cloud.tsx
File metadata and controls
214 lines (204 loc) · 17.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
"use client";
import { useEffect, useState } from "react";
const logos = [
{
name: "DP World",
type: "img" as const,
src: "/_static/logos/dp-world.svg",
className: "h-7",
},
{
name: "BCG",
type: "svg" as const,
className: "h-6",
},
{
name: "Foundamental",
type: "svg" as const,
className: "h-20 w-28",
},
{
name: "DoorDash",
type: "svg" as const,
className: "h-4",
},
{
name: "Mistral AI",
type: "img" as const,
src: "/_static/logos/mistral-logo-color-black.svg",
className: "h-5",
},
{
name: "Brevo",
type: "img" as const,
src: "/_static/logos/brevo.svg",
className: "h-5",
},
];
export const LogoCloud = () => {
const [visibleCount, setVisibleCount] = useState(0);
useEffect(() => {
const timers: NodeJS.Timeout[] = [];
logos.forEach((_, i) => {
timers.push(
setTimeout(() => {
setVisibleCount((prev) => Math.max(prev, i + 1));
}, 150 * (i + 1)),
);
});
return () => timers.forEach(clearTimeout);
}, []);
return (
<div>
<div className="overflow-hidden">
<div className="grid grid-cols-2 grid-rows-[50px] gap-x-1 gap-y-3 md:grid-cols-3">
{/* Mistral AI */}
<div
className="group col-span-1 flex items-center justify-center bg-white p-1 transition-colors"
style={{
opacity: visibleCount >= 1 ? 1 : 0,
transform: visibleCount >= 1 ? "translateY(0)" : "translateY(8px)",
transition: "opacity 0.4s ease-out, transform 0.4s ease-out",
}}
>
<img
src={logos[4].src}
alt="Mistral AI"
className={logos[4].className}
/>
</div>
{/* BCG — smaller */}
<div
className="group col-span-1 flex items-center justify-center bg-white p-1 text-green-700 transition-colors"
style={{
opacity: visibleCount >= 2 ? 1 : 0,
transform: visibleCount >= 2 ? "translateY(0)" : "translateY(8px)",
transition: "opacity 0.4s ease-out, transform 0.4s ease-out",
}}
>
<svg
version="1.0"
xmlns="http://www.w3.org/2000/svg"
width="1875.000000pt"
height="22"
viewBox="0 0 1875 392"
preserveAspectRatio="xMidYMid meet"
>
<g
transform="translate(0.000000,392.000000) scale(0.100000,-0.100000)"
fill="#007253"
stroke="none"
>
<path d="M4354 3910 c-409 -34 -764 -172 -1089 -426 -80 -62 -259 -240 -326 -324 l-36 -44 -40 86 c-55 117 -113 199 -202 289 -126 126 -271 213 -454 274 -200 66 -187 65 -1249 65 l-958 0 0 -1885 0 -1886 1063 4 c1041 3 1064 3 1155 24 183 42 325 101 457 188 82 54 214 183 277 269 29 39 53 73 55 75 2 3 40 -31 86 -75 278 -270 607 -443 984 -520 124 -25 136 -25 443 -22 303 4 319 5 434 32 450 106 840 351 1108 698 34 43 64 78 68 78 3 0 28 -30 55 -66 209 -285 558 -532 920 -652 244 -81 287 -87 665 -87 l335 0 128 33 c475 123 858 393 1129 796 173 259 282 558 319 875 11 103 7 469 -7 539 l-6 32 -763 0 -763 0 -226 -353 c-124 -194 -228 -360 -232 -370 -6 -16 30 -17 575 -17 372 0 581 -4 581 -10 0 -21 -53 -149 -91 -220 -145 -270 -398 -467 -698 -543 -73 -18 -113 -22 -261 -21 -155 0 -186 3 -271 26 -255 69 -467 205 -628 404 -299 369 -361 864 -161 1281 64 136 135 236 238 339 254 254 606 382 955 347 227 -24 356 -71 602 -223 13 -8 26 -12 28 -10 14 18 407 653 405 655 -21 18 -162 102 -228 135 -281 141 -563 203 -920 203 -220 0 -366 -17 -546 -63 -532 -137 -983 -499 -1249 -1002 -110 -209 -172 -399 -255 -787 -86 -399 -117 -504 -191 -655 -58 -116 -104 -181 -199 -280 -198 -206 -415 -321 -683 -360 -194 -29 -367 -14 -554 49 -432 145 -746 502 -829 944 -20 108 -20 301 0 406 119 611 693 1046 1309 993 208 -17 423 -89 569 -189 33 -22 64 -37 68 -32 30 35 409 647 404 654 -24 39 -296 177 -452 229 -251 83 -578 122 -848 100z m-2485 -809 c124 -39 217 -123 262 -238 32 -82 32 -215 0 -296 -44 -112 -169 -218 -292 -246 -26 -6 -239 -11 -531 -11 l-488 0 0 405 0 405 494 0 c457 0 499 -1 555 -19z m194 -1511 c176 -54 292 -196 304 -369 6 -87 -12 -167 -53 -237 -37 -63 -126 -141 -201 -177 l-68 -32 -612 -3 -613 -3 0 421 0 420 589 0 c562 0 592 -1 654 -20z" />
<path d="M11840 3834 c-271 -73 -402 -390 -265 -643 39 -70 121 -146 202 -184 64 -30 74 -32 184 -32 113 0 116 1 192 38 229 113 316 368 205 595 -92 186 -310 282 -518 226z m259 -160 c100 -54 154 -146 155 -264 1 -92 -26 -158 -87 -218 -59 -58 -127 -86 -207 -86 -202 0 -341 210 -273 410 21 63 110 154 173 177 70 26 173 18 239 -19z" />
<path d="M12720 3835 c-180 -56 -230 -300 -84 -411 24 -18 84 -44 145 -64 172 -54 199 -73 199 -143 0 -106 -151 -141 -304 -69 -37 18 -72 32 -76 32 -9 0 -70 -95 -70 -110 0 -5 39 -28 86 -52 79 -39 94 -42 178 -46 116 -5 185 13 244 64 50 43 69 76 82 144 13 69 -3 142 -43 186 -37 43 -92 71 -222 114 -126 42 -171 80 -162 137 17 101 129 129 268 67 33 -15 61 -25 63 -23 19 24 66 100 66 106 0 15 -72 50 -136 67 -75 19 -173 20 -234 1z" />
<path d="M14320 3836 c-77 -20 -142 -59 -200 -116 -278 -278 -82 -750 310 -750 126 1 230 42 316 126 244 238 132 651 -201 740 -61 17 -165 17 -225 0z m237 -154 c65 -33 109 -78 138 -137 58 -118 40 -245 -46 -340 -145 -158 -385 -122 -480 73 -19 38 -24 63 -24 132 0 73 4 92 27 136 32 61 104 127 161 148 59 22 169 16 224 -12z" />
<path d="M10750 3411 l0 -421 203 0 c228 0 277 9 340 61 70 58 101 159 77 249 -8 31 -27 60 -59 92 l-48 48 25 22 c35 33 52 79 52 143 0 90 -39 148 -130 196 -42 22 -58 24 -252 27 l-208 4 0 -421z m390 272 c52 -36 68 -84 46 -137 -23 -56 -51 -66 -181 -66 l-115 0 0 110 0 110 113 0 c90 0 118 -3 137 -17z m49 -367 c16 -15 32 -39 36 -53 9 -36 -12 -89 -46 -118 -29 -24 -36 -25 -160 -25 l-129 0 0 116 0 116 134 -4 c133 -3 135 -3 165 -32z" />
<path d="M13250 3760 l0 -70 130 0 130 0 0 -355 0 -355 70 0 70 0 0 355 0 355 135 0 135 0 0 70 0 70 -335 0 -335 0 0 -70z" />
<path d="M15060 3405 l0 -425 65 0 65 0 2 315 3 315 195 -315 195 -315 83 0 82 0 0 425 0 425 -70 0 -70 0 -2 -302 -3 -303 -185 302 -185 303 -87 0 -88 0 0 -425z" />
<path d="M18230 2375 c-268 -76 -398 -376 -272 -633 38 -79 117 -156 199 -195 65 -31 73 -32 188 -32 116 0 123 1 186 32 80 40 150 111 187 191 21 46 27 76 30 155 l4 97 -78 0 c-44 0 -122 3 -174 6 l-95 6 -37 -64 -38 -63 140 -3 c102 -2 140 -6 140 -15 -1 -24 -42 -102 -68 -130 -44 -47 -99 -70 -180 -75 -66 -4 -78 -2 -137 27 -114 57 -172 160 -163 295 10 154 114 265 266 283 51 6 149 -17 186 -43 32 -22 39 -18 75 42 32 53 32 56 14 69 -71 55 -263 80 -373 50z" />
<path d="M11015 2366 c-164 -54 -278 -188 -307 -359 -29 -175 63 -365 218 -449 155 -84 367 -73 498 24 17 14 16 17 -18 71 -20 31 -39 57 -42 57 -3 0 -19 -9 -34 -20 -147 -105 -360 -47 -442 119 -33 66 -33 207 0 268 33 63 74 106 134 139 45 25 64 29 128 29 77 0 117 -11 182 -52 l37 -22 35 57 36 57 -23 19 c-12 10 -47 31 -77 45 -48 22 -70 26 -170 28 -75 2 -129 -2 -155 -11z" />
<path d="M11855 2367 c-211 -70 -342 -283 -305 -495 16 -95 54 -168 124 -238 277 -277 757 -84 756 305 0 177 -97 328 -257 404 -61 28 -79 32 -173 34 -67 2 -120 -2 -145 -10z m262 -158 c134 -65 197 -226 146 -375 -23 -67 -110 -154 -177 -177 -148 -51 -297 15 -368 163 -31 65 -31 177 0 245 54 117 175 192 292 179 25 -3 73 -18 107 -35z" />
<path d="M13674 2356 c-99 -46 -154 -147 -141 -258 13 -103 71 -152 256 -213 130 -43 172 -72 173 -123 1 -48 -20 -79 -70 -103 -60 -30 -141 -21 -240 26 l-72 34 -37 -54 c-43 -66 -41 -69 58 -115 226 -104 458 -32 500 155 15 68 1 142 -35 190 -31 40 -118 86 -227 119 -146 44 -191 92 -154 169 35 74 153 89 264 32 43 -21 56 -24 63 -13 5 7 21 33 35 57 l26 43 -24 19 c-76 60 -281 79 -375 35z" />
<path d="M12610 1945 l0 -425 70 0 70 0 0 312 0 312 193 -309 192 -310 83 -3 82 -3 0 426 0 425 -65 0 -65 0 -2 -310 -3 -309 -190 309 -189 310 -88 0 -88 0 0 -425z" />
<path d="M14292 2063 l3 -308 26 -55 c35 -73 89 -126 169 -164 57 -27 75 -31 150 -30 152 1 252 59 312 182 l33 67 3 307 3 308 -70 0 -71 0 0 -272 c0 -160 -4 -289 -11 -311 -22 -80 -111 -146 -197 -147 -80 0 -145 40 -185 115 -20 38 -22 57 -25 328 l-4 287 -69 0 -70 0 3 -307z" />
<path d="M15220 1945 l0 -425 280 0 280 0 0 70 0 70 -210 0 -210 0 0 355 0 355 -70 0 -70 0 0 -425z" />
<path d="M15740 2300 l0 -70 130 0 130 0 0 -355 0 -355 75 0 75 0 0 355 0 355 130 0 130 0 0 70 0 70 -335 0 -335 0 0 -70z" />
<path d="M16600 1945 l0 -425 75 0 75 0 0 425 0 425 -75 0 -75 0 0 -425z" />
<path d="M17030 1945 l0 -425 70 0 70 0 2 310 3 310 191 -308 191 -307 86 -3 87 -3 0 426 0 425 -70 0 -70 0 0 -312 0 -312 -191 312 -192 312 -88 0 -89 0 0 -425z" />
<path d="M11037 920 c-59 -15 -135 -58 -184 -103 -106 -98 -147 -199 -141 -352 3 -87 8 -109 35 -168 42 -89 121 -168 210 -210 65 -31 74 -32 188 -32 108 0 125 3 176 26 144 68 229 206 229 374 l0 75 -92 0 c-51 0 -129 3 -173 6 l-81 7 -37 -61 c-20 -33 -37 -63 -37 -66 0 -3 63 -6 141 -6 l140 0 -6 -22 c-27 -89 -90 -158 -166 -183 -104 -35 -234 -3 -301 74 -139 159 -96 402 88 492 72 35 178 34 258 -3 32 -16 61 -26 65 -23 4 2 21 27 39 54 l31 50 -27 19 c-56 39 -115 55 -217 58 -55 2 -117 -1 -138 -6z" />
<path d="M12841 904 c-217 -58 -359 -274 -323 -491 50 -298 370 -460 642 -323 148 75 240 224 240 390 -2 288 -279 499 -559 424z m212 -140 c105 -36 186 -146 195 -265 6 -89 -16 -153 -76 -220 -63 -70 -126 -99 -218 -99 -165 0 -288 128 -289 300 0 62 5 85 28 132 33 66 100 130 160 152 56 19 143 20 200 0z" />
<path d="M11730 480 l0 -420 75 0 75 0 0 150 0 150 73 0 72 0 93 -150 93 -150 85 0 c81 0 84 1 74 19 -5 11 -49 81 -96 156 -47 75 -84 138 -82 140 2 1 21 12 43 23 52 26 79 56 106 117 48 108 17 254 -69 325 -64 53 -104 60 -334 60 l-208 0 0 -420z m417 270 c63 -38 87 -143 46 -199 -36 -48 -77 -61 -200 -61 l-113 0 0 140 0 140 118 0 c98 0 122 -3 149 -20z" />
<path d="M13572 598 l3 -303 27 -57 c104 -222 425 -267 587 -82 74 83 76 94 79 437 l3 307 -70 0 -70 0 -3 -287 c-3 -269 -4 -291 -24 -328 -62 -119 -239 -142 -331 -43 -49 53 -53 78 -53 378 l0 280 -76 0 -75 0 3 -302z" />
<path d="M14510 480 l0 -420 70 0 70 0 0 145 0 145 124 0 c141 0 203 15 260 62 60 50 89 109 94 197 6 97 -20 163 -85 221 -71 62 -108 70 -335 70 l-198 0 0 -420z m383 276 c54 -23 80 -59 85 -119 5 -69 -15 -110 -68 -137 -32 -16 -59 -20 -150 -20 l-110 0 0 145 0 145 105 0 c67 0 117 -5 138 -14z" />
</g>
</svg>
</div>
{/* Foundamental */}
<div
className="group col-span-1 flex items-center justify-center bg-white p-1 transition-colors"
style={{
opacity: visibleCount >= 3 ? 1 : 0,
transform: visibleCount >= 3 ? "translateY(0)" : "translateY(8px)",
transition: "opacity 0.4s ease-out, transform 0.4s ease-out",
}}
>
<svg
id="Layer_1"
data-name="Layer 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 277 27"
className="h-20 w-28"
>
<path
strokeWidth={"0px"}
fill="#6f00ff"
d="M55.4,4.6v8.1c0,3.4-2.5,6.4-5.8,6.7-.2,0-.4,0-.6,0h-.2c-1,0-1.9-.3-2.8-.7-.5-.2-.9-.5-1.3-.9-.7-.6-1.3-1.4-1.7-2.2-.4-.8-.6-1.8-.6-2.7,0,0,.2-4.6-.9-6.5C39,2.2,34.2-.4,28.9,0c-6.5.6-11.7,6-12.1,12.5-.1,1.8.2,3.6.8,5.3.6,1.7,1.6,3.3,2.8,4.6,1.2,1.3,2.7,2.4,4.4,3.1,1.7.7,3.4,1.1,5.2,1.1,2.5,0,4.9-.7,7-2.1l-3-6.5c-.7.6-1.6,1-2.4,1.2-.9.2-1.8.2-2.7,0-1.2-.2-2.3-.8-3.2-1.7-.9-.9-1.5-2-1.7-3.2-.2-1-.2-2,.1-2.9.3-1,.7-1.8,1.4-2.6.7-.7,1.5-1.3,2.4-1.6.9-.4,1.9-.5,2.9-.4h0s.2,0,.2,0c.8.1,1.5.4,2.2.8,1.1.6,2,1.6,2.6,2.7.6,1.2.8,2.5.6,3.7-.2,1.3-.2,2.5.2,3.7.6,1.8,1.6,3.4,2.9,4.7.5.5.9.9,1.4,1.3,2.5,1.9,5.7,2.9,8.9,2.6,6.8-.5,11.9-6.5,11.9-13.3V.5l-6.5,4.1Z"
/>
<path
strokeWidth={"0px"}
fill="#6f00ff"
d="M54.1,16.6c-.3.4-.6.8-1,1.1h0s0,.1,0,.1c-1.1,1-2.6,1.6-4.2,1.6h-.2c-1,0-1.9-.3-2.8-.7-4.4-2.1-8-8.3-12.2-10.8.9.6,1.7,1.5,2.2,2.5.6,1.2.8,2.5.6,3.7-.2,1.3-.2,2.5.2,3.7,1,2.7,2.8,5,5.2,6.5,2.4,1.5,5.2,2.3,8.1,2,2.5-.2,4.9-1.2,6.9-2.7h0c0-.1-2.7-7.1-2.7-7.1Z"
/>
<path
strokeWidth={"0px"}
fill="#6f00ff"
d="M81.5,16L68.8.5h-4.9v25.6h5.8v-15.5l12.7,15.5h4.8V.5h-5.8v15.5ZM206.6,16L193.9.5h-4.9v25.6h5.8v-15.5l12.7,15.5h4.8V.5h-5.8v15.5ZM237.1.5h-22.2v4.8h8.2v20.8h5.9V5.3h8.2V.5ZM113.2,6.6c-1.2-1.9-2.8-3.4-4.9-4.5-2.1-1.1-4.6-1.6-7.3-1.6h-11.6v25.6h11.6c2.8,0,5.2-.5,7.3-1.6.7-.4,1.4-.8,2.1-1.3l4.6-10c0-2.5-.6-4.7-1.8-6.6ZM106.7,19.1c-1.5,1.4-3.5,2.1-6.1,2.1h-5.4V5.4h5.4c2.5,0,4.6.7,6.1,2.1,1.5,1.4,2.3,3.4,2.3,5.8s-.8,4.4-2.3,5.8ZM162.7.5l-9.4,15.9L143.7.5h-4.9v16.8l4.1,8.8h1.5v-15l7.5,12.3h2.7l7.5-12.7v15.4h5.6V.5h-4.9ZM123,.5l-11.9,25.6h5.6l2.5-5.4h13.3l2.5,5.4h5.6L128.8.5h-5.8ZM121.5,15.7l4.4-9.4,4.4,9.4h-8.7ZM.8,26.1h5.9v-10.5h8.3v-5H6.7v-5.1h9.7V.5H.8v25.6ZM175.6,15.6h10.4v-5h-10.4v-5.1h11.1V.5h-17v25.6h17s0-5,0-5h-11.2s0-5.5,0-5.5ZM243.1.5l-11.9,25.6h5.6l2.5-5.4h13.3l2.5,5.4h5.6L248.9.5h-5.8ZM241.6,15.7l4.4-9.4,4.4,9.4h-8.7ZM264.3,21.2V.5h-5.5v16.8l4.1,8.8h14v-4.8h-12.6Z"
/>
</svg>
</div>
{/* DoorDash */}
<div
className="group col-span-1 flex items-center justify-center bg-white p-1 text-black transition-colors"
style={{
opacity: visibleCount >= 4 ? 1 : 0,
transform: visibleCount >= 4 ? "translateY(0)" : "translateY(8px)",
transition: "opacity 0.4s ease-out, transform 0.4s ease-out",
}}
>
<svg
className="h-4 w-auto"
viewBox="-0.10467479090509069 -0.01 154.13651397511398 17.862000000000002"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M44.674 5.074v7.865h1.961a3.743 3.743 0 0 0 2.667-1.174A3.939 3.939 0 0 0 50.377 9a3.872 3.872 0 0 0-1.06-2.777 3.677 3.677 0 0 0-2.682-1.15h-1.96zm1.961-2.466c3.655 0 6.42 2.832 6.42 6.392s-2.765 6.408-6.42 6.408H42.31a.314.314 0 0 1-.31-.318V2.939c0-.176.139-.319.31-.319zm15.841 10.605c1.66.005 3.159-1.016 3.798-2.587a4.285 4.285 0 0 0-.878-4.587 4.027 4.027 0 0 0-4.47-.922C59.392 5.765 58.39 7.298 58.387 9c0 2.32 1.828 4.202 4.09 4.213m0-10.895c3.847 0 6.788 3.032 6.788 6.682s-2.941 6.682-6.789 6.682c-3.847 0-6.763-3.017-6.763-6.682s2.941-6.682 6.763-6.682M78.61 13.213c2.263-.006 4.094-1.89 4.092-4.21-.003-2.322-1.838-4.202-4.1-4.203-2.264 0-4.1 1.879-4.103 4.2 0 1.118.433 2.19 1.204 2.98a4.056 4.056 0 0 0 2.906 1.233m0-10.895c3.835 0 6.776 3.017 6.776 6.682s-2.953 6.682-6.776 6.682c-3.822 0-6.788-3.017-6.788-6.682s2.941-6.682 6.788-6.682m15.746 2.756H91.59v3.385h2.765a1.6 1.6 0 0 0 1.188-.453c.32-.31.502-.74.506-1.192a1.703 1.703 0 0 0-.48-1.246 1.616 1.616 0 0 0-1.214-.491zm-5.44-2.135c0-.176.14-.319.311-.319h5.206c2.482 0 4.278 1.865 4.278 4.207.019 1.584-.846 3.039-2.227 3.748l2.401 4.353a.325.325 0 0 1 .012.34.308.308 0 0 1-.294.156h-2.107a.31.31 0 0 1-.282-.172l-2.314-4.308H91.58v4.136a.314.314 0 0 1-.31.319h-2.03a.314.314 0 0 1-.31-.319l-.014-12.14zm16.767 2.195V13h1.96a3.743 3.743 0 0 0 2.668-1.17 3.938 3.938 0 0 0 1.077-2.763 3.872 3.872 0 0 0-1.057-2.782 3.677 3.677 0 0 0-2.687-1.15zm1.96-2.469c3.655 0 6.42 2.835 6.42 6.402s-2.765 6.402-6.42 6.402h-4.312a.314.314 0 0 1-.31-.319V3c0-.177.139-.32.31-.32l4.313-.015zm14.576 3.128l-1.517 4.206h3.031zm-2.407 6.583l-.993 2.8a.31.31 0 0 1-.31.22h-2.154a.307.307 0 0 1-.283-.134.325.325 0 0 1-.027-.318l4.654-12.139a.31.31 0 0 1 .31-.21h2.41a.31.31 0 0 1 .311.21l4.654 12.139a.325.325 0 0 1-.028.318.307.307 0 0 1-.283.133h-2.153a.31.31 0 0 1-.31-.22l-.993-2.8h-4.805zm11.069-6.31c0-2.01 1.694-3.748 4.369-3.748a5.457 5.457 0 0 1 3.88 1.499.322.322 0 0 1 0 .468L137.936 5.5a.306.306 0 0 1-.44 0 3.097 3.097 0 0 0-2.07-.837c-1.07 0-1.861.637-1.861 1.372 0 2.376 6.323 1.005 6.323 5.577-.003 2.317-1.71 4.07-4.728 4.07a6.25 6.25 0 0 1-4.511-1.858.322.322 0 0 1 0-.468l1.154-1.184a.307.307 0 0 1 .45 0 3.935 3.935 0 0 0 2.727 1.14c1.337 0 2.218-.732 2.218-1.649 0-2.377-6.32-1.005-6.32-5.578m20.476-3.162v4.804h-5.352V2.923a.314.314 0 0 0-.31-.318h-2.03a.314.314 0 0 0-.31.318V15.06c0 .176.14.319.31.319h2.03c.17 0 .31-.143.31-.319v-4.88h5.348v4.88c0 .176.14.319.31.319h2.03c.171 0 .31-.143.31-.319V2.923a.314.314 0 0 0-.31-.318h-2.03a.314.314 0 0 0-.306.318zM30.605 4.225C29.197 1.615 26.442-.01 23.446 0H.778a.78.78 0 0 0-.716.478.763.763 0 0 0 .168.836l4.938 4.9c.436.434 1.03.677 1.648.677h15.98c1.139-.012 2.07.89 2.082 2.013s-.901 2.043-2.04 2.054H11.821a.78.78 0 0 0-.718.476.763.763 0 0 0 .167.838l4.941 4.904a2.34 2.34 0 0 0 1.648.676h4.983c6.483 0 11.385-6.84 7.763-13.63"
fill="#ff3008"
/>
</svg>
</div>
{/* DP World */}
<div
className="group col-span-1 flex items-center justify-center bg-white p-1 transition-colors"
style={{
opacity: visibleCount >= 5 ? 1 : 0,
transform: visibleCount >= 5 ? "translateY(0)" : "translateY(8px)",
transition: "opacity 0.4s ease-out, transform 0.4s ease-out",
}}
>
<img
src={logos[0].src}
alt="DP World"
className={logos[0].className}
/>
</div>
{/* Brevo */}
<div
className="group col-span-1 flex items-center justify-center bg-white p-1 transition-colors"
style={{
opacity: visibleCount >= 6 ? 1 : 0,
transform: visibleCount >= 6 ? "translateY(0)" : "translateY(8px)",
transition: "opacity 0.4s ease-out, transform 0.4s ease-out",
}}
>
<img
src={logos[5].src}
alt="Brevo"
className={logos[5].className}
/>
</div>
</div>
</div>
</div>
);
};