text: import React from "react";
  import Button from "components/Button";
  import IconText from "elements/IconText";
  
  export default function Footer() {
    return (
      <footer>
        <div className="container">
          <div className="row">
            <div className="col-auto" style={{ width: 350 }}>
              <IconText />
              <p className="brand-tagline">
                We Kaboom your beauty holiday instantly and memorable.
              </p>
            </div>
            <div className="col-auto mr-5">
              <h6 className="mt-2">For Beginners</h6>
              <ul className="list-group list-group-flush">
                <li className="list-group-item">
                  <Button type="link" href="/register">
                    New Account
                  </Button>
                </li>
                <li className="list-group-item">
                  <Button type="link" href="/booking-room">
                    Start Booking Room
                  </Button>
                </li>
                <li className="list-group-item">
                  <Button type="link" href="/use-payment">
                    Use Payment
                  </Button>
                </li>
              </ul>
            </div>
            <div className="col-2 mr-5">
              <h6 className="mt-2">Explore Us</h6>
              <ul className="list-group list-group-flush">
                <li className="list-group-item">
                  <Button type="link" href="/careers">
                    Our Careers
                  </Button>
                </li>
                <li className="list-group-item">
                  <Button type="link" href="/privacy">
                    Privacy
                  </Button>
                </li>
                <li className="list-group-item">
                  <Button type="link" href="/terms">
                    Terms & Conditions
                  </Button>
                </li>
              </ul>
            </div>
            <div className="col-3">
              <h6 className="mt-2">Connect Us</h6>
              <ul className="list-group list-group-flush">
                <li className="list-group-item">
                  <Button type="link" href="mailto:support@Apkosh.id" isExternal>
                    support@ApHosh.id
                  </Button>
                </li>
                <li className="list-group-item">
                  <Button type="link" href="tel:+6285333654729" isExternal>
                    021 - 2288 - 3377
                  </Button>
                </li>
                <li className="list-group-item">
                  <span>Apkosh, Taman Sari, Jakarta</span>
                </li>
              </ul>
            </div>
          </div>
          <div className="row">
            <div className="col text-center copyrights">
              Copyright 2012 • All rights reserved • Apkosh
            </div>
          </div>
        </div>
      </footer>
    );
  }
  