import React from "react";
import './mainPart.css';
import whiteLogo from './logoWhiteIcon.svg';

export const MainPart: React.FC = React.memo(() => {
    return <div className="main-part-container">
        <div className="background-image"></div>
        <div className="main-part-header">
            <img className="main-part-header-logo" alt="logo" src={whiteLogo} />
            <div className="main-part-header-lang">
                <span className="main-part-header-lang en">EN</span>
                <span className="main-part-header-lang-slash">/</span>
                <span className="main-part-header-lang ru">RU</span>
            </div>
        </div>
        <div className="main-part-text-container">
            <span className="main-part-text-title">
                Удаленная демонстрация жилого комплекса
            </span>
            <span className="main-part-text-descript">
                Основанная на стриминге технология удаленной демонстрации позволяет познакомиться с жилым комплексом, не посещая офис продаж.
            </span>
            <button className="main-part-text-button">Начать демонстрацию</button>
        </div>
        <div className="main-part-footer-container">
            <span className="main-part-footer-text">
                Данная технология находится на стадии разработки. Если подключиться к демонстрации не удалось, свяжитесь с нами.
            </span>
            <span className="main-part-footer-number">
                +7 800 770 00 67 (Россия) / +971 50 983 8902 (ОАЭ)
            </span>
        </div>
    </div>
})