gatsby-pingbot/src/pages/index.js

import React from 'react'
import AniLink from 'gatsby-plugin-transition-link/AniLink'

import Seo from '../components/seo'

const LoginPage = () => {
  return (
    <>
      <Seo
        title="Home"
      />

      <div className="url-link">
        <AniLink cover to="/add">
          <button className="yellow-button">Add URL</button>
        </AniLink>
      </div>

      <div className="url-link">
        <AniLink cover to="/delete">
          <button className="red-button">Delete URL</button>
        </AniLink>
      </div>

      <br />

      <AniLink cover to="/status">
        <button className="blue-button">System Status</button>
      </AniLink>
    </>
  )
}

export default LoginPage