diff --git a/README.md b/README.md index 9bd19be..4e371bf 100644 --- a/README.md +++ b/README.md @@ -7,6 +7,13 @@ Talent Team - разработка корпоративных мероприят - Tailwind css - PHP +#### V pre0.3 +- В раздел "Наша команда" добавлен еще 1 человек +- Убрана кнопка "О компании" с Hero секции +- Добавлена стриница для бизнес-игры "Эмоциональный интеллект" +- Переработан компонент Header и Footer так чтобы в меню для каждрй игры можно было создавать свои якорные ссылки + + #### V 0.2 - Добавлен блоки "Связаться с нами" и Футер сайта - Реализованно выпадающее меню при наведении на элемент "Услуги" diff --git a/src/components/Contact.jsx b/src/components/Contact.jsx index aaff721..c456edb 100644 --- a/src/components/Contact.jsx +++ b/src/components/Contact.jsx @@ -4,19 +4,19 @@ import Button from "./UI/Button"; import Input from "./UI/Input"; import Textarea from "./UI/Textarea"; -const Contact = ({...props}) => { +const Contact = ({white, ...props}) => { return ( -
+
-

Связаться с нами

+

Связаться с нами

- - - + + +
- +
diff --git a/src/components/Games/GamePage/Hero.jsx b/src/components/Games/GamePage/Hero.jsx new file mode 100644 index 0000000..832d3cd --- /dev/null +++ b/src/components/Games/GamePage/Hero.jsx @@ -0,0 +1,24 @@ +import React from "react"; +import { StaticImage } from "gatsby-plugin-image"; +import { AiOutlineClockCircle } from "react-icons/ai"; + +const Hero = () => { + return ( +
+
+
+

Эмоциональный интеллект

+
+

: 2,5-3 часа

+

Доступные форматы: онлайн

+
+
+
+ +
+
+
+ ) +} + +export default Hero; \ No newline at end of file diff --git a/src/components/Games/RecGame.jsx b/src/components/Games/RecGame.jsx index d168fb4..c231bb3 100644 --- a/src/components/Games/RecGame.jsx +++ b/src/components/Games/RecGame.jsx @@ -19,7 +19,7 @@ const RecGame = () => {
- подробнее + подробнее
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx index 3a12c64..f208fed 100644 --- a/src/components/Hero.jsx +++ b/src/components/Hero.jsx @@ -29,9 +29,9 @@ const Hero = ({...props}) => {
{
  • обучение
  • развитие
    • -
    diff --git a/src/components/Team/Person.jsx b/src/components/Team/Person.jsx index 66c3d99..97afe54 100644 --- a/src/components/Team/Person.jsx +++ b/src/components/Team/Person.jsx @@ -3,7 +3,7 @@ import { GatsbyImage, getImage } from 'gatsby-plugin-image'; const Person = ({name, post, img}) => { return ( -
    +

    {name}

    {post}

    diff --git a/src/components/Team/Team.jsx b/src/components/Team/Team.jsx index ae280ac..4b27a0d 100644 --- a/src/components/Team/Team.jsx +++ b/src/components/Team/Team.jsx @@ -22,12 +22,18 @@ const Team = ({...props}) => { gatsbyImageData(formats: WEBP, quality: 90) } }, + yazikov: file(relativePath: {eq: "team/yazikov.jpg"}) { + childImageSharp { + gatsbyImageData(formats: WEBP, quality: 90) + } + }, }`); const [persons, setPersons] = useState([ {id: 1, name: 'Алексей Красавин', post: 'Инвестор идей💡.\nПродюсер корпоративных мероприятий.', img: images.krasavin}, {id: 2, name: 'Мария Ровенская - Тарасова ', post: 'Менеджер крутых проектов, Методолог игр.', img: images.rovenskaya}, {id: 3, name: 'Алёна Крюкова', post: 'Фасилитатор, бизнес -тренер, игротехник, разработчик корпоративных мероприятий.', img: images.kryukova}, + {id: 4, name: 'Евгений Языков', post: 'Профессиональный ведущий', img: images.yazikov}, ]); return ( diff --git a/src/components/Teambuilding/Example/Example.jsx b/src/components/Teambuilding/Example/Example.jsx index 4a03e40..e9c3686 100644 --- a/src/components/Teambuilding/Example/Example.jsx +++ b/src/components/Teambuilding/Example/Example.jsx @@ -12,16 +12,36 @@ const Example = () => { gatsbyImageData(formats: WEBP, quality: 90) } }, + author: file(relativePath: {eq: "teambuilding/author.jpg"}) { + childImageSharp { + gatsbyImageData(formats: WEBP, quality: 90) + } + }, + goldberg: file(relativePath: {eq: "teambuilding/goldberg.jpg"}) { + childImageSharp { + gatsbyImageData(formats: WEBP, quality: 90) + } + }, + intellectual: file(relativePath: {eq: "teambuilding/intellectual.jpg"}) { + childImageSharp { + gatsbyImageData(formats: WEBP, quality: 90) + } + }, + wool: file(relativePath: {eq: "teambuilding/wool.jpg"}) { + childImageSharp { + gatsbyImageData(formats: WEBP, quality: 90) + } + }, }`); const [examples, setExamples] = useState([ {id: 1, title: 'Веревочный курс', img: images.hero1}, {id: 2, title: 'Тематический «Форд Боярд» ', img: images.hero1}, {id: 3, title: 'Творческий', img: images.hero1}, - {id: 4, title: 'Интеллектуальный квест', img: images.hero1}, - {id: 5, title: 'Машина Голдберга (цепная реакция)', img: images.hero1}, - {id: 6, title: 'Шерстяной тимбилдинг ', img: images.hero1}, - {id: 7, title: 'Авторский тимбилдинг', img: images.hero1}, + {id: 4, title: 'Интеллектуальный квест', img: images.intellectual}, + {id: 5, title: 'Машина Голдберга (цепная реакция)', img: images.goldberg}, + {id: 6, title: 'Шерстяной тимбилдинг ', img: images.wool}, + {id: 7, title: 'Авторский тимбилдинг', img: images.author}, {id: 8, title: 'Зимние Олимпийские игры', img: images.hero1}, {id: 9, title: 'Командная картина', img: images.hero1}, {id: 10, title: 'Гигантская пирамида', img: images.hero1}, diff --git a/src/components/footer.jsx b/src/components/footer.jsx index 52c7b6d..7698e4b 100644 --- a/src/components/footer.jsx +++ b/src/components/footer.jsx @@ -2,26 +2,42 @@ import React from "react" import { Link as AnchorLink } from "react-scroll"; import { Link } from "gatsby" import { StaticImage } from "gatsby-plugin-image" +import { useLocation } from '@reach/router'; -const Footer = () => ( -
    -
    -
    -
    - - -
    -
    -

    © {new Date().getFullYear()} TalentTeam

    - 8 (920) 074 55-05 +const Footer = ({menu}) => { + + const location = useLocation(); + + return( +
    +
    +
    +
    + + {location.pathname === '/' + ? + + : +
      +
    • Главная
      • + {menu.map(item=> +
    • {item.title}
      • + )} +
    + } +
    +
    +

    © {new Date().getFullYear()} TalentTeam

    + 8 (920) 074 55-05 +
    -
    -
    -) + + ) +} export default Footer diff --git a/src/components/header.jsx b/src/components/header.jsx index 91f40d5..535c724 100644 --- a/src/components/header.jsx +++ b/src/components/header.jsx @@ -2,12 +2,17 @@ import React, { useState, useRef, useEffect } from "react"; import { Link } from "gatsby" import { StaticImage } from "gatsby-plugin-image" import { Link as AnchorLink } from "react-scroll"; +import { useLocation } from '@reach/router'; -const Header = ({ siteTitle }) => { +const Header = ({ siteTitle, menu }) => { + const ref = useRef(null); + const location = useLocation(); const [menuH, setMenuH] = useState(0); useEffect(() => { - setMenuH(ref.current.scrollHeight); + if(location.pathname === '/') { + setMenuH(ref.current.scrollHeight); + } }, []); return ( @@ -17,20 +22,31 @@ const Header = ({ siteTitle }) => { 8 (920) 074 55-05
    -
      -
    • О компании
      • -
    • .drop-menu]:hover:h-[var(--menu-h)]"}> -

      Услуги

      -
        -
      • Бизнес-игры
        • -
      • Фасилитации
        • -
      • Тимбилдинг
        • -
      • Курсы
        • -
      -
      • -
    • Наша команда
      • -
    • Контакты
      • -
    + {location.pathname === '/' + ? +
      +
    • О компании
      • +
    • .drop-menu]:hover:h-[var(--menu-h)]"}> +

      Услуги

      +
        +
      • Бизнес-игры
        • +
      • Фасилитации
        • +
      • Тимбилдинг
        • +
      • Курсы
        • +
      +
      • +
    • Наша команда
      • +
    • Контакты
      • +
    + : +
      +
    • Главная
      • + {menu.map(item=> +
    • {item.title}
      • + )} +
    + } + ) diff --git a/src/components/layout.jsx b/src/components/layout.jsx index d7df191..3b89b6d 100644 --- a/src/components/layout.jsx +++ b/src/components/layout.jsx @@ -12,7 +12,7 @@ import Header from "./header" import Footer from "./footer" import "./layout.css" -const Layout = ({ children }) => { +const Layout = ({menu, children }) => { const data = useStaticQuery(graphql` query SiteTitleQuery { site { @@ -25,11 +25,11 @@ const Layout = ({ children }) => { return ( <> -
    +
    {children}
    -
    +
    ) } diff --git a/src/images/games/ei2.jpg b/src/images/games/ei2.jpg new file mode 100644 index 0000000..dbdd451 Binary files /dev/null and b/src/images/games/ei2.jpg differ diff --git a/src/images/games/ei3.jpg b/src/images/games/ei3.jpg new file mode 100644 index 0000000..d53847f Binary files /dev/null and b/src/images/games/ei3.jpg differ diff --git a/src/images/team/krasavin.jpg b/src/images/team/krasavin.jpg index 8951d44..d122c5f 100644 Binary files a/src/images/team/krasavin.jpg and b/src/images/team/krasavin.jpg differ diff --git a/src/images/team/rovenskaya.jpg b/src/images/team/rovenskaya.jpg index 134cdd0..d5a8044 100644 Binary files a/src/images/team/rovenskaya.jpg and b/src/images/team/rovenskaya.jpg differ diff --git a/src/images/team/yazikov.jpg b/src/images/team/yazikov.jpg new file mode 100644 index 0000000..8951d44 Binary files /dev/null and b/src/images/team/yazikov.jpg differ diff --git a/src/images/teambuilding/author.jpg b/src/images/teambuilding/author.jpg new file mode 100644 index 0000000..e0c3669 Binary files /dev/null and b/src/images/teambuilding/author.jpg differ diff --git a/src/images/teambuilding/goldberg.jpg b/src/images/teambuilding/goldberg.jpg new file mode 100644 index 0000000..b833b2d Binary files /dev/null and b/src/images/teambuilding/goldberg.jpg differ diff --git a/src/images/teambuilding/intellectual.jpg b/src/images/teambuilding/intellectual.jpg new file mode 100644 index 0000000..9cc120e Binary files /dev/null and b/src/images/teambuilding/intellectual.jpg differ diff --git a/src/images/teambuilding/wool.jpg b/src/images/teambuilding/wool.jpg new file mode 100644 index 0000000..ace0ade Binary files /dev/null and b/src/images/teambuilding/wool.jpg differ diff --git a/src/pages/games/emotional-intelligence.jsx b/src/pages/games/emotional-intelligence.jsx new file mode 100644 index 0000000..4152cca --- /dev/null +++ b/src/pages/games/emotional-intelligence.jsx @@ -0,0 +1,92 @@ +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" +import Hero from "../../components/Games/GamePage/Hero"; +import Contact from "../../components/Contact" + +const EIPage = ({data}) => { + + const [menu, setMenu] = useState([ + {id: 0, title: 'Описание', to: 'description'}, + {id: 1, title: 'Методология', to: 'metodology'}, + {id: 2, title: 'Механика и цели', to: 'mechanic'}, + {id: 3, title: 'Аудитория', to: 'auditory'}, + {id: 4, title: 'Контакты', to: 'contact'}, + ]) + + return( + + +
    +
    +

    Описание

    +

    Эмоции – самые быстрые механизмы принятия решений. Не принимать решений в эмоциях - очень разумный совет. Но умение эффективно использовать для принятия решений информацию, которую дают именно эмоции, отличает успешных людей. Это умение определяется эмоциональным интеллектом – четко определяемой и измеряемой способностью перерабатывать информацию, содержащуюся в эмоциях, определять значение эмоций, их связи друг с другом, использовать эмоциональную информацию в качестве основы для мышления и принятия решений.

    +

    Высокий эмоциональный интеллект ведет к социальному успеху и гармоничной жизни. Но сам собой он не возникнет. Его важно развивать. Эмоциональный интеллект развивается медленно. В жизни это как правило болезненно и затратно, сопряжено с рисками. Игра – лучшее средство для этого. В игре это быстро и безопасно, легко и весело.

    +
    +
    +
    +
    +

    Основная методология

    + +

    Игра основана на подходе Йельского университета к трактовке понятия «Эмоциональный интеллект», которое состоит из 4- х факторов:

    +

    Высокий эмоциональный интеллект ведет к социальному успеху и гармоничной жизни. Но сам собой он не возникнет. Его важно развивать. Эмоциональный интеллект развивается медленно. В жизни это как правило болезненно и затратно, сопряжено с рисками. Игра – лучшее средство для этого. В игре это быстро и безопасно, легко и весело.

    +
      +
    1. осознание своих эмоций
      2. +
    2. управление своими эмоциями
      3. +
    3. осознание эмоций других людей
      4. +
    4. управление эмоциями других людей
      5. +
    +

    В игре участники тренируют все 4 фактора, выполняя игровые задания-кейсы, анализируя эмоции и управляя ими. В норме системы эмоций возбуждения и эмоций торможения в балансе. Ну а как в реальности у каждого конкретного игрока – покажет игра.

    +

    В основу игры легла теория о психо-физиологической природе эмоций, где эмоции – это следствие гормонов, попавших в кровь:

    +
      +
    • *Гнев – гормон адреналин
      • +
    • *Страх – гормон норадреналин
      • +
    • *Радость – гормон эндорфин
      • +
    • *Удовлетворение – гормон допамин
      • +
    • *Любовь-забота – гормон окситоцин
      • +
    • *Отвращение – гормон кортизол.
      • +
    +

    В среднем период распада гомонов в крови составляет 4-6 минут. И пока гормон есть в крови, человек, как биологическое существо, испытывает ту или иную эмоцию. Поскольку человек обладает способностью мыслить, то мысль встраивается в процесс эмоций. И тогда, изменяя мысли, мы можем изменить и наши эмоции.

    +
    +
    +
    +
    +

    Игровая механика и цели

    + +

    Игровая цель – набрать как можно больше баллов и осознать степень развития собственного эмоционального интеллекта.

    +

    Поскольку это игра-тренажер, то есть и учебные цели:

    +
      +
    1. осознать степень выраженности собственного эмоционального интеллекта по всем 4-м факторам
      2. +
    2. увидеть специфику своей эмоциональной системы
      3. +
    3. обменяться опытом по способам работы с эмоциями между игроками
      4. +
    4. получить навык конструктивного решения задач в условиях ярких эмоций 5 – определить наиболее действенные для себя способы выходы из состояния торможения/перевозбуждения
      5. +
    +

    Игроки получают баллы только за конструктивные решения и юмор. Это дает быструю смену установки на поиск решений, что на наш взгляд, так важно для бизнеса и жизни.

    +
    +
    +
    +
    +

    Целевая аудитория

    +
      +
    1. Руководителям, которые хотят быть вдохновляющими лидерами и успешными наставниками для своих подчиненных
      2. +
    2. Компаниям, которые повышают эмоциональную компетентность своих сотрудников.
      3. +
    3. Всем людям, занимающимся саморазвитием и самопознанием.
      4. +
    +
    +
    + +     + ) + +} + +/** + * Head export to define metadata for the page + * + * See: https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-head/ + */ +export const Head = () => + +export default EIPage \ No newline at end of file diff --git a/src/pages/page-2.js b/src/pages/page-2.js deleted file mode 100644 index aecc925..0000000 --- a/src/pages/page-2.js +++ /dev/null @@ -1,17 +0,0 @@ -import * as React from "react" -import { Link } from "gatsby" - -import Layout from "../components/layout" -import Seo from "../components/seo" - -const SecondPage = () => ( - -

    Hi from the second page

    -

    Welcome to page 2

    - Go back to the homepage -     -) - -export const Head = () => - -export default SecondPage