@ -1,5 +1,4 @@
import React , { useState } from "react"
import { Link } from "gatsby"
import { StaticImage } from "gatsby-plugin-image"
import Layout from "../../components/layout"
import Seo from "../../components/seo"
@ -7,9 +6,9 @@ import Hero from "../../components/Games/GamePage/Hero";
import Contact from "../../components/Contact"
import { useStaticQuery , graphql } from "gatsby"
const CAPage = ( { data } ) => {
const MansionMatildaPage = ( ) => {
const [ menu , setMenu ] = useState ( [
const [ menu = useState ( [
{ id : 0 , title : 'Описание' , to : 'description' } ,
{ id : 1 , title : 'Цели' , to : 'purpose' } ,
{ id : 2 , title : 'Развиваемые компетенции' , to : 'skills' } ,
@ -28,9 +27,9 @@ const CAPage = ({data}) => {
return (
< Layout menu = { menu } >
< Hero title = 'Тайны особняка "Матильда"' img = { image . img } time = '2-4 часа + анализ до 1,5 часов' formats = 'офлайн (настольная) // онлайн (платформа Иг р о 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" >
< h2 className = 'text-3xl m b-10 font-semibold text-slate-800 text-center uppercase'> Описание < / h2 >
< h2 className = 'text-3xl m ax-md:text-2xl m b-10 max-md:mb-8 font-semibold text-slate-800 text-center uppercase'> Описание < / h2 >
< p className = 'mb-8' > Детективы любят все ! Особенно , если Вы в них - не подозреваемый : ) . < / p >
< p className = 'mb-8' > 7 игровых дней в ролевой игре < b > ТАЙНЫ ОСОБНЯКА "МАТИЛЬДА" < / b > участники занимаются разгадкой уникального преступления , и шансы на успех зависят от них самих . Минуты пролетают незаметно в поисках улик и вещдоков , которые ведут к разгадке ... < / p >
< p className = 'mb-8 font-bold' > ... а за это время : < / p >
@ -41,36 +40,36 @@ const CAPage = ({data}) => {
< / ul >
< / div >
< / 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" >
< h2 className = 'text-3xl m b-10 font-semibold text-white text-center uppercase'> Цель игры < / h2 >
< h2 className = 'text-3xl m ax-md:text-2xl m b-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 >
< / div >
< / 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" >
< h2 className = ' mt-16 text-3xl mb-16 font-semibold text-slate-800 text-center uppercase'> Развиваемые компетенции и навыки < / h2 >
< div className = "flex justify-between items-center ">
< 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 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 > Осознанность - после каждого раунда игроки проводят рефлексию и намечают новую стратегию < / li >
< / 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 >
< / 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" >
< h2 className = 'text-3xl m b-10 font-semibold text-white text-center uppercase'> Преимущества игры < / h2 >
< h2 className = 'text-3xl m ax-md:text-2xl m b-10 max-md:mb-8 font-semibold text-white text-center uppercase'> Преимущества игры < / h2 >
< p className = 'mb-8' > Позволяет раскрыться игрокам с аналитическими способностями , проверить свои навыки убеждения и аргументации , стрессоустойчивость < / p >
< / div >
< / 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" >
< 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' >
< li className = "mb-1" > Руководители и команды всех уровней < / li >
< li > Новички в период адаптации в компании < / li >
@ -90,4 +89,4 @@ const CAPage = ({data}) => {
* /
export const Head = ( ) => < Seo title = 'Тайны особняка "Матильда"' / >
export default CA Page
export default MansionMatilda Page
