import css from './index.module.css';
import {FC} from 'react';
import cla from 'classnames';
import {Card} from 'antd';
import Lottie from 'lottie-react';
import LoginData from '@assets/json/loginData.json';
import LoginInfo from './info';
import logo from '@assets/images/iconLogo.png';

const Login: FC = function () {
  return (
    <>
      <main className={cla(['container', css.main])}>
        <img src={logo} className={css.logo} />
        <section className={css.cardWrapper}>
          <h2 className={css.slogan}>你特别，我来电，我们一起特来电！</h2>
          <Card bordered={false} className={css.card}>
            <div className={css.info}>
              <Lottie animationData={LoginData} className={css.lottie} />
              <LoginInfo />
            </div>
          </Card>
        </section>
      </main>
    </>
  );
};

export default Login;
