text: import React from 'react';
  import './Footer.css';
  import { Button } from './Button';
  import { Link } from 'react-router-dom';
  
  function Footer() {
    return (
      <div className='footer-container'>
        <section className='footer-subscription'>
         
          
        </section>
        <div class='footer-links'>
          <div className='footer-link-wrapper'>
            <div class='footer-link-items'>
              <h3>About Us</h3>
              <Link to='/contact'>The Team</Link>
              <Link to='/contact'>Terms of Service</Link>
            </div>
            <div class='footer-link-items'>
              <h3>Contact Us</h3>
              <Link to='/contact'>Contact</Link>
              <Link to='/contact'>Support</Link>
            </div>
          </div>
          <div className='footer-link-wrapper'>
            
            <div class='footer-link-items'>
              <h3>Social Media</h3>
              <a href="">Instagram</a>  
              <a href="">Facebook</a>  
              <a href="">Youtube</a>  
              <a href="">Twitter</a>  
            </div>
          </div>
        </div>
        <section class='social-media'>
          <div class='social-media-wrap'>
            <div class='footer-logo'>
              <Link to='/Menu' className='social-logo'>
                MENU
                <i class='fab fa-typo3' />
              </Link>
            </div>
        
            <div class='social-icons'>
              <Link
                class='social-icon-link facebook'
                to='/'
                target='_blank'
                aria-label='Facebook'
              >
                <i class='fab fa-facebook-f' />
              </Link>
              <Link
                class='social-icon-link instagram'
                to='/'
                target='_blank'
                aria-label='Instagram'
              >
                <i class='fab fa-instagram' />
              </Link>
              <Link
                class='social-icon-link youtube'
                to='/'
                target='_blank'
                aria-label='Youtube'
              >
                <i class='fab fa-youtube' />
              </Link>
              <Link
                class='social-icon-link twitter'
                to='/'
                target='_blank'
                aria-label='Twitter'
              >
                <i class='fab fa-twitter' />
              </Link>
              <Link
                class='social-icon-link twitter'
                to='/'
                target='_blank'
                aria-label='LinkedIn'
              >
                <i class='fab fa-linkedin' />
              </Link>
            </div>
          </div>
        </section>
      </div>
    );
  }
  
  export default Footer;