Add component for Home button

This commit is contained in:
2025-11-06 22:04:38 -07:00
parent 4637f73c85
commit b638f30a18
7 changed files with 25 additions and 30 deletions

View File

@@ -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>
</>
)
}

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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

View File

@@ -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>