Add devcon prize info

Author: corwintines

src/components/Translatathon/TranslatathonPrizes.tsx

@@ -1,4 +1,5 @@
 import Emoji from "@/components/Emoji"
+import Link from "@/components/Link"
 
 const TranslatathonPrizes = () => {
   return (
@@ -13,6 +14,7 @@ const TranslatathonPrizes = () => {
           <div className="flex flex-col items-center justify-center">
             <p className="text-2xl font-bold">1st place</p>
             <p className="text-4xl font-bold">$5000</p>
+            <Link href="https://devcon.org">+ Devcon SEA ticket</Link>
           </div>
         </div>
       </div>
@@ -31,6 +33,7 @@ const TranslatathonPrizes = () => {
           <div className="flex flex-col items-center justify-center">
             <p className="text-lg font-bold">2nd place</p>
             <p className="text-3xl font-bold">$3000</p>
+            <Link href="https://devcon.org">+ Devcon SEA ticket</Link>
           </div>
         </div>
         <div className="justify-left flex flex-1 items-center gap-4 sm:justify-center">
@@ -42,6 +45,7 @@ const TranslatathonPrizes = () => {
           <div className="flex flex-col items-center justify-center">
             <p className="text-lg font-bold">3rd place</p>
             <p className="text-3xl font-bold">$1500</p>
+            <Link href="https://devcon.org">+ Devcon SEA ticket</Link>
           </div>
         </div>
       </div>
@@ -52,9 +56,12 @@ const TranslatathonPrizes = () => {
               <Emoji text="🌟" fontSize={36} />
             </div>
           </div>
-          <div className="flex flex-col items-center justify-center">
+          <div className="flex max-w-48 flex-col items-center justify-center text-center">
             <p className="text-md font-bold">4th & 5th</p>
             <p className="text-2xl font-bold">$500</p>
+            <Link href="https://devcon.org">
+              + 50% Devcon SEA ticket discount
+            </Link>
           </div>
         </div>
         <div className="justify-left flex flex-1 items-center gap-4 sm:justify-center">
@@ -63,9 +70,12 @@ const TranslatathonPrizes = () => {
               <Emoji text=":scroll:" fontSize={36} />
             </div>
           </div>
-          <div className="flex flex-col items-center justify-center">
+          <div className="flex max-w-48 flex-col items-center justify-center text-center">
             <p className="text-md font-bold">6th to 10th</p>
             <p className="text-2xl font-bold">$200</p>
+            <Link href="https://devcon.org">
+              + 50% Devcon SEA ticket discount
+            </Link>
           </div>
         </div>
       </div>