import React from 'react';
import PropTypes from 'prop-types';
import './InteractiveTech.css';
import '../../styles/styles.css'
import photo from './Photo.svg'

const InteractiveTech = () => {

  return (
    <section className="block-type-grey block-type-grey-row">
      <div className='container'>
        <div className='text-container'>
          <h2 className=' title'>Интерактивные технологии помогают продавать.</h2>
        </div>
      </div>
      <div className='text-row'>
        <div className='text'>
          <p className='text-caption'>Задача.</p>
          <p className='text-paragraph'>Перенести покупателя в будущее. В деталях показать, какими будут его дом и квартира, удивить, поразить, вовлечь в интересную игру и помочь сделать единственно правильный выбор. Дать застройщику еще один канал продаж. Современный, мощный и эффективный.</p>
        </div>
        <div className='text'>
          <p className='text-caption'>Решение.</p>
          <p className='text-paragraph'>Виртуальная реальность на трех площадках – шоу-рум в офисе продаж, мобильная платформа и сайт проекта. Каждая из них выполняет свои конкретные задачи, у каждой есть свои уникальные преимущества, все они повышают эффективность продаж.</p>
        </div>

      </div>
      <img alt='interactive tech' style={{ width: '100%' }} src={photo} />
    </section>
  )
};

InteractiveTech.propTypes = {};

InteractiveTech.defaultProps = {};

export default InteractiveTech;