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 PlaceUnderSunPage = () => {

    const [menu] = useState([
        {id: 0, title: 'Описание', to: 'description'},
        {id: 1, title: 'Цели', to: 'purpose'},
        {id: 2, title: 'Преимущества', to: 'advantages'},
        {id: 3, title: 'Аудитория', to: 'auditory'},
        {id: 4, title: 'Контакты', to: 'contact'},
    ])
    const image = useStaticQuery(graphql`
    query {
        img: file(relativePath: {eq: "games/place-under-sun2.jpg"}) {
            childImageSharp {
                gatsbyImageData(formats: WEBP)
            }
        },
    }`);
    return(
        <Layout menu={menu}>
            <Hero title='Место под солнцем' img={image.img} time='2-2,5  часа (3 раунда по 30 мин + шеринг игровых итогов 30 мин).' formats='офлайн (сценарная симуляция ) // онлайн (платформа ZOOM).'></Hero>
            <section className="py-28 max-md:py-16 max-md:px-3" id="description">
                <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'>Несколько поколений 4 семейных династии получали прибыль и делили место среди самых уважаемых жителей города. Но прогресс заставляет бизнес меняться, рушить выстроенные связи и строить новые партнерства. Кто из них станет более влиятельным? Кто потеряет свои позиции и почему? Как игра проявит шаблоны принятия решений и коммуникаций, влияющие на наш результат в бизнесе?</p>
                    <p>Каждый раунд команды получают от ведущего информацию о развитии событий в городе, что создает конфликт социально-общественных интересов, бизнесинтересов и человеческих ценностей. Задача игроков - принять решение на городском совете. В чью пользу будет это решение, зависит от команд и их переговорных навыков. И оно повлияет на развитие социально-экономической ситуации в городе, коммерческие интересы команд. Решения команд по итогам 3 раундов кардинально меняют уклад жизни в городе и жизнь семейных кланов.</p>
                </div>
            </section>
            <section className="py-28 max-md:py-16 max-md:px-3 bg-[#0E0808]" id="purpose">
                <div className="container mx-auto text-white text-base max-w-6xl">
                    <h2 className='text-3xl max-md:text-2xl mb-10 max-md:mb-8 font-semibold text-white text-center uppercase'>Цель игры</h2>
                    <div className="flex justify-between max-md:flex-col">
                        <div className="basis-1/2">
                            <p className='mb-8 font-bold'>Формировать:</p>
                            <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
                                <li className="mb-1">Осознание необходимости и неотвратимости изменений в динамичной и конкурентной бизнес-среде</li>
                                <li>Осознанность в принятии решений с опорой на корпоративные ценности</li>
                            </ul>
                            <p className='mb-8 font-bold'>Практиковать:</p>
                            <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
                                <li className="mb-1">Навыки разработки и принятия решений в условиях отсутствия «правильного ответа»</li>
                                <li>Проведение переговоров в условиях, противоречащих друг другу интересов и позиций участников переговоров</li>
                            </ul>
                            <p className='mb-8 font-bold'>Оценить:</p>
                            <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
                                <li>Потенциал корпоративной культуры и команды участников (лидерство, готовность к изменениям, решение нестандартных задач, гибкость и др.)</li>
                            </ul>
                        </div>
                        <StaticImage className="w-1/2 max-md:w-full" alt="place-under-sun" src="../../images/games/place-under-sun.jpg"></StaticImage>
                    </div>
                </div>
            </section>
            <section className="py-28 max-md:py-16 max-md:px-3" id="advantages">
                <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>
                    <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
                        <li className="mb-1">Индивидуальные и командные цели</li>
                        <li>Динамичная быстрая командная игра для прокачки; коммуникаций и корпоративных ценностей</li>
                    </ul>
                </div>
            </section>
            <section className="py-28 max-md:py-16 max-md:px-3 bg-[#0E0808]" id="auditory">
                <div className="container mx-auto text-white 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>
                    <ol className='mb-8 list-decimal list-inside leading-normal mr-5'>
                        <li className="mb-1">Руководители и команды</li>
                        <li className="mb-1">Кадровые резервисты</li>
                        <li>Кросс-функциональные команды</li>
                    </ol>
                </div>
            </section>
            <Contact id="contact" white={true}></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='Место под солнцем' description='Несколько поколений 4 семейных династии получали прибыль и делили место среди самых уважаемых жителей города. Но прогресс заставляет бизнес меняться, рушить выстроенные связи и строить новые партнерства. Кто из них станет более влиятельным? Кто потеряет свои позиции и почему? Как игра проявит шаблоны принятия решений и коммуникаций, влияющие на наш результат в бизнесе?'/>

export default PlaceUnderSunPage