import React from 'react';
import { Card, CardBody, Row, Col } from 'reactstrap';
import Logo from '../navbar/Logo';
import Section from '../common/Section';

function JKLoginRequest() {
  return (
    <Section className="py-0">
      <Row className="flex-center min-vh-100 py-6">
        <Col sm={10} md={8} lg={6} xl={5} className="col-xxl-4">
          <Logo width={250} />
          <Card>
            <CardBody className="fs--1 font-weight-normal p-5">
              <Row className="justify-content-center">
                <h3 className="mt-3 mt-md-4 font-weight-normal fs-2">Sign in to begin</h3>
                <p>Please sign in to your jamkazam account</p>
              </Row>
              <Row className="justify-content-center">
                <a className="btn btn-primary" href={`${process.env.REACT_APP_CLIENT_BASE_URL}/signin`}>
                  Sign in
                </a>
              </Row>
            </CardBody>
          </Card>
        </Col>
      </Row>
    </Section>
  );
}

export default JKLoginRequest;
