import SabreLogo from "./Icons/SabreLogo"
import MailIcon from "./Icons/MailIcon"
import LocationIcon from "./Icons/LocationIcon"
import PhoneIcon from "./Icons/PhoneIcon"
import InstagramIcon from "./Icons/InstagramIcon"
import FacebookIcon from "./Icons/FacebookIcon"
import TwitterIcon from "./Icons/TwitterIcon"  


import "./Footer.css"

export default function Footer() {
    return (
        <div>
            <div className="top-footer">
                <div className="logo">
                    <SabreLogo/>
                </div>

                <div className="title">TRAINING COURSES AND CONFERENCE CENTRE ENQUIRIES</div>


                <div className="contact-details" >

                    <div className="mail-icon">
                        <MailIcon/> 
                    </div>

                    <div className="text-content">sales@sabrebusinessworld.com</div>

                </div>

                <div className="contact-details" >

                    <div className="mail-icon">
                        <PhoneIcon/> 
                    </div>

                    <div className="text-content">(+263) 787 513 555, (+263) 782 639 631, (+263) 86 77 199 166, (+263) 775 213 860</div>

                </div>

                <div className="location-details" >

                    <div className="location-icon">
                        <LocationIcon/> 
                    </div>

                    <div className="text-content"> 146 Enterprise Road, Harare, Zimbabwe </div>

                </div> 
            </div>

            <div className="bottom-footer">
                
                <div className="footer-content"> 
                    <div className="copyright" > 2023 © Sabre Business World </div>

                    <div className="social-media-icons"> 

                        <div className="social-media-icon"> <FacebookIcon/> </div>
                        <div className="social-media-icon"> <TwitterIcon/> </div>
                        <div className="social-media-icon"> <InstagramIcon/> </div>

                    </div>                
                </div>

              
               
            </div>

        </div>

    )}