|
35 | 35 | <div class="relative flex h-[500px] w-[1500px] overflow-hidden"> |
36 | 36 | <!-- Left side: Logo + headline + badges — kept in upper portion to clear profile pic --> |
37 | 37 | <div |
38 | | - class="relative z-10 flex w-[50%] flex-col justify-center pr-10 pl-52 pb-6" |
| 38 | + class="relative z-10 flex w-[50%] flex-col justify-center pr-10 pb-6 pl-52" |
39 | 39 | > |
40 | 40 | <div class="max-w-[520px]"> |
41 | 41 | <!-- Logo --> |
|
59 | 59 | </span> |
60 | 60 | into<br />legendary art. |
61 | 61 | </h1> |
62 | | - |
63 | 62 | </div> |
64 | 63 | </div> |
65 | 64 |
|
|
84 | 83 | "This duck has seen things" |
85 | 84 | </p> |
86 | 85 | <div class="mt-1 flex items-center justify-between"> |
87 | | - <span class="text-[8px] font-medium text-[#4A4A4A]">— Raj</span> |
| 86 | + <span class="text-[8px] font-medium text-[#4A4A4A]" |
| 87 | + >— Raj</span |
| 88 | + > |
88 | 89 | <span |
89 | 90 | class="rounded-sm border border-[#7C3AED] bg-[#EDE9FE] px-1.5 py-0.5 text-[7px] font-bold text-[#7C3AED]" |
90 | 91 | >Ghibli</span |
|
109 | 110 | "That's not a bug, that's a goat" |
110 | 111 | </p> |
111 | 112 | <div class="mt-1 flex items-center justify-between"> |
112 | | - <span class="text-[8px] font-medium text-[#4A4A4A]">— Priya</span> |
| 113 | + <span class="text-[8px] font-medium text-[#4A4A4A]" |
| 114 | + >— Priya</span |
| 115 | + > |
113 | 116 | <span |
114 | 117 | class="rounded-sm border border-[#7C3AED] bg-[#EDE9FE] px-1.5 py-0.5 text-[7px] font-bold text-[#7C3AED]" |
115 | 118 | >Cubism</span |
|
134 | 137 | "Who let the seagull in" |
135 | 138 | </p> |
136 | 139 | <div class="mt-1 flex items-center justify-between"> |
137 | | - <span class="text-[8px] font-medium text-[#4A4A4A]">— Sam</span> |
| 140 | + <span class="text-[8px] font-medium text-[#4A4A4A]" |
| 141 | + >— Sam</span |
| 142 | + > |
138 | 143 | <span |
139 | 144 | class="rounded-sm border border-[#7C3AED] bg-[#EDE9FE] px-1.5 py-0.5 text-[7px] font-bold text-[#7C3AED]" |
140 | 145 | >Ukiyo-e</span |
|
159 | 164 | "The intern sits on the throne" |
160 | 165 | </p> |
161 | 166 | <div class="mt-1 flex items-center justify-between"> |
162 | | - <span class="text-[8px] font-medium text-[#4A4A4A]">— Mike</span> |
| 167 | + <span class="text-[8px] font-medium text-[#4A4A4A]" |
| 168 | + >— Mike</span |
| 169 | + > |
163 | 170 | <span |
164 | 171 | class="rounded-sm border border-[#7C3AED] bg-[#EDE9FE] px-1.5 py-0.5 text-[7px] font-bold text-[#7C3AED]" |
165 | 172 | >Van Gogh</span |
|
184 | 191 | "Plants thriving more than roadmap" |
185 | 192 | </p> |
186 | 193 | <div class="mt-1 flex items-center justify-between"> |
187 | | - <span class="text-[8px] font-medium text-[#4A4A4A]">— Tina</span> |
| 194 | + <span class="text-[8px] font-medium text-[#4A4A4A]" |
| 195 | + >— Tina</span |
| 196 | + > |
188 | 197 | <span |
189 | 198 | class="rounded-sm border border-[#7C3AED] bg-[#EDE9FE] px-1.5 py-0.5 text-[7px] font-bold text-[#7C3AED]" |
190 | 199 | >Watercolor</span |
|
209 | 218 | "Raccoon in the server room" |
210 | 219 | </p> |
211 | 220 | <div class="mt-1 flex items-center justify-between"> |
212 | | - <span class="text-[8px] font-medium text-[#4A4A4A]">— Alex</span> |
| 221 | + <span class="text-[8px] font-medium text-[#4A4A4A]" |
| 222 | + >— Alex</span |
| 223 | + > |
213 | 224 | <span |
214 | 225 | class="rounded-sm border border-[#7C3AED] bg-[#EDE9FE] px-1.5 py-0.5 text-[7px] font-bold text-[#7C3AED]" |
215 | 226 | >Pixel Art</span |
|
234 | 245 | "The printer is haunted" |
235 | 246 | </p> |
236 | 247 | <div class="mt-1 flex items-center justify-between"> |
237 | | - <span class="text-[8px] font-medium text-[#4A4A4A]">— Jordan</span> |
| 248 | + <span class="text-[8px] font-medium text-[#4A4A4A]" |
| 249 | + >— Jordan</span |
| 250 | + > |
238 | 251 | <span |
239 | 252 | class="rounded-sm border border-[#7C3AED] bg-[#EDE9FE] px-1.5 py-0.5 text-[7px] font-bold text-[#7C3AED]" |
240 | 253 | >Dali</span |
|
259 | 272 | "Love is a battlefield" |
260 | 273 | </p> |
261 | 274 | <div class="mt-1 flex items-center justify-between"> |
262 | | - <span class="text-[8px] font-medium text-[#4A4A4A]">— Casey</span> |
| 275 | + <span class="text-[8px] font-medium text-[#4A4A4A]" |
| 276 | + >— Casey</span |
| 277 | + > |
263 | 278 | <span |
264 | 279 | class="rounded-sm border border-[#7C3AED] bg-[#EDE9FE] px-1.5 py-0.5 text-[7px] font-bold text-[#7C3AED]" |
265 | 280 | >Pop Art</span |
|
284 | 299 | "Who brought a horse" |
285 | 300 | </p> |
286 | 301 | <div class="mt-1 flex items-center justify-between"> |
287 | | - <span class="text-[8px] font-medium text-[#4A4A4A]">— Dana</span> |
| 302 | + <span class="text-[8px] font-medium text-[#4A4A4A]" |
| 303 | + >— Dana</span |
| 304 | + > |
288 | 305 | <span |
289 | 306 | class="rounded-sm border border-[#7C3AED] bg-[#EDE9FE] px-1.5 py-0.5 text-[7px] font-bold text-[#7C3AED]" |
290 | 307 | >Rockwell</span |
|
0 commit comments