<commit_before>//@flow

import React from 'react'
import {ContentWithVideos} from '../../ContentWithVideos/ContentWithVideos'
import {Header} from '../../Header/Header'
import type {PropsT as HeaderT} from '../../Header/Header'
import type {PropsT as LogosT} from '../../ClientLogos/ClientLogos'
import type {PropsT as NavigationT} from '../../Navigation/Navigation'
import {Content} from '../../Content/Content'
import {ClientLogos} from '../../ClientLogos/ClientLogos'
import {TwoColumnRow} from '../../TwoColumnRow/TwoColumnRow'
import {Footer} from '../../Footer/Footer'
import {Reviews} from '../../Reviews/Reviews'
import type {PropsT as ReviewsT} from '../../Reviews/Reviews'
import Helmet from 'react-helmet'
import {defaultMeta} from '../../../defaultMeta'
import {Navigation} from '../../Navigation/Navigation'
import {SoundCloud} from '../../SoundCloud/SoundCloud'

type InfoWithPriceT = {
  title: string,
  description: {description: string},
  price: number,
  link: string,
}

type StudioT = {
  header: HeaderT,
  logos: LogosT,
  studioA: InfoWithPriceT,
  studioB: InfoWithPriceT,
  liveRecord: {title: string, description: string, price: string, videos: string[]},
  production: InfoWithPriceT,
  vocalRecord: InfoWithPriceT,
  toolsRecording: InfoWithPriceT,
  navigations: NavigationT,
  soundCloud: Array<{
    title: string,
    iframe: {
      iframe: string,
    },
  }>,
} & ReviewsT

export const Studio = ({
  header,
  logos,
  studioA,
  studioB,
  liveRecord,
  production,
  vocalRecord,
  toolsRecording,
  reviews,
  navigations,
  soundCloud,
}: StudioT) => (
  <div>
    <Helmet meta={defaultMeta}>
      <title>Галерная 20</title>
    </Helmet>
    <Header {...header} />

    <TwoColumnRow
      left={
        <div>
          <h2>{studioA.title}</h2>
          <p>{studioA.description.description}</p>
          <p>Стоимость от {studioA.price} в час</p>
          <p>
            <a href={studioA.link}>Подробности</a>
          </p>
        </div>
      }
      right={
        <div>
          <h2>{studioB.title}</h2>
          <p>{studioB.description.description}</p>
          <p>Стоимость от {studioB.price} в час</p>
          <p>
            <a href={studioB.link}>Подробности</a>
          </p>
        </div>
      }
    />

    <ClientLogos logos={logos} />

    <TwoColumnRow
      left={<SoundCloud content={soundCloud[0].iframe.iframe} />}
      right={
        <div>
          <h2>{vocalRecord.title}</h2>
          <p>{vocalRecord.description.description}</p>
          <p>Стоимость от {vocalRecord.price} в час</p>
          <p>
            <a href={vocalRecord.link}>Подробности</a>
          </p>
        </div>
      }
    />

    <TwoColumnRow
      invert
      left={
        <div>
          <h2>{toolsRecording.title}</h2>
          <p>{toolsRecording.description.description}</p>
          <p>Стоимость от {toolsRecording.price} в час</p>
          <p>
            <a href={toolsRecording.link}>Подробности</a>
          </p>
        </div>
      }
      right={<SoundCloud content={soundCloud[0].iframe.iframe} />}<commit_msg>fix: change index<commit_after>//@flow

import React from 'react'
import {ContentWithVideos} from '../../ContentWithVideos/ContentWithVideos'
import {Header} from '../../Header/Header'
import type {PropsT as HeaderT} from '../../Header/Header'
import type {PropsT as LogosT} from '../../ClientLogos/ClientLogos'
import type {PropsT as NavigationT} from '../../Navigation/Navigation'
import {Content} from '../../Content/Content'
import {ClientLogos} from '../../ClientLogos/ClientLogos'
import {TwoColumnRow} from '../../TwoColumnRow/TwoColumnRow'
import {Footer} from '../../Footer/Footer'
import {Reviews} from '../../Reviews/Reviews'
import type {PropsT as ReviewsT} from '../../Reviews/Reviews'
import Helmet from 'react-helmet'
import {defaultMeta} from '../../../defaultMeta'
import {Navigation} from '../../Navigation/Navigation'
import {SoundCloud} from '../../SoundCloud/SoundCloud'

type InfoWithPriceT = {
  title: string,
  description: {description: string},
  price: number,
  link: string,
}

type StudioT = {
  header: HeaderT,
  logos: LogosT,
  studioA: InfoWithPriceT,
  studioB: InfoWithPriceT,
  liveRecord: {title: string, description: string, price: string, videos: string[]},
  production: InfoWithPriceT,
  vocalRecord: InfoWithPriceT,
  toolsRecording: InfoWithPriceT,
  navigations: NavigationT,
  soundCloud: Array<{
    title: string,
    iframe: {
      iframe: string,
    },
  }>,
} & ReviewsT

export const Studio = ({
  header,
  logos,
  studioA,
  studioB,
  liveRecord,
  production,
  vocalRecord,
  toolsRecording,
  reviews,
  navigations,
  soundCloud,
}: StudioT) => (
  <div>
    <Helmet meta={defaultMeta}>
      <title>Галерная 20</title>
    </Helmet>
    <Header {...header} />

    <TwoColumnRow
      left={
        <div>
          <h2>{studioA.title}</h2>
          <p>{studioA.description.description}</p>
          <p>Стоимость от {studioA.price} в час</p>
          <p>
            <a href={studioA.link}>Подробности</a>
          </p>
        </div>
      }
      right={
        <div>
          <h2>{studioB.title}</h2>
          <p>{studioB.description.description}</p>
          <p>Стоимость от {studioB.price} в час</p>
          <p>
            <a href={studioB.link}>Подробности</a>
          </p>
        </div>
      }
    />

    <ClientLogos logos={logos} />

    <TwoColumnRow
      left={<SoundCloud content={soundCloud[0].iframe.iframe} />}
      right={
        <div>
          <h2>{vocalRecord.title}</h2>
          <p>{vocalRecord.description.description}</p>
          <p>Стоимость от {vocalRecord.price} в час</p>
          <p>
            <a href={vocalRecord.link}>Подробности</a>
          </p>
        </div>
      }
    />

    <TwoColumnRow
      invert
      left={
        <div>
          <h2>{toolsRecording.title}</h2>
          <p>{toolsRecording.description.description}</p>
          <p>Стоимость от {toolsRecording.price} в час</p>
          <p>
            <a href={toolsRecording.link}>Подробности</a>
          </p>
        </div>
      }
      right={<SoundCloud content={soundCloud[1].iframe.iframe} />}
{'fraction_non_alphanumeric': 0.16122250970245797, 'fraction_numerical': 0.0038809831824062097, 'mean_word_length': 2.438021122846026, 'pattern_counts': {'":': 0, '<': 125, '<?xml version=': 0, '>': 125, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4923101', 'n_tokens_mistral': 2060, 'n_tokens_neox': 2088, 'n_words': 426}