Add discord button to pages

src/app/components/DiscordButton.tsx

@@ -0,0 +1,15 @@
+import { faDiscord } from '@fortawesome/free-brands-svg-icons'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import Link from 'next/link'
+
+export function DiscordButton () {
+  return (
+    <>
+      <div className='relative'>
+        <Link href='/' className='home-button absolute -top-4 -right-4'>
+          <FontAwesomeIcon icon={faDiscord} />
+        </Link>
+      </div>
+    </>
+  )
+}

src/app/download/page.tsx

@@ -1,6 +1,7 @@
 import Link from 'next/link'
 import { Metadata } from 'next'
 import { HomeButton } from '../components/HomeButton'
+import { DiscordButton } from '../components/DiscordButton'
 
 export const metadata: Metadata = {
   title: 'Lncvrt Games - Download'
@@ -10,6 +11,7 @@ export default function DownloadPage () {
   return (
     <div className='box'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-center text-4xl'>Downloads</p>
       <p className='text-center text-[18px] mb-2'>
         The official downloads for Lncvrt Games Launcher

src/app/game/berry-dash-custom/page.tsx

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashCustomGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashCustomGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Berry Dash Custom</p>
       <p>
         Berry Dash Custom is similar to Berry Dash Lite, but with a bit more and

src/app/game/berry-dash-godot-remake/page.tsx

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashGodotRemakeGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashGodotRemakeGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Berry Dash Godot Remake</p>
       <p>
         Berry Dash Godot Remake is a recreation of Berry Dash 1.0 in the Godot

src/app/game/berry-dash-lite/page.tsx

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashLiteGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashLiteGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Berry Dash Lite</p>
       <p>
         Berry Dash Lite is based on Berry Dash, without any online stuff and

src/app/game/berry-dash-ultimate/page.tsx

@@ -5,6 +5,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashUltimateGameInfo () {
   useEffect(() => {
@@ -14,6 +15,7 @@ export default function BerryDashUltimateGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Berry Dash Ultimate</p>
       <p>
         Berry Dash Ultimate is a unofficial game made by BoNoise from scratch!

src/app/game/berry-dash-with-guns-custom/page.tsx

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashWithGunsCustomGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashWithGunsCustomGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Berry Dash with Guns Custom</p>
       <p>
         Berry Dash with Guns Custom is similar to Berry Dash with Guns, but with

src/app/game/berry-dash-with-guns/page.tsx

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashWithGunsGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashWithGunsGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Berry Dash with Guns</p>
       <p>
         Berry Dash with Guns is well, as the name implies berry dash but with

src/app/game/berry-dash/page.tsx

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function BerryDashGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Berry Dash</p>
       <p>
         Berry Dash is the first game Lncvrt ever made in Unity. The game is a

src/app/game/triangles/page.tsx

@@ -8,6 +8,7 @@ import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
 import { HomeButton } from '@/app/components/HomeButton'
+import { DiscordButton } from '@/app/components/DiscordButton'
 
 export default function TrianglesGameInfo () {
   useEffect(() => {
@@ -17,6 +18,7 @@ export default function TrianglesGameInfo () {
   return (
     <div className='box text-center'>
       <HomeButton />
+      <DiscordButton />
       <p className='text-4xl'>Triangles</p>
       <p>Triangles is a Geometry Dash fan game made in the Unity Game Engine</p>
       <p>

src/app/page.tsx

@@ -1,6 +1,7 @@
 import Image from 'next/image'
 import Link from 'next/link'
 import { Metadata } from 'next'
+import { DiscordButton } from './components/DiscordButton'
 
 export const metadata: Metadata = {
   title: 'Lncvrt Games - Home',
@@ -10,6 +11,7 @@ export const metadata: Metadata = {
 export default function Home () {
   return (
     <div className='box'>
+      <DiscordButton />
       <p className='text-center text-4xl'>Lncvrt Games</p>
       <p className='text-center text-[18px] mb-4'>
         A collection of games made by Lncvrt and others

src/app/verify-code/page.tsx

@@ -3,6 +3,8 @@
 import { Turnstile } from '@marsidev/react-turnstile'
 import axios from 'axios'
 import { useState } from 'react'
+import { DiscordButton } from '../components/DiscordButton'
+import { HomeButton } from '../components/HomeButton'
 
 export default function CaptchaCodePage () {
   const [token, setToken] = useState<string | null>(null)
@@ -13,6 +15,8 @@ export default function CaptchaCodePage () {
 
   return (
     <div className='box'>
+      <HomeButton />
+      <DiscordButton />
       <p className='mb-4 -mt-2 text-center'>
         Verify you are human to get a code
       </p>