|
1 | | -import { Banner } from '@/components/Banner'; |
2 | 1 | import { Footer } from '@/components/Footer'; |
3 | 2 | import { Nav } from '@/components/Nav'; |
4 | 3 | import { Seo } from '@/components/Seo'; |
@@ -32,7 +31,7 @@ const Home = (props) => { |
32 | 31 | <div className="py-24 mx-auto container px-4 sm:mt-12 relative"> |
33 | 32 | <img |
34 | 33 | src="/images/emblem.svg" |
35 | | - className="absolute transform right-0 top-5/12 h-0 lg:h-full scale-100 translate-x-1/12 -translate-y-1/4" |
| 34 | + className="absolute transform right-0 top-1/2 h-0 lg:h-96 xl:h-full scale-100 translate-x-1/12 -translate-y-1/2" |
36 | 35 | alt="orval Emblem" |
37 | 36 | /> |
38 | 37 | <div className="grid grid-cols-12 lg:gap-8"> |
@@ -264,29 +263,100 @@ my-app |
264 | 263 | <h3 className="text-2xl md:text-5xl mx-auto leading-tight font-extrabold tracking-tight lg:leading-none mt-2"> |
265 | 264 | Thanks for the support, guys! 🍻 |
266 | 265 | </h3> |
267 | | - <div className="flex flex-wrap justify-center mt-8"> |
268 | | - {sponsors.map((sponsor) => ( |
| 266 | + |
| 267 | + {/* Sponsors Section */} |
| 268 | + <div className="mt-12"> |
| 269 | + <h4 className="text-lg font-semibold text-gray-700 mb-6"> |
| 270 | + Sponsors |
| 271 | + </h4> |
| 272 | + <div className="flex justify-center items-center"> |
269 | 273 | <a |
270 | | - key={sponsor.login} |
| 274 | + href="https://opencollective.com/orval" |
271 | 275 | target="_blank" |
272 | | - href={`https://github.com/${sponsor.login}`} |
| 276 | + rel="noopener noreferrer" |
| 277 | + className="hover:opacity-80 transition-opacity" |
273 | 278 | > |
274 | 279 | <img |
275 | | - className="w-10 h-10 m-1 rounded-full" |
276 | | - src={sponsor.avatarUrl} |
| 280 | + className="h-40 w-auto" |
| 281 | + src="/images/orval-logo-horizontal.svg" |
| 282 | + alt="Sample Sponsor" |
| 283 | + title="Sample Sponsor" |
277 | 284 | /> |
278 | 285 | </a> |
279 | | - ))} |
| 286 | + </div> |
280 | 287 | </div> |
| 288 | + |
| 289 | + {/* Backers Section */} |
| 290 | + <div className="mt-12"> |
| 291 | + <h4 className="text-lg font-semibold text-gray-700 mb-6"> |
| 292 | + Backers |
| 293 | + </h4> |
| 294 | + <div className="flex flex-wrap justify-center items-center gap-4"> |
| 295 | + <a |
| 296 | + href="https://opencollective.com/orval" |
| 297 | + target="_blank" |
| 298 | + rel="noopener noreferrer" |
| 299 | + className="hover:opacity-80 transition-opacity" |
| 300 | + > |
| 301 | + <img |
| 302 | + className="h-20 w-20 rounded-full" |
| 303 | + src="/images/emblem.svg" |
| 304 | + alt="Sample Backer" |
| 305 | + title="Sample Backer" |
| 306 | + /> |
| 307 | + </a> |
| 308 | + <a |
| 309 | + href="https://opencollective.com/orval" |
| 310 | + target="_blank" |
| 311 | + rel="noopener noreferrer" |
| 312 | + className="hover:opacity-80 transition-opacity" |
| 313 | + > |
| 314 | + <img |
| 315 | + className="h-20 w-20 rounded-full" |
| 316 | + src="/images/emblem.svg" |
| 317 | + alt="Sample Backer" |
| 318 | + title="Sample Backer" |
| 319 | + /> |
| 320 | + </a> |
| 321 | + <a |
| 322 | + href="https://opencollective.com/orval" |
| 323 | + target="_blank" |
| 324 | + rel="noopener noreferrer" |
| 325 | + className="hover:opacity-80 transition-opacity" |
| 326 | + > |
| 327 | + <img |
| 328 | + className="h-20 w-20 rounded-full" |
| 329 | + src="/images/emblem.svg" |
| 330 | + alt="Sample Backer" |
| 331 | + title="Sample Backer" |
| 332 | + /> |
| 333 | + </a> |
| 334 | + </div> |
| 335 | + </div> |
| 336 | + |
281 | 337 | <div className="inline-flex rounded-md shadow-sm mt-12"> |
282 | 338 | <a |
283 | | - href="https://github.com/sponsors/anymaniax" |
| 339 | + href="https://opencollective.com/orval" |
284 | 340 | target="_blank" |
| 341 | + rel="noopener noreferrer" |
285 | 342 | className="inline-flex items-center justify-center text-center px-5 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-coral-default hover:bg-coral-light focus:outline-hidden focus:shadow-outline transition duration-150 ease-in-out" |
286 | 343 | > |
287 | | - Become a sponsor |
| 344 | + Support us on Open Collective |
288 | 345 | </a> |
289 | 346 | </div> |
| 347 | + |
| 348 | + <p className="mt-6 text-sm text-gray-600"> |
| 349 | + After becoming a sponsor or backer, please contact us on{' '} |
| 350 | + <a |
| 351 | + href={siteConfig.discordUrl} |
| 352 | + target="_blank" |
| 353 | + rel="noopener noreferrer" |
| 354 | + className="text-coral-default hover:text-coral-light underline" |
| 355 | + > |
| 356 | + Discord |
| 357 | + </a>{' '} |
| 358 | + to upload your logo. |
| 359 | + </p> |
290 | 360 | </div> |
291 | 361 | </div> |
292 | 362 | <div className="bg-gray-50 border-b border-gray-100"> |
|
0 commit comments