Add component for Home button
This commit is contained in:
13
src/app/components/HomeButton.tsx
Normal file
13
src/app/components/HomeButton.tsx
Normal 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>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user