import React from "react"
import { Layout, Typography, Row, Col } from 'antd';

const { Title } = Typography;
const { Header, Footer, Content } = Layout;

function Home() {

  return (
    <>
      <Layout>
        <Header style={{ background: "none", padding: "1rem", height: "5.5rem" }}>
          <Title style={{ textAlign: "center" }}>Credify Web SDK</Title>
        </Header>
        <Content>
          <Row>
            <Col span={12} offset={6}>
              <ul>
                <li>
                  <a href="/market">Market</a>
                </li>
                <li>
                  <a href="/bnpl">BNPL</a>
                </li>
                <li>
                  <a href="/proxy">Market Proxy</a>
                </li>
                <li>
                  <a href="/login">Login</a>
                </li>
              </ul>
            </Col>
          </Row>
        </Content>
        <Footer style={{ textAlign: 'center' }}>Credify Web SDK ©2022 Created by Credify Pte. Ltd.</Footer>
      </Layout>
    </>
  )
}

export default Home
