import React from 'react' const Footer = () => { return ( <footer className="bg-gray-400 text-center lg:text-left absolute bottom-0 right-0 left-0"> <div className="mx-6 py-10 text-center md:text-left p-6"> <div className="flex justify-between items-start"> <div className="w-full md:w-2/6"> <h6 className="mb-4 flex items-center justify-center font-semibold uppercase md:justify-start"> DappBreed </h6> <p> Unleash your creativity and experiment with endless possibilities to breed your own masterpiece. </p> </div> <div className="w-full md:w-2/6"> <h6 className="mb-4 font-semibold md:justify-start">NFT</h6> <ul className="text-white"> <li>Breeding</li> <li>Minting</li> <li>Earnings</li> </ul> </div> </div> </div> <div className="flex justify-center items-center space-x-2 bg-gray-400 text-center dark:bg-neutral-700 p-6"> <span>With Love ❤️</span> <a href="https://dappmentors.org/" className="font-semibold text-neutral-600 dark:text-neutral-400" > Dapp Mentors {new Date().getFullYear()} </a> </div> </footer> ) } export default Footer