import React from 'react';
import Functions from './Functions';
import './Lotto.css';

const Lotto = () => {
    return (
        <div className="lotto">
            <header className="lotto-header">
                <div>
                    <p className="lotto-kicker">Playground</p>
                    <h1>Lotto Lab</h1>
                    <p className="lotto-sub">
                        로또 추천 및 기록 관리 도구입니다. 다양한 알고리즘을 통해 번호를 추천받고,
                        추첨 기록을 손쉽게 관리할 수 있습니다.
                    </p>
                </div>
                <div className="lotto-card">
                    <p className="lotto-card__title">시뮬레이션 추천 시스템</p>
                    <ul>
                        <li>하루 6회 몬테카를로 시뮬레이션 자동 실행</li>
                        <li>20,000개 후보를 5가지 통계 기법으로 스코어링</li>
                        <li>핫·콜드·오버듀 번호 통계 분석 제공</li>
                    </ul>
                </div>
            </header>

            <Functions />
        </div>
    );
};

export default Lotto;