DappBnb Project Footer Component

Footer.jsx

import React from 'react'
import { FiGlobe } from 'react-icons/fi'

const Footer = () => {
  return (
    <div className="fixed left-0 right-0 bottom-0 px-20 py-6 flex flex-col sm:flex-row
    justify-center sm:justify-between bg-white border-t-2 border-t-slate-200 z-50">
      <p className="flex space-x-4 items-center text-gray-600 text-lg">
        With ♥️ DappBnb &copy;{new Date().getFullYear()}
      </p>
      <div className="flex space-x-4 justify-center items-center font-semibold text-lg">
        <FiGlobe />
        <p>English (US)</p>
      </div>
    </div>
  )
}

export default Footer