import React, { useState } from "react"
import { StaticImage } from "gatsby-plugin-image"
import Layout from "../../components/layout"
import Seo from "../../components/seo"
import Hero from "../../components/Games/GamePage/Hero";
import Contact from "../../components/Contact"
import { useStaticQuery, graphql } from "gatsby"

const TimelabPage = () => {

    const [menu] = useState([
        {id: 0, title: 'Цели', to: 'purposes'},
        {id: 1, title: 'Направление', to: 'direction'},
        {id: 2, title: 'Методологическая основа', to: 'metodology'},
        {id: 3, title: 'Контакты', to: 'contact'},
    ])
    const image = useStaticQuery(graphql`
    query {
        img: file(relativePath: {eq: "games/time-lab.jpg"}) {
            childImageSharp {
                gatsbyImageData(formats: WEBP)
            }
        },
    }`);
    return(
        <Layout menu={menu}>
            <Hero title="Timelab" time='3.5-4 часа' formats='оффлайн' members='от 15 человек' img={image.img}></Hero>
            <section className="py-28 max-md:py-16 max-md:px-3" id="purposes">
                <div className="container mx-auto text-slate-900 text-base max-w-6xl">
                    <h2 className='text-3xl max-md:text-2xl mb-10 max-md:mb-8 font-semibold text-slate-800 text-center uppercase'>Описание и цели игры</h2>
                    <p className='mb-8'>Бизнес-игра, тренажер ЭКОНОМИКА ВРЕМЕНИ (серия TimeLab) - это полноценная тренинг-коучинговая игрой для индивидуальной, групповой и командной работы по прокачке тайм-менеджмента и эффективности. Он был создан, чтобы люди наглядно осознавали последствия неэффективного управления временем.</p>
                    <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
                        <li className="mb-1">Для системной работы по развитию навыков управления временем (тайм-менеджменту);</li>
                        <li className="mb-1">Знакомит с понятиями «хронофаги», «прокрастинация», «хронометраж», «жизненный баланс», «work&life balance», «социальный капитал»;</li>
                        <li className="mb-1">Обучает эффективно анализировать и планировать расходы своего времени с учетом внешних помех.</li>
                    </ul>
                </div>
            </section>
            <section className="py-28 max-md:py-16 max-md:px-3 bg-[#0E0808]" id="direction">
                <div className="container mx-auto text-white text-base max-w-6xl">
                    <h2 className='text-3xl max-md:text-2xl mb-16 max-md:mb-8 font-semibold text-white text-center uppercase'>Навыки, вырабатываемые участниками в ходе игры-тренинга</h2>
                    <div className="flex justify-between items-center max-md:flex-col">
                        <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
                            <li className="mb-1">Анализ затрат собственного времени;</li>
                            <li className="mb-1">Планирование действий и временных затрат;</li>
                            <li className="mb-1">Нейтрализация основных хронофагов;</li>
                            <li className="mb-1">Минимизация прокрастинации;</li>
                            <li className="mb-1">Хронометраж;</li>
                            <li className="mb-1">Балансировка собственных ресурсов и предотвращение выгорания;</li>
                            <li className="mb-1">Осознанность действий, принятия решений и выборов;</li>
                            <li>Постановка и приоритезация целей.</li>
                        </ul>
                        <StaticImage className="w-1/2 max-md:w-full" alt="bridge" src="../../images/games/time-lab2.jpg"></StaticImage>
                    </div>
                </div>
            </section>
            <section className="py-28 max-md:py-16 max-md:px-3" id="metodology">
                <div className="container mx-auto text-slate-900 text-base max-w-6xl">
                    <h2 className='text-3xl max-md:text-2xl mb-10 max-md:mb-8 font-semibold text-slate-800 text-center uppercase'>Методологическая основа</h2>
                    <p className='mb-8'>Классические (“Научная организация труда” А.К.Гастева, метод хронометрирования А.А.Любищева) и современные теории и практики управления личной эффективностью (труды Глеба Архангельского, Питера Друкера, Дэвида Аллена, Лотара Зайверта, Стивена Кови и др.), теория социального (культурного) капитала Пьера Бурдье и теория ЭВФ (экономики, основанной на временном факторе).</p>
                </div>
            </section>
            <Contact id="contact"></Contact>
        </Layout>
    )

}

/**
 * Head export to define metadata for the page
 *
 * See: https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-head/
 */
export const Head = () => <Seo title="Timelab" description='Бизнес-игра ,  тренажер ЭКОНОМИКА ВРЕМЕНИ (серия TimeLab)  - это полноценная тренинг-коучинговая игрой для индивидуальной, групповой и командной работы по прокачке тайм-менеджмента и эффективности. Он был создан, чтобы люди наглядно осознавали последствия неэффективного управления временем.' />

export default TimelabPage