import React from "react";
import {
  FaVk,
  FaInstagram,
  FaLinkedinIn,
  FaTelegramPlane,
  FaSkype,
} from "react-icons/fa";

import "./style.scss";

const Footer = () => {
  return (
    <div className="footer">
      <div className="footer-container">
        <div className="footer__main-info">
          <h1 className="main-info__title">BodyMindCare</h1>
          <p className="main-info__paragraph">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
            aliquam eleifend quam, vel aliquet purus scelerisque sed.
          </p>
        </div>
        <div className="footer__social-links">
          <p className="social-links__title">Я В СОЦИАЛЬНЫХ СЕТЯХ</p>
          <div className="social-links__links">
            <FaInstagram color="#2b404c" className="link instagram-link" />
            <FaLinkedinIn color="#2b404c" className="link linkedin-link" />
            <FaVk color="#2b404c" className="link vk-link" />
            <FaTelegramPlane color="#2b404c" className="link telegram-link" />
            <FaSkype color="#2b404c" className="link skype-link" />
          </div>
        </div>
        <div className="footer__contact-info">
          <div className="contact-info__titles">
            <div className="contact-info__title">Почта:</div>
            <div className="contact-info__title">Телефон:</div>
            <div className="contact-info__title">Время работы:</div>
          </div>
          <div className="contact-info__details">
            <div className="contact-info__detail">BodyMindCare@gmail.ru</div>
            <div className="contact-info__detail">+375 33 123-45-67</div>
            <div className="contact-info__detail">пн-пт 10:00-21:00</div>
            <div className="contact-info__detail">сб-вс 08:00-21:00</div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Footer;
