mirror of
https://github.com/supabase/supabase.git
synced 2026-10-11 12:25:05 +03:00
Francesco SansalvadoreandAnt Wilson
accf7618eb
* lw11 ga ticketing * add @types/animejs * build new game word * og ticket layout * ticket og layout * lw11 ticketing flow * remove unused assets * clean up old LW code * smol cleanup * update lw11 og function * update lw11 og function * prepare * main layout * layout * update naming * fix lw11 canvas resize * lw announcement countdown banner * hp badge * update lw page * cleanup * update banners * update ticket shape * update share string * update launch time * avatar in ticket * update lw11-og handler * mask ticket glow * update game with input-otp * clean up game * update ticketing page title * update * update awards * special event * update constants * fix mobile inputs bug * update announcements * dots grid * remove 2024 * gst * fix ticket user page * less stacked layout * lw * update secret ticket * update sharing layout * max width to ticket container * update tweet text * clean up merge * npm i * update hero announcement * update footer * update types * fix types * Update apps/www/lib/constants.ts * Update apps/www/lib/constants.ts * Update apps/www/lib/constants.ts * Apply suggestions from code review * update og * og * special announcement * special announcement * fix favicon * url timestamp for cache * cache * favicon * remove file * fix title * game only when signed in * user ticket nme * day * switch to /special-announcent * update /special-announcement * update /special-announcement * skip build * redirect * fix theme in /special-announcement * fix mobile ticket form * image not draggable * cleanup * restore latest manifest * update secret ticket tweet * secret share * update text * fix secret share * typo * remove comment * update deprecated icon * restore input.stories --------- Co-authored-by: Ant Wilson <awalias@users.noreply.github.com>
80 lines
2.9 KiB
TypeScript
80 lines
2.9 KiB
TypeScript
import React from 'react'
|
|
import { cn } from 'ui'
|
|
import LabelBadge from './LabelBadge'
|
|
import LaunchWeekPrizeCard from './LaunchWeekPrizeCard'
|
|
import Image from 'next/image'
|
|
|
|
export default function LaunchWeekPrizeSection({ className }: { className?: string }) {
|
|
return (
|
|
<div
|
|
id="prizes"
|
|
className={cn(
|
|
'relative text-left flex flex-col max-w-7xl mx-auto gap-2 scroll-mt-[66px] text-[#575E61]',
|
|
className
|
|
)}
|
|
>
|
|
<h2 className="w-full text-sm font-mono uppercase tracking-[1px]">Awards</h2>
|
|
<div className="w-full pt-4">
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-4 mx-auto h-auto text-[#EDEDED]">
|
|
<LaunchWeekPrizeCard
|
|
className="col-span-full md:col-span-2"
|
|
contentClassName="flex flex-col justify-between"
|
|
content={
|
|
<>
|
|
<div className="p-4 md:p-6 flex flex-col flex-shrink gap-2 text-sm items-start">
|
|
<LabelBadge text="10 keyboards" />
|
|
<p className="text-lg text-[#8B9092] max-w-lg">
|
|
Limited-edition{' '}
|
|
<span className="text-[#EDEDED]">62-Key ISO Mechanical Keyboard</span>
|
|
</p>
|
|
</div>
|
|
<div className="px-4 mt-10 w-full">
|
|
<div className="relative w-full aspect-[3.078/1]">
|
|
<Image
|
|
src="/images/launchweek/lwx/swag/lwx_keyboard.png"
|
|
fill
|
|
sizes="100%"
|
|
quality={100}
|
|
alt="/images/launchweek/lwx/swag/lwx_keyboard.png"
|
|
className="h-full w-full block"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</>
|
|
}
|
|
/>
|
|
<div className="w-full flex flex-col gap-4 items-stretch">
|
|
<LaunchWeekPrizeCard
|
|
className="flex-grow"
|
|
content={
|
|
<div className="p-4 md:p-6 flex flex-col gap-2 text-sm items-start justify-between h-full">
|
|
<LabelBadge text="20 t-shirts" />
|
|
Launch Week X T-Shirt
|
|
</div>
|
|
}
|
|
/>
|
|
<LaunchWeekPrizeCard
|
|
className="flex-grow"
|
|
content={
|
|
<div className="p-4 md:p-6 flex flex-col gap-2 text-sm items-start justify-between h-full">
|
|
<LabelBadge text="25 caps" />
|
|
Launch Week X Cap
|
|
</div>
|
|
}
|
|
/>
|
|
<LaunchWeekPrizeCard
|
|
className="flex-grow"
|
|
content={
|
|
<div className="p-4 md:p-6 flex flex-col gap-2 text-sm items-start justify-between h-full">
|
|
<LabelBadge text="50 stickers" />
|
|
<p>Launch Week X Stickers</p>
|
|
</div>
|
|
}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|