'use client'

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 BerryDashUltimateGameInfo () {
  useEffect(() => {
    document.title = 'Lncvrt Games - Berry Dash Ultimate'
  }, [])

  return (
    <div className='box text-center'>
      <HomeButton />
      <p className='text-4xl'>Berry Dash Ultimate</p>
      <p>
        Berry Dash Ultimate is a unofficial game made by BoNoise from scratch!
        It includes a lot of custom mechanics and more!
      </p>
      <p className='text-2xl mt-4 mb-1'>Downloads</p>
      <div className='downloads'>
        <Link
          href='https://archive.org/download/berry-dash-archive/Berry-Dash-Ultimate-1.1.0-android.apk'
          draggable={false}
        >
          Android
        </Link>
        <Link
          href='https://archive.org/download/berry-dash-archive/Berry-Dash-Ultimate-1.1.0-ios.ipa'
          draggable={false}
        >
          iOS
        </Link>
        <Link href='/download' draggable={false}>
          Windows, macOS, or Linux
        </Link>
      </div>
    </div>
  )
}
