text: import React from "react";
  
  export default function Footer() {
    return (
      <>
        <footer className="relative bg-blueGray-200 pt-8 pb-6">
          <div
            className="bottom-auto top-0 left-0 right-0 w-full absolute pointer-events-none overflow-hidden -mt-20 h-20"
            style={{ transform: "translateZ(0)" }}
          >
            <svg
              className="absolute bottom-0 overflow-hidden"
              xmlns="http://www.w3.org/2000/svg"
              preserveAspectRatio="none"
              version="1.1"
              viewBox="0 0 2560 100"
              x="0"
              y="0"
            >
              <polygon
                className="text-blueGray-200 fill-current"
                points="2560 0 2560 100 0 100"
              ></polygon>
            </svg>
          </div>
          <div className="container mx-auto px-4">
            <div className="flex flex-wrap text-center lg:text-left">
              <div className="w-full lg:w-6/12 px-4">
                <h4 className="text-3xl font-semibold">Let's keep in touch!</h4>
                <h5 className="text-lg mt-0 mb-2 text-blueGray-600">
                  Dev Stack : Next, Node, Web3 Library, Tailwindcss
                </h5>
                <div className="mt-6 lg:mb-0 mb-6">
                <img alt="..." className="w-5 mr-1 fimage_beta" src="https://www.energi.world/static/9d581adfdab8a9868f2620f2d5123b52/8c332/energi-swap-logo2x.png" />
                </div>
              </div>
              <div className="w-full lg:w-6/12 px-4">
                <div className="flex flex-wrap items-top mb-6">
                  <div className="w-full lg:w-4/12 px-4 ml-auto">
                    <img alt="..." className="w-5 mr-1 fimage" src="https://cdn.worldvectorlogo.com/logos/ethereum-classic-1.svg" />
                  </div>
                  <div className="w-full lg:w-4/12 px-4">
                    <img alt="..." className="w-5 mr-1 fimage" src="https://cdn.worldvectorlogo.com/logos/ethereum-gold.svg" />
                  </div>
                </div>
              </div>
            </div>
            <hr className="my-6 border-blueGray-300" />
            <div className="flex flex-wrap items-center md:justify-between justify-center">
              <div className="w-full md:w-4/12 px-4 mx-auto text-center">
                <div className="text-sm text-blueGray-500 font-semibold py-1">
                  Copyright © {new Date().getFullYear()} Spaceboy
                </div>
              </div>
            </div>
          </div>
        </footer>
      </>
    );
  }
  