feat: add discord invite link

Author: leomotors

src/app/page.tsx

@@ -83,7 +83,7 @@ export default async function Landing() {
 
           <p className="mt-4 text-sm leading-relaxed text-prog-gray-500 dark:text-slate-200 sm:text-base">
             เว็บไซต์ที่ผู้ใช้มากมายเชื่อมั่น ด้วยโจทย์ฝึกเขียนโปรแกรมถึง{' '}
-            {tasksCount} ข้อ
+            <b>{tasksCount}</b> ข้อ
             <br />
             และบทเรียนเกี่ยวกับ Data Structure & Algorithms
           </p>

src/app/tasks/page.tsx

@@ -64,7 +64,7 @@ export default async function Tasks() {
                 Tasks
               </p>
               <p className="text-md text-gray-500 dark:text-gray-300">
-                Browse over 700+ tasks
+                Browse Over 800+ Tasks
               </p>
             </>
           }

src/components/RootLayout/Footer/Footer.tsx

@@ -3,7 +3,7 @@ import { useMemo } from 'react'
 import Image from 'next/image'
 import Link from 'next/link'
 
-import { FacebookLogo, GitHubLogo } from '@/svg/Socials'
+import { DiscordLogo, FacebookLogo, GitHubLogo } from '@/svg/Socials'
 
 import { FooterJoin } from './FooterJoin'
 import { ThemeSwitch } from './ThemeSwitch'
@@ -49,6 +49,13 @@ export const Footer = () => {
               >
                 <GitHubLogo className="text-[#64748B] dark:text-gray-100" />
               </Link>
+              <Link
+                href="https://discord.gg/yrtrJ5rQm2"
+                target="_blank"
+                rel="noreferrer"
+              >
+                <DiscordLogo className="text-[#64748B] dark:text-gray-100" />
+              </Link>
             </div>
             <p className="flex w-full flex-col justify-center text-center text-xs text-gray-500 dark:text-gray-100 sm:w-80 sm:text-sm sm:leading-4 md:text-left">
               <span>© 2019-{currentYear} the PROGRAMMING.IN.TH team</span>

src/svg/Socials.tsx

@@ -88,3 +88,18 @@ export const AuthGitHubLogo = (props: ComponentProps<'svg'>) => {
     </svg>
   )
 }
+
+export const DiscordLogo = (props: ComponentProps<'svg'>) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 127.14 96.36"
+      width="27"
+      height="27"
+      fill="currentColor"
+      {...props}
+    >
+      <path d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z" />
+    </svg>
+  )
+}