text: import React from "react";
  import { AiFillGithub, AiFillInstagram, AiFillLinkedin } from "react-icons/ai";
  
  import { SocialIcons } from "../Header/HeaderStyles";
  import {
    CompanyContainer,
    FooterWrapper,
    LinkColumn,
    LinkItem,
    LinkList,
    LinkTitle,
    Slogan,
    SocialContainer,
    SocialIconsContainer,
  } from "./FooterStyles";
  
  const Footer = () => {
    return (
      <FooterWrapper>
        <LinkList>
          <LinkColumn>
            <LinkTitle>Call</LinkTitle>
            <LinkItem href="tel:+61 466 583 889">+61 466 583 889</LinkItem>
          </LinkColumn>
          <LinkColumn>
            <LinkTitle>Email</LinkTitle>
            <LinkItem href="mailto:luis.bonilla8907@outlook.com">
              luis.bonilla8907@outlook.com
            </LinkItem>
          </LinkColumn>
        </LinkList>
        <SocialIconsContainer>
          <CompanyContainer>
            <Slogan>Knowledge is power</Slogan>
          </CompanyContainer>
          <SocialContainer>
            <SocialIcons href="https://github.com/LuisBonilla89">
              <AiFillGithub size="3rem" />
            </SocialIcons>
            <SocialIcons href="https://www.linkedin.com/in/luis-enrique-bonilla-silva-a692a2162/">
              <AiFillLinkedin size="3rem" />
            </SocialIcons>
            <SocialIcons href="https://instagram.com">
              <AiFillInstagram size="3rem" />
            </SocialIcons>
          </SocialContainer>
        </SocialIconsContainer>
      </FooterWrapper>
    );
  };
  
  export default Footer;
  