V pre0.3_7

main
Саске Учиха 3 years ago
parent dbebe815e7
commit f6a6c5d329

@ -19,11 +19,12 @@ Talent Team - разработка корпоративных мероприят
- Добавлен description для сайта. - Добавлен description для сайта.
- Блок "Создание электронных курсов" за менен на другой блок - "Сессии Lego SP". - Блок "Создание электронных курсов" за менен на другой блок - "Сессии Lego SP".
- Для мобильной и планшетной версии созданно Burger меню. - Для мобильной и планшетной версии созданно Burger меню.
- Полностью адаптирована главная страница, а также страницы игр "Эмоциональный интеллект", "Вызов принят". - Полностью адаптированы все страницы.
- На главной странице, а также страницах игр "Эмоциональный интеллект", "Вызов принят" исправленны все ошибки и варнинги в консоли. - На всех страницах исправленны все ошибки и варнинги в консоли.
- Добавлен Lazy loading на изображения. - Добавлен Lazy loading на изображения.
- Отзывы замененны на благодарственные письма. - Отзывы заменены на благодарственные письма.
- Пункты меню в Header и Footer теперь меняют цвет при наведении.
- Исправлен баг из-за которого при нажатии на пункты в бургер меню, само меню не закрывалось. (баг с pre0.3_4)
#### V 0.2 #### V 0.2
- Добавлен блоки "Связаться с нами" и Футер сайта - Добавлен блоки "Связаться с нами" и Футер сайта

@ -15,7 +15,7 @@ const About = ({...props}) => {
<p className='mb-5 max-md:mb-4 max-md:text-sm'>Мы убеждены, что каждое проводимое корпоративное мероприятие должны быть максимально полезны, придерживаясь главной цели это развитие персонала. Ведь, развивая персонал, мы открываем для бизнеса новые возможности.</p> <p className='mb-5 max-md:mb-4 max-md:text-sm'>Мы убеждены, что каждое проводимое корпоративное мероприятие должны быть максимально полезны, придерживаясь главной цели это развитие персонала. Ведь, развивая персонал, мы открываем для бизнеса новые возможности.</p>
</div> </div>
<div className='basis-1/2 lg:ml-5 max-lg:flex max-lg:flex-col max-lg:items-center max-lg:w-full max-md:mt-0 max-lg:mt-5'> <div className='basis-1/2 lg:ml-5 max-lg:flex max-lg:flex-col max-lg:items-center max-lg:w-full max-md:mt-0 max-lg:mt-5'>
<iframe className='w-full h-[500px] max-sm:h-[250px] max-md:h-[350px] mb-7 rounded-lg' src="https://www.youtube.com/embed/0zMLl9WbHVg" title="YouTube video player" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe> <iframe className='w-full h-[500px] max-sm:h-[250px] max-md:h-[350px] mb-7 rounded-lg' src="https://www.youtube-nocookie.com/embed/0zMLl9WbHVg" title="YouTube video player" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen></iframe>
<Button className='max-sm:w-full w-52'>Наши услуги</Button> <Button className='max-sm:w-full w-52'>Наши услуги</Button>
</div> </div>
</div> </div>

@ -11,12 +11,12 @@ const Contact = ({white, ...props}) => {
<h2 className={white ? 'text-3xl max-md:text-2xl mb-16 max-md:mb-8 font-semibold text-slate-800 text-center uppercase' : 'text-3xl max-md:text-2xl mb-16 max-md:mb-8 font-semibold text-white text-center uppercase'}>Связаться с нами</h2> <h2 className={white ? 'text-3xl max-md:text-2xl mb-16 max-md:mb-8 font-semibold text-slate-800 text-center uppercase' : 'text-3xl max-md:text-2xl mb-16 max-md:mb-8 font-semibold text-white text-center uppercase'}>Связаться с нами</h2>
<div className="flex max-md:flex-col mb-10 max-md:mb-8"> <div className="flex max-md:flex-col mb-10 max-md:mb-8">
<div className="flex flex-col basis-[40%] mr-6 max-md:mr-0"> <div className="flex flex-col basis-[40%] mr-6 max-md:mr-0">
<Input labelClasses={white ? 'text-black' : null} className={white ? 'mb-5 border-2 !border-slate-700' : 'mb-5'} label='Ваше ФИО:' placeholder='Иванов Иван Иванович'></Input> <Input labelClasses={white ? '!text-black' : null} className={white ? 'mb-5 border-2 !border-slate-700' : 'mb-5'} label='Ваше ФИО:' placeholder='Иванов Иван Иванович'></Input>
<Input labelClasses={white ? 'text-black' : null} className={white ? 'mb-5 border-2 !border-slate-700' : 'mb-5'} label='Ваш Email:' placeholder='exampel@yandex.ru'></Input> <Input labelClasses={white ? '!text-black' : null} className={white ? 'mb-5 border-2 !border-slate-700' : 'mb-5'} label='Ваш Email:' placeholder='exampel@yandex.ru'></Input>
<Input labelClasses={white ? 'text-black' : null} className={white ? 'max-md:mb-5 border-2 !border-slate-700' : 'max-md:mb-5'} label='Ваш телефон:' placeholder='+7 (999) 999 99-99'></Input> <Input labelClasses={white ? '!text-black' : null} className={white ? 'max-md:mb-5 border-2 !border-slate-700' : 'max-md:mb-5'} label='Ваш телефон:' placeholder='+7 (999) 999 99-99'></Input>
</div> </div>
<div className="flex basis-[60%]"> <div className="flex basis-[60%]">
<Textarea labelClasses={white ? 'text-black' : null} className={white ? 'h-full resize-none border-2 !border-slate-700' : 'h-full resize-none'} label='Ваше обращение:' placeholder='Обращение...'></Textarea> <Textarea labelClasses={white ? '!text-black' : null} className={white ? 'h-full resize-none border-2 !border-slate-700' : 'h-full resize-none'} label='Ваше обращение:' placeholder='Обращение...'></Textarea>
</div> </div>
</div> </div>
<div className="flex justify-center"> <div className="flex justify-center">

@ -8,11 +8,14 @@ const Hero = ({title, img, time, members, formats}) => {
<div className="mr-0 relative h-full flex items-center bg-gray-50"> <div className="mr-0 relative h-full flex items-center bg-gray-50">
<div className="relative h-full max-sm:w-full ml-[calc(50%-768px)] max-lg:ml-[calc(50%-384px)] max-xl:ml-[calc(50%-512px)] max-2xl:ml-[calc(50%-640px)] max-md:mx-auto z-10 flex"> <div className="relative h-full max-sm:w-full ml-[calc(50%-768px)] max-lg:ml-[calc(50%-384px)] max-xl:ml-[calc(50%-512px)] max-2xl:ml-[calc(50%-640px)] max-md:mx-auto z-10 flex">
<h1 className="relative max-sm:w-full left-1/3 max-md:left-0 max-md:text-center leading-tight text-7xl max-lg:text-5xl max-xl:text-6xl max-md:text-4xl max-md:bg-white max-md:bg-opacity-70 max-md:p-3 font-bold italic min-w-[650px] max-md:min-w-0 max-lg:min-w-[430px] max-xl:min-w-[540px] text-slate-800 drop-shadow-[0_5px_5px_rgba(255,255,255,.3)] self-center">{title}</h1> <h1 className="relative max-sm:w-full left-1/3 max-md:left-0 max-md:text-center leading-tight text-7xl max-lg:text-5xl max-xl:text-6xl max-md:text-4xl max-md:bg-white max-md:bg-opacity-70 max-md:p-3 font-bold italic min-w-[650px] max-md:min-w-0 max-lg:min-w-[430px] max-xl:min-w-[540px] text-slate-800 drop-shadow-[0_5px_5px_rgba(255,255,255,.3)] self-center">{title}</h1>
<div className="absolute bottom-3 max-md:bottom-0 flex items-center last:[&>p]:!mr-0 flex-wrap max-md:p-3 max-md:bg-gray-100"> {(time || members || formats) &&
{time && <p className="flex mr-4 items-center text-lg text-slate-800"><AiOutlineClockCircle/>: {time}</p>} <div className="absolute bottom-3 max-md:bottom-0 flex items-center last:[&>p]:!mr-0 flex-wrap max-md:p-3 max-md:bg-gray-100">
{members && <p className="flex mr-4 items-center text-lg text-slate-800"><AiOutlineTeam/>: {members}</p>} {time && <p className="flex mr-4 items-center text-lg max-sm:text-sm text-slate-800"><AiOutlineClockCircle/>: {time}</p>}
{formats && <p><b>Доступные форматы:</b> {formats}</p>} {members && <p className="flex mr-4 items-center text-lg max-sm:text-sm text-slate-800"><AiOutlineTeam/>: {members}</p>}
</div> {formats && <p className="max-sm:text-sm"><b>Доступные форматы:</b> {formats}</p>}
</div>
}
</div> </div>
<div className="basis-full h-[60vh] min-h-[300px] max-md:absolute max-md:w-full"> <div className="basis-full h-[60vh] min-h-[300px] max-md:absolute max-md:w-full">
<GatsbyImage className='w-full h-[inherit]' image={getImage(img)} alt="logo" placeholder="none"/> <GatsbyImage className='w-full h-[inherit]' image={getImage(img)} alt="logo" placeholder="none"/>

@ -6,10 +6,10 @@ import { Link } from 'gatsby';
const RecGame = () => { const RecGame = () => {
return ( return (
<div className="flex max-lg:flex-col px-20 max-lg:px-3 items-center lg:items-start xl:items-center"> <div className="flex max-lg:flex-col px-20 max-lg:px-3 items-center lg:items-start xl:items-center">
<StaticImage loading='lazy' src="../../images/games/ei.jfif" alt="logo" placeholder="none" className="max-lg:hidden w-full basis-1/2 rounded-lg mr-5"/> <StaticImage loading='lazy' src="../../images/games/ei.jfif" alt="logo" placeholder="none" className="max-lg:!hidden w-full basis-1/2 rounded-lg mr-5"/>
<div className="basis-1/2 ml-5 max-lg:ml-0"> <div className="basis-1/2 ml-5 max-lg:ml-0">
<h3 className='text-2xl max-md:text-xl mb-6 font-semibold text-slate-700 uppercase'>Бизнес игра «Эмоциональный интеллект»</h3> <h3 className='text-2xl max-md:text-xl mb-6 font-semibold text-slate-700 uppercase'>Бизнес игра «Эмоциональный интеллект»</h3>
<StaticImage loading='lazy' src="../../images/games/ei.jfif" alt="logo" placeholder="none" className="lg:hidden w-full rounded-lg mb-6"/> <StaticImage loading='lazy' src="../../images/games/ei.jfif" alt="logo" placeholder="none" className="lg:!hidden w-full rounded-lg mb-6"/>
<p className='mb-5 text-slate-800'><b>Игровая цель</b> набрать как можно больше баллов и осознать степень развития собственного эмоционального интеллекта.</p> <p className='mb-5 text-slate-800'><b>Игровая цель</b> набрать как можно больше баллов и осознать степень развития собственного эмоционального интеллекта.</p>
<p className='mb-5 text-slate-800'>Игра основана на подходе Йельского университета к трактовке понятия «Эмоциональный интеллект», которое состоит из 4- х факторов:</p> <p className='mb-5 text-slate-800'>Игра основана на подходе Йельского университета к трактовке понятия «Эмоциональный интеллект», которое состоит из 4- х факторов:</p>
<ul className='mb-8 list-disc list-inside text-gray-700 leading-8 max-md:leading-7 pl-3'> <ul className='mb-8 list-disc list-inside text-gray-700 leading-8 max-md:leading-7 pl-3'>

@ -17,23 +17,23 @@ const Footer = ({menu}) => {
{location.pathname === '/' && !menu {location.pathname === '/' && !menu
? ?
<ul className='flex max-md:flex-col items-center'> <ul className='flex max-md:flex-col items-center'>
<li className="mr-12 max-md:mr-0 max-md:leading-7 text-white text-sm"><AnchorLink className="cursor-pointer" to="about" smooth={true}>О компании</AnchorLink></li> <li className="mr-12 max-md:mr-0 max-md:leading-7 text-white hover:text-gray-400 transition-colors text-sm"><AnchorLink className="cursor-pointer" to="about" smooth={true}>О компании</AnchorLink></li>
<li className="mr-12 max-md:mr-0 max-md:leading-7 text-white text-sm"><AnchorLink className="cursor-pointer" to="games" smooth={true}>Услуги</AnchorLink></li> <li className="mr-12 max-md:mr-0 max-md:leading-7 text-white hover:text-gray-400 transition-colors text-sm"><AnchorLink className="cursor-pointer" to="games" smooth={true}>Услуги</AnchorLink></li>
<li className="mr-12 max-md:mr-0 max-md:leading-7 text-white text-sm"><AnchorLink className="cursor-pointer" to="team" smooth={true}>Наша команда</AnchorLink></li> <li className="mr-12 max-md:mr-0 max-md:leading-7 text-white hover:text-gray-400 transition-colors text-sm"><AnchorLink className="cursor-pointer" to="team" smooth={true}>Наша команда</AnchorLink></li>
<li className="text-white text-sm"><AnchorLink className="cursor-pointer" to="contacts" smooth={true}>Контакты</AnchorLink></li> <li className="text-white hover:text-gray-400 transition-colors text-sm"><AnchorLink className="cursor-pointer" to="contacts" smooth={true}>Контакты</AnchorLink></li>
</ul> </ul>
: :
<ul className='flex max-md:flex-col items-center last:[&>li]:mr-0'> <ul className='flex max-md:flex-col items-center last:[&>li]:mr-0'>
<li className="mr-12 max-md:mr-0 max-lg:mr-5 max-md:leading-7 text-white text-sm"><Link to="/">Главная</Link></li> <li className="mr-12 max-md:mr-0 max-lg:mr-5 max-md:leading-7 text-white hover:text-gray-400 transition-colors text-sm"><Link to="/">Главная</Link></li>
{menu.map(item=> {menu.map(item=>
<li key={item.id} className="mr-12 max-md:mr-0 max-lg:mr-5 max-md:leading-7 text-white text-sm"><AnchorLink className="cursor-pointer" to={item.to} smooth={true}>{item.title}</AnchorLink></li> <li key={item.id} className="mr-12 max-md:mr-0 max-lg:mr-5 max-md:leading-7 text-white hover:text-gray-400 transition-colors text-sm"><AnchorLink className="cursor-pointer" to={item.to} smooth={true}>{item.title}</AnchorLink></li>
)} )}
</ul> </ul>
} }
</div> </div>
<div className="flex mt-8 justify-between"> <div className="flex mt-8 justify-between">
<p className="text-white text-sm">© {new Date().getFullYear()} TalentTeam</p> <p className="text-white text-sm">© {new Date().getFullYear()} TalentTeam</p>
<a href="tel:+79200745505" className="text-white">8 (920) 074 55-05</a> <a href="tel:+79200745505" className="text-white hover:text-gray-400 transition-colors">8 (920) 074 55-05</a>
</div> </div>
</div> </div>
</footer> </footer>

@ -31,6 +31,13 @@ const Header = ({ menu }) => {
} }
} }
const menuHandler = () => {
if(burgerMenu) {
setBurgerMenu(0);
enableBodyScroll(document.body);
}
}
useEffect(() => { useEffect(() => {
if(location.pathname === '/') { if(location.pathname === '/') {
setMenuH(ref.current.scrollHeight); setMenuH(ref.current.scrollHeight);
@ -41,35 +48,35 @@ const Header = ({ menu }) => {
<nav className={burgerMenu ? menuGeneralClasses + " max-md:h-screen max-md:translate-y-0" : menuGeneralClasses + " max-md:h-0 max-md:-translate-y-full"}> <nav className={burgerMenu ? menuGeneralClasses + " max-md:h-screen max-md:translate-y-0" : menuGeneralClasses + " max-md:h-0 max-md:-translate-y-full"}>
<div className="flex items-center"> <div className="flex items-center">
<Link to="/" className="max-md:hidden"><StaticImage src="../images/logo.svg" alt="logo" placeholder="none" className="w-8 mr-5"/></Link> <Link to="/" className="max-md:hidden"><StaticImage src="../images/logo.svg" alt="logo" placeholder="none" className="w-8 mr-5"/></Link>
<a href="tel:+79200745505" className="text-white text-xs max-md:text-xl max-md:mb-12">8 (920) 074 55-05</a> <a href="tel:+79200745505" className="text-white hover:text-gray-400 transition-colors text-xs max-md:text-xl max-md:mb-12">8 (920) 074 55-05</a>
</div> </div>
{location.pathname === '/' && !menu {location.pathname === '/' && !menu
? ?
<ul className='flex items-center max-md:flex-col'> <ul className='flex items-center max-md:flex-col'>
<li className="mr-12 max-md:mr-0 text-white text-xs max-md:text-lg max-md:mb-3"><AnchorLink className="cursor-pointer" to="about" smooth={true}>О компании</AnchorLink></li> <li className="mr-12 max-md:mr-0 text-white hover:text-gray-400 transition-colors text-xs max-md:text-lg max-md:mb-3"><AnchorLink className="cursor-pointer" to="about" smooth={true} onClick={e=> menuHandler()}>О компании</AnchorLink></li>
<li style={{'--menu-h': `${menuH + 65 }px`}} className={"mr-12 max-md:mr-0 text-white text-xs max-md:text-lg max-md:mb-3 relative [&>.drop-menu]:hover:h-[var(--menu-h)]"}> <li style={{'--menu-h': `${menuH + 65 }px`}} className={"mr-12 max-md:mr-0 text-white text-xs max-md:text-lg max-md:mb-3 relative [&>.drop-menu]:hover:h-[var(--menu-h)]"}>
<p className="cursor-pointer">Услуги</p> <p className="cursor-pointer">Услуги</p>
<ul ref={ref} className="absolute flex flex-col justify-center drop-menu bg-black px-4 -left-3 h-0 overflow-hidden transition-all"> <ul ref={ref} className="absolute flex flex-col justify-center drop-menu bg-black px-4 -left-3 h-0 overflow-hidden transition-all">
<li className="mr-0 mb-2"><AnchorLink className="cursor-pointer" to="games" smooth={true}>Бизнес-игры</AnchorLink></li> <li className="mr-0 mb-2 hover:text-gray-400 transition-colors"><AnchorLink className="cursor-pointer" to="games" smooth={true} onClick={e=> menuHandler()}>Бизнес-игры</AnchorLink></li>
<li className="mr-0 mb-2"><AnchorLink className="cursor-pointer" to="facilitations" smooth={true}>Фасилитации</AnchorLink></li> <li className="mr-0 mb-2 hover:text-gray-400 transition-colors"><AnchorLink className="cursor-pointer" to="facilitations" smooth={true} onClick={e=> menuHandler()}>Фасилитации</AnchorLink></li>
<li className="mr-0 mb-2"><AnchorLink className="cursor-pointer" to="teambuilding" smooth={true}>Тимбилдинг</AnchorLink></li> <li className="mr-0 mb-2 hover:text-gray-400 transition-colors"><AnchorLink className="cursor-pointer" to="teambuilding" smooth={true} onClick={e=> menuHandler()}>Тимбилдинг</AnchorLink></li>
<li className="mr-0"><AnchorLink className="cursor-pointer" to="legosp" smooth={true}>Lego SP</AnchorLink></li> <li className="mr-0 hover:text-gray-400 transition-colors"><AnchorLink className="cursor-pointer" to="legosp" smooth={true} onClick={e=> menuHandler()}>Lego SP</AnchorLink></li>
</ul> </ul>
</li> </li>
<li className="mr-12 max-md:mr-0 text-white text-xs max-md:text-lg max-md:mb-3"><AnchorLink className="cursor-pointer" to="team" smooth={true}>Наша команда</AnchorLink></li> <li className="mr-12 max-md:mr-0 text-white hover:text-gray-400 transition-colors text-xs max-md:text-lg max-md:mb-3"><AnchorLink className="cursor-pointer" to="team" smooth={true} onClick={e=> menuHandler()}>Наша команда</AnchorLink></li>
<li className="text-white text-xs max-md:text-lg max-md:mb-3"><AnchorLink className="cursor-pointer" to="contacts" smooth={true}>Контакты</AnchorLink></li> <li className="text-white hover:text-gray-400 transition-colors text-xs max-md:text-lg max-md:mb-3"><AnchorLink className="cursor-pointer" to="contacts" smooth={true} onClick={e=> menuHandler()}>Контакты</AnchorLink></li>
</ul> </ul>
: :
<ul className='flex items-center max-md:flex-col last:[&>li]:mr-0'> <ul className='flex items-center max-md:flex-col last:[&>li]:mr-0'>
<li className="mr-12 max-md:mr-0 max-lg:mr-5 text-white text-xs max-md:text-lg max-md:mb-3"><Link to="/">Главная</Link></li> <li className="mr-12 max-md:mr-0 max-lg:mr-5 text-white hover:text-gray-400 transition-colors text-xs max-md:text-lg max-md:mb-3"><Link to="/">Главная</Link></li>
{menu.map(item=> {menu.map(item=>
<li key={item.id} className="mr-12 max-md:mr-0 max-lg:mr-5 text-white text-xs max-md:text-lg max-md:mb-3"><AnchorLink className="cursor-pointer" to={item.to} smooth={true}>{item.title}</AnchorLink></li> <li key={item.id} className="mr-12 max-md:mr-0 max-lg:mr-5 text-white hover:text-gray-400 transition-colors text-xs max-md:text-lg max-md:mb-3"><AnchorLink className="cursor-pointer" to={item.to} smooth={true} onClick={e=> menuHandler()}>{item.title}</AnchorLink></li>
)} )}
</ul> </ul>
} }
</nav> </nav>
<div className="md:hidden"> <div className="md:hidden">
<a href="tel:+79200745505" className="text-white text-md">8 (920) 074 55-05</a> <a href="tel:+79200745505" className="text-white hover:text-gray-400 transition-colors text-md">8 (920) 074 55-05</a>
</div> </div>
<div className="md:hidden cursor-pointer" role="presentation" onClick={e=> burgerActivation()} onKeyDown={e=> this.handleKeyDown}> <div className="md:hidden cursor-pointer" role="presentation" onClick={e=> burgerActivation()} onKeyDown={e=> this.handleKeyDown}>
<div className={burgerMenu ? burgerGeneralClasses + ' before:rotate-45 before:top-0 after:-rotate-45 after:bottom-[3px]' : burgerGeneralClasses + ' before:top-[7px] after:bottom-[10px]'}></div> <div className={burgerMenu ? burgerGeneralClasses + ' before:rotate-45 before:top-0 after:-rotate-45 after:bottom-[3px]' : burgerGeneralClasses + ' before:top-[7px] after:bottom-[10px]'}></div>

@ -1,5 +1,4 @@
import React, { useState } from "react" import React, { useState } from "react"
import { Link } from "gatsby"
import { StaticImage } from "gatsby-plugin-image" import { StaticImage } from "gatsby-plugin-image"
import Layout from "../../components/layout" import Layout from "../../components/layout"
import Seo from "../../components/seo" import Seo from "../../components/seo"
@ -7,9 +6,9 @@ import Hero from "../../components/Games/GamePage/Hero";
import Contact from "../../components/Contact" import Contact from "../../components/Contact"
import { useStaticQuery, graphql } from "gatsby" import { useStaticQuery, graphql } from "gatsby"
const CAPage = ({data}) => { const EightColorsDelegationPage = () => {
const [menu, setMenu] = useState([ const [menu] = useState([
{id: 0, title: 'Описание', to: 'description'}, {id: 0, title: 'Описание', to: 'description'},
{id: 1, title: 'Цели', to: 'purpose'}, {id: 1, title: 'Цели', to: 'purpose'},
{id: 2, title: 'Аудитория', to: 'auditory'}, {id: 2, title: 'Аудитория', to: 'auditory'},
@ -26,17 +25,17 @@ const CAPage = ({data}) => {
return( return(
<Layout menu={menu}> <Layout menu={menu}>
<Hero title='8 цветов делегирования' img={image.img} time='4-8 часов' formats='офлайн' members='от 12 до 100 чел'></Hero> <Hero title='8 цветов делегирования' img={image.img} time='4-8 часов' formats='офлайн' members='от 12 до 100 чел'></Hero>
<section className="py-28" id="description"> <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"> <div className="container mx-auto text-slate-900 text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-slate-800 text-center uppercase'>Описание</h2> <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'><b>«8 ЦВЕТОВ ДЕЛЕГИРОВАНИЯ»</b> деловая обучающая игра-тренажёр, которая познакомит с 7 уровнями передачи полномочий по модели Юргена Аппело (Jurgen Appelo, 2010г). Понятие относится к концепции Менеджмент 3.0 agile-подходу в бизнесе, позволяющему адаптировать менеджмент к гибкому мышлению, позволить сотрудникам раскрыть способности, и благодаря этому совершить прорыв в эффективности работы отдельных людей, команд и самих руководителей. </p> <p className='mb-8'><b>«8 ЦВЕТОВ ДЕЛЕГИРОВАНИЯ»</b> деловая обучающая игра-тренажёр, которая познакомит с 7 уровнями передачи полномочий по модели Юргена Аппело (Jurgen Appelo, 2010г). Понятие относится к концепции Менеджмент 3.0 agile-подходу в бизнесе, позволяющему адаптировать менеджмент к гибкому мышлению, позволить сотрудникам раскрыть способности, и благодаря этому совершить прорыв в эффективности работы отдельных людей, команд и самих руководителей. </p>
<p>Делегирование важный навык, без которого работа менеджера теряет ценность. От обычного распределения задач делегирование отличается тем, что руководитель передаёт часть своих обязанностей и связанных с ними ресурсов и полномочий, чтобы сфокусироваться на чём-то более сложном и важном. Но зачастую начинающий управленец оказывается не в состоянии быстро перейти от статуса «я делаю все сам» до «все делают другие» именно в части передачи полномочий. 7-уровневая модель делегирования Юргена Аппело позволяет сделать этот переход понятным и безболезненным, как для руководителя, так и для сотрудников, и для бизнеса. </p> <p>Делегирование важный навык, без которого работа менеджера теряет ценность. От обычного распределения задач делегирование отличается тем, что руководитель передаёт часть своих обязанностей и связанных с ними ресурсов и полномочий, чтобы сфокусироваться на чём-то более сложном и важном. Но зачастую начинающий управленец оказывается не в состоянии быстро перейти от статуса «я делаю все сам» до «все делают другие» именно в части передачи полномочий. 7-уровневая модель делегирования Юргена Аппело позволяет сделать этот переход понятным и безболезненным, как для руководителя, так и для сотрудников, и для бизнеса. </p>
</div> </div>
</section> </section>
<section className="py-28 bg-[#0E0808]" id="purpose"> <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"> <div className="container mx-auto text-white text-base max-w-6xl">
<h2 className='text-3xl mb-12 font-semibold text-white text-center uppercase'>Цель игры</h2> <h2 className='text-3xl max-md:text-2xl mb-12 max-md:mb-8 font-semibold text-white text-center uppercase'>Цель игры</h2>
<div className="flex justify-between"> <div className="flex justify-between max-md:flex-col">
<div className="basis-1/2 mr-5"> <div className="basis-1/2 mr-5">
<p className='mb-8 font-bold'>Деловая игра-тренажёр «8 КЛЮЧЕЙ ДЕЛЕГИРОВАНИЯ»:</p> <p className='mb-8 font-bold'>Деловая игра-тренажёр «8 КЛЮЧЕЙ ДЕЛЕГИРОВАНИЯ»:</p>
<ul className='mb-8 list-disc list-inside leading-normal mr-5'> <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
@ -52,13 +51,13 @@ const CAPage = ({data}) => {
<li>Побывают в разных ролях (Босс, Сотрудник, Судья-рефери) и смогут лучше увидеть и понять разнообразные ошибки, допускаемые руководителями</li> <li>Побывают в разных ролях (Босс, Сотрудник, Судья-рефери) и смогут лучше увидеть и понять разнообразные ошибки, допускаемые руководителями</li>
</ul> </ul>
</div> </div>
<StaticImage className="w-1/2" src="../../images/games/8-colors-delegation.jpg"></StaticImage> <StaticImage className="w-1/2 max-md:w-full" alt="8-colors-delegation" src="../../images/games/8-colors-delegation.jpg"></StaticImage>
</div> </div>
</div> </div>
</section> </section>
<section className="py-28" id="auditory"> <section className="py-28 max-md:py-16 max-md:px-3" id="auditory">
<div className="container mx-auto text-slate-900 max-w-6xl"> <div className="container mx-auto text-slate-900 max-w-6xl">
<h2 className='mt-16 text-3xl mb-16 font-semibold text-slate-800 text-center uppercase'>Целевая аудитория</h2> <h2 className='text-3xl max-md:text-2xl mb-16 max-md:mb-8 font-semibold text-slate-800 text-center uppercase'>Целевая аудитория</h2>
<ol className='mb-8 list-decimal list-inside leading-normal mr-5'> <ol className='mb-8 list-decimal 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>
@ -79,4 +78,4 @@ const CAPage = ({data}) => {
*/ */
export const Head = () => <Seo title='8 цветов делегирования'/> export const Head = () => <Seo title='8 цветов делегирования'/>
export default CAPage export default EightColorsDelegationPage

@ -1,5 +1,4 @@
import React, { useState } from "react" import React, { useState } from "react"
import { Link } from "gatsby"
import { StaticImage } from "gatsby-plugin-image" import { StaticImage } from "gatsby-plugin-image"
import Layout from "../../components/layout" import Layout from "../../components/layout"
import Seo from "../../components/seo" import Seo from "../../components/seo"
@ -7,9 +6,9 @@ import Hero from "../../components/Games/GamePage/Hero";
import Contact from "../../components/Contact" import Contact from "../../components/Contact"
import { useStaticQuery, graphql } from "gatsby" import { useStaticQuery, graphql } from "gatsby"
const CAPage = ({data}) => { const BridgePage = () => {
const [menu, setMenu] = useState([ const [menu] = useState([
{id: 0, title: 'Цели', to: 'purposes'}, {id: 0, title: 'Цели', to: 'purposes'},
{id: 1, title: 'Направление', to: 'direction'}, {id: 1, title: 'Направление', to: 'direction'},
{id: 2, title: 'Контакты', to: 'contact'}, {id: 2, title: 'Контакты', to: 'contact'},
@ -25,16 +24,16 @@ const CAPage = ({data}) => {
return( return(
<Layout menu={menu}> <Layout menu={menu}>
<Hero title="Мост" img={image.img}></Hero> <Hero title="Мост" img={image.img}></Hero>
<section className="py-28" id="purposes"> <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"> <div className="container mx-auto text-slate-900 text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-slate-800 text-center uppercase'>Цель игры</h2> <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'>LEONARDO BRIDGE это командная игра, в тематике проектного управления. Отличная возможность показать работу разных команд в едином проекте, их взаимодействие, умение мыслить системно, нацеленность участников на выработку общих решений, понимание работы с ограниченными ресурсами. Чтобы получить все важные делали для создания уникального моста, командам предстоит выполнить много сложных заданий</p> <p className='mb-8'>LEONARDO BRIDGE это командная игра, в тематике проектного управления. Отличная возможность показать работу разных команд в едином проекте, их взаимодействие, умение мыслить системно, нацеленность участников на выработку общих решений, понимание работы с ограниченными ресурсами. Чтобы получить все важные делали для создания уникального моста, командам предстоит выполнить много сложных заданий</p>
</div> </div>
</section> </section>
<section className="py-28 bg-[#0E0808]" id="direction"> <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"> <div className="container mx-auto text-white text-base max-w-6xl">
<h2 className='mt-16 text-3xl mb-16 font-semibold text-white text-center uppercase'>Игра направленна на</h2> <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"> <div className="flex justify-between items-center max-md:flex-col">
<ul className='mb-8 list-disc list-inside leading-normal mr-5'> <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>
@ -45,7 +44,7 @@ const CAPage = ({data}) => {
<li className="mb-1">Умение работать в условиях изменений и ограниченного времени</li> <li className="mb-1">Умение работать в условиях изменений и ограниченного времени</li>
<li>Выстраивание диалога на общем «языке» с командой</li> <li>Выстраивание диалога на общем «языке» с командой</li>
</ul> </ul>
<StaticImage className="w-1/2" src="../../images/games/bridge2.jpg"></StaticImage> <StaticImage className="w-1/2 max-md:w-full" alt="bridge" src="../../images/games/bridge2.jpg"></StaticImage>
</div> </div>
</div> </div>
</section> </section>
@ -62,4 +61,4 @@ const CAPage = ({data}) => {
*/ */
export const Head = () => <Seo title="Мост" /> export const Head = () => <Seo title="Мост" />
export default CAPage export default BridgePage

@ -1,5 +1,4 @@
import React, { useState } from "react" import React, { useState } from "react"
import { Link } from "gatsby"
import { StaticImage } from "gatsby-plugin-image" import { StaticImage } from "gatsby-plugin-image"
import Layout from "../../components/layout" import Layout from "../../components/layout"
import Seo from "../../components/seo" import Seo from "../../components/seo"
@ -7,9 +6,9 @@ import Hero from "../../components/Games/GamePage/Hero";
import Contact from "../../components/Contact" import Contact from "../../components/Contact"
import { useStaticQuery, graphql } from "gatsby" import { useStaticQuery, graphql } from "gatsby"
const CAPage = ({data}) => { const HBCPage = () => {
const [menu, setMenu] = useState([ const [menu] = useState([
{id: 0, title: 'Цель', to: 'purpose'}, {id: 0, title: 'Цель', to: 'purpose'},
{id: 1, title: 'Направление', to: 'direction'}, {id: 1, title: 'Направление', to: 'direction'},
{id: 2, title: 'Контакты', to: 'contact'}, {id: 2, title: 'Контакты', to: 'contact'},
@ -25,17 +24,17 @@ const CAPage = ({data}) => {
return( return(
<Layout menu={menu}> <Layout menu={menu}>
<Hero title="Нistory by cards" img={image.img}></Hero> <Hero title="Нistory by cards" img={image.img}></Hero>
<section className="py-28" id="purpose"> <section className="py-28 max-md:py-16 max-md:px-3" id="purpose">
<div className="container mx-auto text-slate-900 text-base max-w-6xl"> <div className="container mx-auto text-slate-900 text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-slate-800 text-center uppercase'>Цель игры</h2> <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> <p className='mb-8'>Собрать правильную последовательность из зашифрованных карточек, которые вместе составляют единый логический сюжет и головоломку.</p>
<p className='mb-8'>Игра проходит в несколько раундов, важно не только правильно выполнять задания, но и работать на опережения.</p> <p className='mb-8'>Игра проходит в несколько раундов, важно не только правильно выполнять задания, но и работать на опережения.</p>
</div> </div>
</section> </section>
<section className="py-28 bg-[#0E0808]" id="direction"> <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"> <div className="container mx-auto text-white text-base max-w-6xl">
<h2 className='mt-16 text-3xl mb-16 font-semibold text-white text-center uppercase'>Игра направленна на развитие</h2> <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"> <div className="flex justify-between items-center max-md:flex-col">
<ul className='mb-8 list-disc list-inside leading-normal mr-5'> <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>
@ -46,7 +45,7 @@ const CAPage = ({data}) => {
<li className="mb-1">Умение работать в условиях изменений и ограниченного времени</li> <li className="mb-1">Умение работать в условиях изменений и ограниченного времени</li>
<li>Выстраивание диалога на общем «языке» с командой</li> <li>Выстраивание диалога на общем «языке» с командой</li>
</ul> </ul>
<StaticImage className="w-1/2" src="../../images/games/history-by-cards2.jpg"></StaticImage> <StaticImage className="w-1/2 max-md:w-full" alt="history-by-cards" src="../../images/games/history-by-cards2.jpg"></StaticImage>
</div> </div>
</div> </div>
</section> </section>
@ -63,4 +62,4 @@ const CAPage = ({data}) => {
*/ */
export const Head = () => <Seo title="Нistory by cards" /> export const Head = () => <Seo title="Нistory by cards" />
export default CAPage export default HBCPage

@ -1,5 +1,4 @@
import React, { useState } from "react" import React, { useState } from "react"
import { Link } from "gatsby"
import { StaticImage } from "gatsby-plugin-image" import { StaticImage } from "gatsby-plugin-image"
import Layout from "../../components/layout" import Layout from "../../components/layout"
import Seo from "../../components/seo" import Seo from "../../components/seo"
@ -7,9 +6,9 @@ import Hero from "../../components/Games/GamePage/Hero";
import Contact from "../../components/Contact" import Contact from "../../components/Contact"
import { useStaticQuery, graphql } from "gatsby" import { useStaticQuery, graphql } from "gatsby"
const CAPage = ({data}) => { const MansionMatildaPage = () => {
const [menu, setMenu] = useState([ const [menu] = useState([
{id: 0, title: 'Описание', to: 'description'}, {id: 0, title: 'Описание', to: 'description'},
{id: 1, title: 'Цели', to: 'purpose'}, {id: 1, title: 'Цели', to: 'purpose'},
{id: 2, title: 'Развиваемые компетенции', to: 'skills'}, {id: 2, title: 'Развиваемые компетенции', to: 'skills'},
@ -28,9 +27,9 @@ const CAPage = ({data}) => {
return( return(
<Layout menu={menu}> <Layout menu={menu}>
<Hero title='Тайны особняка "Матильда"' img={image.img} time='2-4 часа + анализ до 1,5 часов' formats='офлайн (настольная) // онлайн (платформа ИгроN).' members='команда 5-7 человек. Количество команд не ограничено.'></Hero> <Hero title='Тайны особняка "Матильда"' img={image.img} time='2-4 часа + анализ до 1,5 часов' formats='офлайн (настольная) // онлайн (платформа ИгроN).' members='команда 5-7 человек. Количество команд не ограничено.'></Hero>
<section className="py-28" id="description"> <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"> <div className="container mx-auto text-slate-900 text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-slate-800 text-center uppercase'>Описание</h2> <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> <p className='mb-8'>Детективы любят все! Особенно, если Вы в них - не подозреваемый :).</p>
<p className='mb-8'>7 игровых дней в ролевой игре <b>ТАЙНЫ ОСОБНЯКА "МАТИЛЬДА"</b> участники занимаются разгадкой уникального преступления, и шансы на успех зависят от них самих. Минуты пролетают незаметно в поисках улик и вещдоков, которые ведут к разгадке...</p> <p className='mb-8'>7 игровых дней в ролевой игре <b>ТАЙНЫ ОСОБНЯКА "МАТИЛЬДА"</b> участники занимаются разгадкой уникального преступления, и шансы на успех зависят от них самих. Минуты пролетают незаметно в поисках улик и вещдоков, которые ведут к разгадке...</p>
<p className='mb-8 font-bold'>...а за это время:</p> <p className='mb-8 font-bold'>...а за это время:</p>
@ -41,36 +40,36 @@ const CAPage = ({data}) => {
</ul> </ul>
</div> </div>
</section> </section>
<section className="py-28 bg-[#0E0808]" id="purpose"> <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"> <div className="container mx-auto text-white text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-white text-center uppercase'>Цель игры</h2> <h2 className='text-3xl max-md:text-2xl mb-10 max-md:mb-8 font-semibold text-white text-center uppercase'>Цель игры</h2>
<p className='mb-8'><b>Игровая:</b> Побеждает команда, разгадавшая игровые преступления быстрее других и набравшая максимальное количество баллов.</p> <p className='mb-8'><b>Игровая:</b> Побеждает команда, разгадавшая игровые преступления быстрее других и набравшая максимальное количество баллов.</p>
<p className='mb-8'><b>Учебная:</b> Осознать, что только командная работа позволит получить быстрый и качественный результат.</p> <p className='mb-8'><b>Учебная:</b> Осознать, что только командная работа позволит получить быстрый и качественный результат.</p>
</div> </div>
</section> </section>
<section className="py-28" id="skills"> <section className="py-28 max-md:py-16 max-md:px-3" id="skills">
<div className="container mx-auto text-slate-900 max-w-6xl"> <div className="container mx-auto text-slate-900 max-w-6xl">
<h2 className='mt-16 text-3xl mb-16 font-semibold text-slate-800 text-center uppercase'>Развиваемые компетенции и навыки</h2> <h2 className='text-3xl max-md:text-2xl mb-16 max-md:mb-8 font-semibold text-slate-800 text-center uppercase'>Развиваемые компетенции и навыки</h2>
<div className="flex justify-between items-center"> <div className="flex justify-between items-center max-md:flex-col">
<ul className='mb-8 list-disc list-inside leading-normal mr-5'> <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>Осознанность - после каждого раунда игроки проводят рефлексию и намечают новую стратегию</li> <li>Осознанность - после каждого раунда игроки проводят рефлексию и намечают новую стратегию</li>
</ul> </ul>
<StaticImage className="w-1/2" src="../../images/games/mansion-matilda-secrets2.jpg"></StaticImage> <StaticImage className="w-1/2 max-md:w-full" alt="mansion-matilda-secrets" src="../../images/games/mansion-matilda-secrets2.jpg"></StaticImage>
</div> </div>
</div> </div>
</section> </section>
<section className="py-28 bg-[#0E0808]" id="advantages"> <section className="py-28 max-md:py-16 max-md:px-3 bg-[#0E0808]" id="advantages">
<div className="container mx-auto text-white text-base max-w-6xl"> <div className="container mx-auto text-white text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-white text-center uppercase'>Преимущества игры</h2> <h2 className='text-3xl max-md:text-2xl mb-10 max-md:mb-8font-semibold text-white text-center uppercase'>Преимущества игры</h2>
<p className='mb-8'>Позволяет раскрыться игрокам с аналитическими способностями, проверить свои навыки убеждения и аргументации, стрессоустойчивость</p> <p className='mb-8'>Позволяет раскрыться игрокам с аналитическими способностями, проверить свои навыки убеждения и аргументации, стрессоустойчивость</p>
</div> </div>
</section> </section>
<section className="py-28" id="auditory"> <section className="py-28 max-md:py-16 max-md:px-3" id="auditory">
<div className="container mx-auto text-slate-900 max-w-6xl"> <div className="container mx-auto text-slate-900 max-w-6xl">
<h2 className='mt-16 text-3xl mb-16 font-semibold text-slate-800 text-center uppercase'>Целевая аудитория</h2> <h2 className='text-3xl max-md:text-2xl mb-16 max-md:mb-8 font-semibold text-slate-800 text-center uppercase'>Целевая аудитория</h2>
<ol className='mb-8 list-decimal list-inside leading-normal mr-5'> <ol className='mb-8 list-decimal list-inside leading-normal mr-5'>
<li className="mb-1">Руководители и команды всех уровней</li> <li className="mb-1">Руководители и команды всех уровней</li>
<li>Новички в период адаптации в компании</li> <li>Новички в период адаптации в компании</li>
@ -90,4 +89,4 @@ const CAPage = ({data}) => {
*/ */
export const Head = () => <Seo title='Тайны особняка "Матильда"' /> export const Head = () => <Seo title='Тайны особняка "Матильда"' />
export default CAPage export default MansionMatildaPage

@ -1,5 +1,4 @@
import React, { useState } from "react" import React, { useState } from "react"
import { Link } from "gatsby"
import { StaticImage } from "gatsby-plugin-image" import { StaticImage } from "gatsby-plugin-image"
import Layout from "../../components/layout" import Layout from "../../components/layout"
import Seo from "../../components/seo" import Seo from "../../components/seo"
@ -7,9 +6,9 @@ import Hero from "../../components/Games/GamePage/Hero";
import Contact from "../../components/Contact" import Contact from "../../components/Contact"
import { useStaticQuery, graphql } from "gatsby" import { useStaticQuery, graphql } from "gatsby"
const CAPage = ({data}) => { const MiddleagesSecretsPage = () => {
const [menu, setMenu] = useState([ const [menu] = useState([
{id: 0, title: 'Легенда', to: 'legend'}, {id: 0, title: 'Легенда', to: 'legend'},
{id: 1, title: 'Направление', to: 'direction'}, {id: 1, title: 'Направление', to: 'direction'},
{id: 2, title: 'Контакты', to: 'contact'}, {id: 2, title: 'Контакты', to: 'contact'},
@ -25,10 +24,10 @@ const CAPage = ({data}) => {
return( return(
<Layout menu={menu}> <Layout menu={menu}>
<Hero title="Секреты Средневековья" img={image.img} formats='онлайн/оффлайн'></Hero> <Hero title="Секреты Средневековья" img={image.img} formats='онлайн/оффлайн'></Hero>
<section className="py-28" id="legend"> <section className="py-28 max-md:py-16 max-md:px-3" id="legend">
<div className="container mx-auto text-slate-900 text-base max-w-6xl"> <div className="container mx-auto text-slate-900 text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-slate-800 text-center uppercase'>Легенда игры</h2> <h2 className='text-3xl max-md:text-2xl mb-10 max-md:mb-8 font-semibold text-slate-800 text-center uppercase'>Легенда игры</h2>
<div className="flex justify-between items-center"> <div className="flex justify-between items-center max-md:flex-col">
<div className="basis-[65%] mr-7"> <div className="basis-[65%] mr-7">
<p className='mb-8'>По сюжету игры участники являются инженерами закрытой научной лаборатории, которая проводит исторические исследования, используя перемещения во времени.</p> <p className='mb-8'>По сюжету игры участники являются инженерами закрытой научной лаборатории, которая проводит исторические исследования, используя перемещения во времени.</p>
<p className='mb-8'>В результате технического сбоя экспедиция вместо Древнего Рима, куда она направлялась для изучения технологии возведения уникальных гидротехнических сооружений древности акведуков, оказывается в Раннем Средневековье, при дворе Карла Великого.</p> <p className='mb-8'>В результате технического сбоя экспедиция вместо Древнего Рима, куда она направлялась для изучения технологии возведения уникальных гидротехнических сооружений древности акведуков, оказывается в Раннем Средневековье, при дворе Карла Великого.</p>
@ -37,13 +36,13 @@ const CAPage = ({data}) => {
<p className='mb-8'>Командам предстоит проанализировать много важной информации, разгадать зашифрованные коды , решить сложные головоломки и многое-многое другое. </p> <p className='mb-8'>Командам предстоит проанализировать много важной информации, разгадать зашифрованные коды , решить сложные головоломки и многое-многое другое. </p>
<p>Игра проходит в несколько этапов где команды соревнуются друг с другом.</p> <p>Игра проходит в несколько этапов где команды соревнуются друг с другом.</p>
</div> </div>
<StaticImage className="w-1/2" src="../../images/games/middleages-secrets2.jpg"></StaticImage> <StaticImage className="w-1/2 max-md:w-full" alt="middleages-secrets" src="../../images/games/middleages-secrets2.jpg"></StaticImage>
</div> </div>
</div> </div>
</section> </section>
<section className="py-28 bg-[#0E0808]" id="direction"> <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"> <div className="container mx-auto text-white text-base max-w-6xl">
<h2 className='mt-16 text-3xl mb-16 font-semibold text-white text-center uppercase'>Игра направленна на развитие</h2> <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"> <div className="flex justify-between items-center">
<ul className='mb-8 list-disc list-inside leading-normal mr-5'> <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
<li className="mb-1">Коммуникативных навыков</li> <li className="mb-1">Коммуникативных навыков</li>
@ -68,4 +67,4 @@ const CAPage = ({data}) => {
*/ */
export const Head = () => <Seo title="Секреты средневековья" /> export const Head = () => <Seo title="Секреты средневековья" />
export default CAPage export default MiddleagesSecretsPage

@ -1,5 +1,4 @@
import React, { useState } from "react" import React, { useState } from "react"
import { Link } from "gatsby"
import { StaticImage } from "gatsby-plugin-image" import { StaticImage } from "gatsby-plugin-image"
import Layout from "../../components/layout" import Layout from "../../components/layout"
import Seo from "../../components/seo" import Seo from "../../components/seo"
@ -7,9 +6,9 @@ import Hero from "../../components/Games/GamePage/Hero";
import Contact from "../../components/Contact" import Contact from "../../components/Contact"
import { useStaticQuery, graphql } from "gatsby" import { useStaticQuery, graphql } from "gatsby"
const CAPage = ({data}) => { const PlaceUnderSunPage = () => {
const [menu, setMenu] = useState([ const [menu] = useState([
{id: 0, title: 'Описание', to: 'description'}, {id: 0, title: 'Описание', to: 'description'},
{id: 1, title: 'Цели', to: 'purpose'}, {id: 1, title: 'Цели', to: 'purpose'},
{id: 2, title: 'Преимущества', to: 'advantages'}, {id: 2, title: 'Преимущества', to: 'advantages'},
@ -27,17 +26,17 @@ const CAPage = ({data}) => {
return( return(
<Layout menu={menu}> <Layout menu={menu}>
<Hero title='Место под солнцем' img={image.img} time='2-2,5 часа (3 раунда по 30 мин + шеринг игровых итогов 30 мин).' formats='офлайн (сценарная симуляция ) // онлайн (платформа ZOOM).'></Hero> <Hero title='Место под солнцем' img={image.img} time='2-2,5 часа (3 раунда по 30 мин + шеринг игровых итогов 30 мин).' formats='офлайн (сценарная симуляция ) // онлайн (платформа ZOOM).'></Hero>
<section className="py-28" id="description"> <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"> <div className="container mx-auto text-slate-900 text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-slate-800 text-center uppercase'>Описание</h2> <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 className='mb-8'>Несколько поколений 4 семейных династии получали прибыль и делили место среди самых уважаемых жителей города. Но прогресс заставляет бизнес меняться, рушить выстроенные связи и строить новые партнерства. Кто из них станет более влиятельным? Кто потеряет свои позиции и почему? Как игра проявит шаблоны принятия решений и коммуникаций, влияющие на наш результат в бизнесе?</p>
<p>Каждый раунд команды получают от ведущего информацию о развитии событий в городе, что создает конфликт социально-общественных интересов, бизнесинтересов и человеческих ценностей. Задача игроков - принять решение на городском совете. В чью пользу будет это решение, зависит от команд и их переговорных навыков. И оно повлияет на развитие социально-экономической ситуации в городе, коммерческие интересы команд. Решения команд по итогам 3 раундов кардинально меняют уклад жизни в городе и жизнь семейных кланов.</p> <p>Каждый раунд команды получают от ведущего информацию о развитии событий в городе, что создает конфликт социально-общественных интересов, бизнесинтересов и человеческих ценностей. Задача игроков - принять решение на городском совете. В чью пользу будет это решение, зависит от команд и их переговорных навыков. И оно повлияет на развитие социально-экономической ситуации в городе, коммерческие интересы команд. Решения команд по итогам 3 раундов кардинально меняют уклад жизни в городе и жизнь семейных кланов.</p>
</div> </div>
</section> </section>
<section className="py-28 bg-[#0E0808]" id="purpose"> <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"> <div className="container mx-auto text-white text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-white text-center uppercase'>Цель игры</h2> <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"> <div className="flex justify-between max-md:flex-col">
<div className="basis-1/2"> <div className="basis-1/2">
<p className='mb-8 font-bold'>Формировать:</p> <p className='mb-8 font-bold'>Формировать:</p>
<ul className='mb-8 list-disc list-inside leading-normal mr-5'> <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
@ -54,22 +53,22 @@ const CAPage = ({data}) => {
<li>Потенциал корпоративной культуры и команды участников (лидерство, готовность к изменениям, решение нестандартных задач, гибкость и др.)</li> <li>Потенциал корпоративной культуры и команды участников (лидерство, готовность к изменениям, решение нестандартных задач, гибкость и др.)</li>
</ul> </ul>
</div> </div>
<StaticImage className="w-1/2" src="../../images/games/place-under-sun.jpg"></StaticImage> <StaticImage className="w-1/2 max-md:w-full" alt="place-under-sun" src="../../images/games/place-under-sun.jpg"></StaticImage>
</div> </div>
</div> </div>
</section> </section>
<section className="py-28" id="advantages"> <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"> <div className="container mx-auto text-slate-900 text-base max-w-6xl">
<h2 className='text-3xl mb-10 font-semibold text-slate-800 text-center uppercase'>Преимущества игры</h2> <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'> <ul className='mb-8 list-disc list-inside leading-normal mr-5'>
<li className="mb-1">Индивидуальные и командные цели</li> <li className="mb-1">Индивидуальные и командные цели</li>
<li>Динамичная быстрая командная игра для прокачки; коммуникаций и корпоративных ценностей</li> <li>Динамичная быстрая командная игра для прокачки; коммуникаций и корпоративных ценностей</li>
</ul> </ul>
</div> </div>
</section> </section>
<section className="py-28 bg-[#0E0808]" id="auditory"> <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"> <div className="container mx-auto text-white max-w-6xl">
<h2 className='mt-16 text-3xl mb-16 font-semibold text-white text-center uppercase'>Целевая аудитория</h2> <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'> <ol className='mb-8 list-decimal 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>
@ -90,4 +89,4 @@ const CAPage = ({data}) => {
*/ */
export const Head = () => <Seo title='Место под солнцем' /> export const Head = () => <Seo title='Место под солнцем' />
export default CAPage export default PlaceUnderSunPage
Loading…
Cancel
Save