first

src/components/InteractiveTech/InteractiveTech.js

@@ -0,0 +1,36 @@
+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;