fantus/pages/about.tsx

import React from 'react'

const Home = () => {
  return (
    <div className="center color">
      <h1 className="ma0">about</h1>
      <div className="text">
        <p>
          yet another producer. because we don't already have enough of them.
          <br />
          <br />
          📍based on planet earth
          <br />
        </p>
        <p>
          <a target="_blank" href="https://www.mixcloud.com/fantus/">
            mixcloud
          </a>
          <br />
          <a target="_blank" href="https://soundcloud.com/fantus_music">
            soundcloud
          </a>
          <br />
          <a target="_blank" href="https://www.instagram.com/fantus.studio/">
            instagram
          </a>
          <br />
          <br />
          <a target="_blank" href="mailto:hi@fantus.studio">
            contact email
          </a>
        </p>
        <br />
        <p>
          website made by 🤖 with ❤️.{' '}
          <a target="_blank" href="https://github.com/cupcakearmy/fantus">
            source code available here
          </a>
        </p>
      </div>
    </div>
  )
}

export default Home