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">
                  Find us on any of these platforms, we respond 1-2 business hours.
                </h5>
                <div className="mt-6 lg:mb-0 mb-6">
                  <button
                    className="bg-white text-lightBlue-400 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
                    type="button"
                  >  <a href="https://twitter.com/hikeholiday"> <i className="fab fa-twitter"></i></a>
                  </button>
                  <button
                 
                    className="bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
                    type="button"
                  >
                  <a href="https://www.facebook.com/hikeholiday"><i className="fab fa-facebook-square"></i></a>
                    
                  </button>
  
                  <button
                 
                 className="bg-white text-lightBlue-600 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
                 type="button"
               >
               <a href="https://www.linkedin.com/in/holiday-hike-a75933170/"><i className="fab fa-linkedin"></i></a>
                 
               </button>
  
  
               <button
                 
                 className="bg-white text-red-500 shadow-lg font-normal h-10 w-10 items-center justify-center align-center rounded-full outline-none focus:outline-none mr-2"
                 type="button"
               >
               <a href="https://www.youtube.com/channel/UCuAOlmHN3b6cHP9mTX3aN2A?view_as=subscriber"><i className="fab fa-youtube"></i></a>
                 
               </button>
                  
  
                </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">
                    <span className="block uppercase text-blueGray-500 text-sm font-semibold mb-2">
                      Useful Links
                    </span>
                    <ul className="list-unstyled">
                      <li>
                        <a
                          className="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                          href="https://holidayhike.com/about-us/"
                        >
                          About Us
                        </a>
                      </li>
                      <li>
                        <a
                          className="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                          href="https://holidayhike.com/blogs/"
                        >
                          Blog
                        </a>
                      </li>
    
                    </ul>
                  </div>
                  <div className="w-full lg:w-4/12 px-4">
                   
                    <ul className="list-unstyled">
                      
                    
                      <li>
                        <a
                          className="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                          href="https://holidayhike.com/privacy-policy/"
                        >
                          Privacy Policy
                        </a>
                      </li>
                      <li>
                        <a
                          className="text-blueGray-600 hover:text-blueGray-800 font-semibold block pb-2 text-sm"
                          href="https://holidayhike.com/contact/"
                        >
                          Contact Us
                        </a>
                      </li>
                    </ul>
                  </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()} Bloos Sky Rishikesh by{" "}
                  <a
                    href="https://www.creative-tim.com?ref=nr-footer"
                    className="text-blueGray-500 hover:text-blueGray-800"
                  >
                    Holiday Hike
                  </a>
                  .
                </div>
              </div>
            </div>
          </div>
        </footer>
      </>
    );
  }
  