|
|
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 MiddleagesSecretsPage = () => {
|
|
|
|
|
|
const [menu] = useState([
|
|
|
{id: 0, title: 'Легенда', to: 'legend'},
|
|
|
{id: 1, title: 'Направление', to: 'direction'},
|
|
|
{id: 2, title: 'Контакты', to: 'contact'},
|
|
|
])
|
|
|
const image = useStaticQuery(graphql`
|
|
|
query {
|
|
|
img: file(relativePath: {eq: "games/middleages-secrets.jpg"}) {
|
|
|
childImageSharp {
|
|
|
gatsbyImageData(formats: WEBP)
|
|
|
}
|
|
|
},
|
|
|
}`);
|
|
|
return(
|
|
|
<Layout menu={menu}>
|
|
|
<Hero title="Секреты Средневековья" img={image.img} formats='онлайн/оффлайн'></Hero>
|
|
|
<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">
|
|
|
<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 max-md:flex-col">
|
|
|
<div className="basis-[65%] mr-7">
|
|
|
<p className='mb-8'>По сюжету игры участники являются инженерами закрытой научной лаборатории, которая проводит исторические исследования, используя перемещения во времени.</p>
|
|
|
<p className='mb-8'>В результате технического сбоя экспедиция вместо Древнего Рима, куда она направлялась для изучения технологии возведения уникальных гидротехнических сооружений древности – акведуков, оказывается в Раннем Средневековье, при дворе Карла Великого.</p>
|
|
|
<p className='mb-8'>Участникам предстоит восстановить давно не функционирующие акведуки, которые сохранились в 4-х странах Империи – Италии, Испании, Германии и Хорватии, узнать секреты их строительства и построить свой грандиозный проект.</p>
|
|
|
<p className='mb-8'>Инженеры работают в 4-х командах, но поскольку технология строительства древних акведуков практически утеряна, им приходится восстанавливать ее буквально «по крупицам», активно взаимодействуя друг с другом в поисках необходимой информации.</p>
|
|
|
<p className='mb-8'>Командам предстоит проанализировать много важной информации, разгадать зашифрованные коды , решить сложные головоломки и многое-многое другое. </p>
|
|
|
<p>Игра проходит в несколько этапов где команды соревнуются друг с другом.</p>
|
|
|
</div>
|
|
|
<StaticImage className="w-1/2 max-md:w-full" alt="middleages-secrets" src="../../images/games/middleages-secrets2.jpg"></StaticImage>
|
|
|
</div>
|
|
|
</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">
|
|
|
<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>Умения работать в ограниченных условиях</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</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="Секреты средневековья" />
|
|
|
|
|
|
export default MiddleagesSecretsPage |