text: import React from "react"
  import classNames from "classnames"
  import * as styles from "./styles.module.css"
  import Layout from "../../layouts/uk/default"
  import Headline from "../../components/Headline"
  import { Inner } from "../../components/Container"
  import { seoDefaultData } from "../../utils/seo"
  import { graphql } from "gatsby"
  
  const OurValues = ({ data, location }) => {
    const { seo } = data.seoPagesData ?? { seo: seoDefaultData }
  
    return (
      <Layout
        location={location}
        title={seo.title}
        disableSiteNameInTitle
        description={seo.description}
        noindex
      >
        <div className={styles.container}>
          <div className={classNames(styles.section, styles.rectImg)}>
            <Inner>
              <Headline Tag="h2" className={styles.largeText}>
                Наши ценности.
              </Headline>
              <Headline Tag="h2" className={styles.largeText}>
                Наши взгляды.
              </Headline>
              <Headline Tag="h2" className={styles.largeText}>
                Наш манифест.
              </Headline>
            </Inner>
          </div>
  
          <div className={styles.section}>
            <Inner>
              <h5 className={styles.text}>
                Мы верим, что звук — это природный способ коммуникации, а мы лишь
                придаём ему нужную форму и вектор.
              </h5>
            </Inner>
          </div>
  
          <div className={styles.section}>
            <Inner>
              <h5 className={styles.text}>
                Мы — фанаты системного подхода, в котором всегда есть место
                креативности.
              </h5>
            </Inner>
          </div>
  
          <div className={styles.section}>
            <Inner>
              <h5 className={styles.text}>
                Мы верим в силу открытого, искреннего общения.
              </h5>
            </Inner>
          </div>
  
          <div className={styles.section}>
            <Inner>
              <h5 className={styles.text}>
                Мы ценим людей и человеческие отношения.
              </h5>
            </Inner>
          </div>
  
          <div className={styles.section}>
            <Inner>
              <h5 className={styles.text}>
                Мы знаем, что каждый из нас способен изменить мир, но только
                вместе мы можем действительно добиться перемен.
              </h5>
            </Inner>
          </div>
        </div>
      </Layout>
    )
  }
  
  export const query = graphql`
    query OurValuesPageRuQuery {
      seoPagesData: wpCustomPage(
        language: { code: { eq: RU } }
        seo: { pageSlug: { eq: "our-values" } }
      ) {
        ...seoCustomPageData
      }
    }
  `
  
  export default OurValues
  