From b638f30a18b93bad28fd13b861acc46be4aa99b8 Mon Sep 17 00:00:00 2001
From: Lncvrt <lncvrtreal@gmail.com>
Date: Thu, 6 Nov 2025 22:04:38 -0700
Subject: [PATCH] Add component for Home button

---
 src/app/components/HomeButton.tsx             | 13 +++++++++++++
 src/app/game/berry-dash-custom/page.tsx       |  7 ++-----
 src/app/game/berry-dash-godot-remake/page.tsx |  7 ++-----
 src/app/game/berry-dash-lite/page.tsx         |  7 ++-----
 src/app/game/berry-dash-with-guns/page.tsx    |  7 ++-----
 src/app/game/berry-dash/page.tsx              |  7 ++-----
 src/app/game/triangles/page.tsx               |  7 ++-----
 7 files changed, 25 insertions(+), 30 deletions(-)
 create mode 100644 src/app/components/HomeButton.tsx

diff --git a/src/app/components/HomeButton.tsx b/src/app/components/HomeButton.tsx
new file mode 100644
index 0000000..5ed266f
--- /dev/null
+++ b/src/app/components/HomeButton.tsx
@@ -0,0 +1,13 @@
+import Link from 'next/link'
+
+export function HomeButton () {
+  return (
+    <>
+      <div className='relative'>
+        <Link href='/' className='home-button absolute -top-4 -left-4'>
+          <span className='material-symbols-outlined'>home</span>
+        </Link>
+      </div>
+    </>
+  )
+}
diff --git a/src/app/game/berry-dash-custom/page.tsx b/src/app/game/berry-dash-custom/page.tsx
index d263abf..9ea4148 100644
--- a/src/app/game/berry-dash-custom/page.tsx
+++ b/src/app/game/berry-dash-custom/page.tsx
@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
+      <HomeButton />
       <p className='text-4xl'>Berry Dash Custom</p>
       <p>
         Berry Dash Custom is similar to Berry Dash Lite, but with a bit more and
diff --git a/src/app/game/berry-dash-godot-remake/page.tsx b/src/app/game/berry-dash-godot-remake/page.tsx
index 9a32bfb..8f5f3c2 100644
--- a/src/app/game/berry-dash-godot-remake/page.tsx
+++ b/src/app/game/berry-dash-godot-remake/page.tsx
@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
+      <HomeButton />
       <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
diff --git a/src/app/game/berry-dash-lite/page.tsx b/src/app/game/berry-dash-lite/page.tsx
index 8ef9118..01aab66 100644
--- a/src/app/game/berry-dash-lite/page.tsx
+++ b/src/app/game/berry-dash-lite/page.tsx
@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
+      <HomeButton />
       <p className='text-4xl'>Berry Dash Lite</p>
       <p>
         Berry Dash Lite is based on Berry Dash, without any online stuff and
diff --git a/src/app/game/berry-dash-with-guns/page.tsx b/src/app/game/berry-dash-with-guns/page.tsx
index b0286e9..c372e25 100644
--- a/src/app/game/berry-dash-with-guns/page.tsx
+++ b/src/app/game/berry-dash-with-guns/page.tsx
@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
+      <HomeButton />
       <p className='text-4xl'>Berry Dash with Guns</p>
       <p>
         Berry Dash with Guns is well, as the name implies berry dash but with
diff --git a/src/app/game/berry-dash/page.tsx b/src/app/game/berry-dash/page.tsx
index b607baf..29da0c5 100644
--- a/src/app/game/berry-dash/page.tsx
+++ b/src/app/game/berry-dash/page.tsx
@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function BerryDashGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function BerryDashGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
+      <HomeButton />
       <p className='text-4xl'>Berry Dash</p>
       <p>
         Berry Dash is the first game Lncvrt ever made in Unity. The game is a
diff --git a/src/app/game/triangles/page.tsx b/src/app/game/triangles/page.tsx
index a43c414..bf7d582 100644
--- a/src/app/game/triangles/page.tsx
+++ b/src/app/game/triangles/page.tsx
@@ -7,6 +7,7 @@ import 'swiper/css'
 import 'swiper/css/navigation'
 import Link from 'next/link'
 import { useEffect } from 'react'
+import { HomeButton } from '@/app/components/HomeButton'
 
 export default function TrianglesGameInfo () {
   useEffect(() => {
@@ -15,11 +16,7 @@ export default function TrianglesGameInfo () {
 
   return (
     <div className='box text-center'>
-      <div className='relative'>
-        <Link href='/' className='home-button absolute -top-4 -left-4'>
-          <span className='material-symbols-outlined'>home</span>
-        </Link>
-      </div>
+      <HomeButton />
       <p className='text-4xl'>Triangles</p>
       <p>Triangles is a Geometry Dash fan game made in the Unity Game Engine</p>
       <p>