Add discord button to pages

bun.lock

@@ -5,6 +5,11 @@
     "": {
       "name": "lncvrt-games-website",
       "dependencies": {
+        "@fortawesome/fontawesome-svg-core": "7.1.0",
+        "@fortawesome/free-brands-svg-icons": "7.1.0",
+        "@fortawesome/free-regular-svg-icons": "7.1.0",
+        "@fortawesome/free-solid-svg-icons": "7.1.0",
+        "@fortawesome/react-fontawesome": "3.1.1",
         "@marsidev/react-turnstile": "1.4.1",
         "axios": "1.13.2",
         "next": "16.1.4",
@@ -83,6 +88,18 @@
 
     "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="],
 
+    "@fortawesome/fontawesome-common-types": ["@fortawesome/fontawesome-common-types@7.1.0", "", {}, "sha512-l/BQM7fYntsCI//du+6sEnHOP6a74UixFyOYUyz2DLMXKx+6DEhfR3F2NYGE45XH1JJuIamacb4IZs9S0ZOWLA=="],
+
+    "@fortawesome/fontawesome-svg-core": ["@fortawesome/fontawesome-svg-core@7.1.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" } }, "sha512-fNxRUk1KhjSbnbuBxlWSnBLKLBNun52ZBTcs22H/xEEzM6Ap81ZFTQ4bZBxVQGQgVY0xugKGoRcCbaKjLQ3XZA=="],
+
+    "@fortawesome/free-brands-svg-icons": ["@fortawesome/free-brands-svg-icons@7.1.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" } }, "sha512-9byUd9bgNfthsZAjBl6GxOu1VPHgBuRUP9juI7ZoM98h8xNPTCTagfwUFyYscdZq4Hr7gD1azMfM9s5tIWKZZA=="],
+
+    "@fortawesome/free-regular-svg-icons": ["@fortawesome/free-regular-svg-icons@7.1.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" } }, "sha512-0e2fdEyB4AR+e6kU4yxwA/MonnYcw/CsMEP9lH82ORFi9svA6/RhDyhxIv5mlJaldmaHLLYVTb+3iEr+PDSZuQ=="],
+
+    "@fortawesome/free-solid-svg-icons": ["@fortawesome/free-solid-svg-icons@7.1.0", "", { "dependencies": { "@fortawesome/fontawesome-common-types": "7.1.0" } }, "sha512-Udu3K7SzAo9N013qt7qmm22/wo2hADdheXtBfxFTecp+ogsc0caQNRKEb7pkvvagUGOpG9wJC1ViH6WXs8oXIA=="],
+
+    "@fortawesome/react-fontawesome": ["@fortawesome/react-fontawesome@3.1.1", "", { "peerDependencies": { "@fortawesome/fontawesome-svg-core": "~6 || ~7", "react": "^18.0.0 || ^19.0.0" } }, "sha512-EDllr9hpodc21odmUywHS1alXNiCd4E8sp5GJ5s7wYINz8vSmMiNWpALTiuYODb865YyQ/NlyiN4mbXp7HCNqg=="],
+
     "@humanfs/core": ["@humanfs/core@0.19.1", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="],
 
     "@humanfs/node": ["@humanfs/node@0.16.7", "", { "dependencies": { "@humanfs/core": "^0.19.1", "@humanwhocodes/retry": "^0.4.0" } }, "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ=="],

package.json

@@ -9,6 +9,11 @@
     "lint": "eslint"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "7.1.0",
+    "@fortawesome/free-brands-svg-icons": "7.1.0",
+    "@fortawesome/free-regular-svg-icons": "7.1.0",
+    "@fortawesome/free-solid-svg-icons": "7.1.0",
+    "@fortawesome/react-fontawesome": "3.1.1",
     "@marsidev/react-turnstile": "1.4.1",
     "axios": "1.13.2",
     "next": "16.1.4",

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>