import React from "react";
import "./footer.style.scss";
import Contacts from "../contacts/contacts.component";
import TopLine from "../../assets/images/main/footer/top-line.png";
import Logo from "../../assets/images/main/footer/logo.svg";


const MidFooter = () => {
  return (
    <footer>
      <img className="line" src={TopLine} alt="" />

      <Contacts />

      <div className="container info">
        <div>
          <h6>Company</h6>
          <p className="gray">SIA MID Creative</p>
          <h6>Registation nr.</h6>
          <p className="gray">40203288612</p>
          <h6>Adress</h6>
          <p className="gray">Rīga, Gaiļezera iela 11 - 5, LV-1079</p>
        </div>
        <nav>
          <h6>Navigation</h6>
          <a href="#top" className="gray mobile">Home</a>
          <a href="#services" className="gray">Services</a>
          <a href="#about-us" className="gray">About us</a>
          <a href="#projects" className="gray">Projects</a>
          <a href="#contact-us" className="gray">Contact us</a>
        </nav>
        <div>
          <img src={Logo} alt="" />
        </div>
      </div>
    </footer>
  )
}

export default MidFooter