commons/client/src/routes/About.tsx

import React, { Component } from 'react'
import Route from '../components/templates/Route'
import Content from '../components/atoms/Content'
import VersionNumbers from '../components/molecules/VersionNumbers'

class About extends Component {
    public render() {
        return (
            <Route
                title="About"
                description="A marketplace to find and publish open data sets in the Ocean Pacific Network."
            >
                <Content>
                    <p>
                        Commons is built on top of the Ocean{' '}
                        <a href="https://docs.oceanprotocol.com/concepts/pacific-network/">
                            Pacific network
                        </a>{' '}
                        and is targeted at enthusiastic data scientists with
                        some crypto experience. It can be used with any
                        Web3-capable browser, like Firefox with MetaMask
                        installed.
                    </p>

                    <ul>
                        <li>
                            <a href="https://blog.oceanprotocol.com/the-commons-marketplace-c57a44288314">
                                Read the blog post →
                            </a>
                        </li>
                        <li>
                            <a href="https://github.com/oceanprotocol/commons">
                                Check out oceanprotocol/commons on GitHub →
                            </a>
                        </li>
                    </ul>
                </Content>

                <Content>
                    <VersionNumbers />
                </Content>
            </Route>
        )
    }
}

export default About