text: import React from 'react';
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
  import { faFacebook,faTwitter,faTiktok, faYoutube } from '@fortawesome/free-brands-svg-icons';
  import './Footer.css';
  
  /* --------------------------------------------
   -----Showing data for footer component------------
   ---------------------------------------------*/
  const Footer = () => {
  
  /* --------------------------------------------
   -----footer to be rendered on the UI----------
   ---------------------------------------------*/
      return (
          <footer className="footer">
              <div>
                  <h2>Headphone Mania Inc.</h2>
          <p>Sound that shakes the soul</p>
          <div className="listdiv">
              <div>
            <ul className="footerlist">
               <li className="my-3">About Us </li>
               <li className="my-3">Contact Us </li>
               <li className="my-3">Help</li>
            </ul>
          </div>
          <div>
               <p className="mb-3">Follow us on social media</p>
          <FontAwesomeIcon className="mx-4" icon={faFacebook} size="2x" /> 
           <FontAwesomeIcon className="mx-4" icon={faTwitter} size="2x"/>
           <FontAwesomeIcon className="mx-4" icon={faTiktok} size="2x"/>
           <FontAwesomeIcon className="mx-4" icon={faYoutube} size="2x"/>
          </div>
         
          </div>
          </div>
          
          <br></br><br></br>
          <p>© 2021 All Rights Reserved</p>
          
          </footer>
      );
  };
  
  export default Footer;