class Footer extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
        }
    }

    render() {
        return (
            <div className="footum">
                {/* <section>
                    <div class="row ftop-sections">
                        <div class="col-lg-4 col-md-4 col-sm-12 f-section">
                            <h3 class="fsection-title">
                                <b>Go Mobile!</b>
                            </h3>
                            <div class="row">
                                <p class="fsection-description col-lg-12 col-md-8 col-sm-12">
                                    Access our products from the comfort of your mobile device. Join us now for an enhanced
                                    experience!
                                </p>
                                <div class="fsection-mobile-img col-lg-5 col-md-4 col-sm-3">
                                    <img src="./img/mobile.png" alt="" />
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-4 col-md-4 col-sm-12 f-section middle">
                            <h4 class="fsection-title text-center">
                                <b>Loyalty Points!</b>
                            </h4>
                            <div class="row">
                                <div class="lpoints-info">
                                    <p class="fsection-description text-center">
                                        Enjoy of the benefits brought to you by our
                                        Loyalty Point
                                        System!
                                    </p>
                                    <div class="link text-center">
                                        <a href="#"> Take me there <i class="fas fa-angle-right"></i></a>
                                    </div>
                                </div>
                                <div class="lpoints-info col-lg-6 col-md-7 col-sm-5">
                                    <img src="./img/loyalty-pts.png" alt="" />
                                </div>
                            </div>
                        </div>



                        <div class="col-lg-4 col-md-4 col-sm-12 f-section">
                            <h4 class="fsection-title">
                                <b>SIGN UP FOR EMAIL OFFERS!</b>
                            </h4>
                            <p class="fsection-description">Exclusive deals, delivered straight to your inbox.</p>
                            <div class="fsection-subscribe">
                                <div class="form-floating input-group mb-3">
                                    <input type="email" class="form-control fsb-input" id="floatingInput"
                                        placeholder="name@example.com" aria-describedby="button-addon2" />
                                    <label for="floatingInput">Email address</label>
                                    <button class="btn btn-outline-secondary fsb-button" type="button"
                                        id="button-addon2">Subscribe</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </section> */}

                <footer>
                    <div class="row fbottom-sections">
                        <div class="row align-center">
                            <div class="columns small-12 medium-3 large-2 responsive-footer_about">
                                <span class="-title">About
                                    CY's Music</span>
                                <ul>
                                    <li><a href="#">About Us</a></li>
                                    {/* <li><a href="#">Our Commitment</a></li>
                                    <li><a class="responsive-footer_about_cys" href="#"></a>
                                        <span class="responsive-footer_about_cys-text">Gear Buying
                                            Guides, Artist
                                            Interviews &amp;
                                            More</span>
                                    </li> */}
                                </ul>
                            </div>

                            <div class="columns small-12 medium-3 large-2 responsive-footer_categories">
                                <span class="-title">Popular
                                    Categories</span>
                                <ul>
                                    <li><a href="#">Guitars</a></li>
                                    <li><a href="#">Basses</a></li>
                                    <li><a href="#" id="">Ukuleles</a></li>
                                    <li><a href="#">Amps &amp; Effects</a></li>
                                    <li><a href="#">Drums</a></li>
                                    <li><a href="#">Keyboards &amp; MIDI</a></li>
                                    <li><a href="#">Accessories</a></li>
                                </ul>
                            </div>

                            <div class="columns small-12 medium-3 large-2 responsive-footer_more">
                                <span class="-title">More Categories</span>
                                <ul>
                                <li><a href="#">Live Sound</a></li>
                                    <li><a href="#">Recording</a></li>
                                    <li><a href="#">Microphones
                                    </a></li>
                                    <li><a href="#">ABRSM</a></li>
                                    <li><a href="#">Books</a></li>

                                </ul>
                            </div>

                            <div class="columns small-12 medium-3 large-2 responsive-footer_services">
                                <span class="-title">Services</span>
                                <ul>
                                    <li><a href="#">Loyalty Rewards</a></li>
                                    {/* <li><a href="#">Business Pricing</a></li>
                                    <li><a href="#">Gift Certificates</a></li>
                                    <li><a href="#">Financing Offers</a></li> */}
                                </ul>
                            </div>

                            <div class="columns small-12 medium-12 large-2 responsive-footer_contact">
                                <span class="-title">Contact Us</span>
                                <div class="responsive-footer_contact_call text-center">
                                    <a href="tel:+1-801-501-8110" class="responsive-footer_contact_call_text"> <i
                                        class="fas fa-phone-volume"></i> Call Now
                                        <br />
                                        <span class="responsive-footer_contact_call_number">+501 631-6327</span>
                                    </a>
                                </div>
                                <ul>
                                    {/* <li><a href="#">Track your
                                        order</a></li>
                                    <li><a href="#">Shipping
                                        Info</a></li>
                                    <li><a href="#">Returns</a></li>
                                    <li><a href="#">FAQs</a></li>
                                    <li><a href="#">Make a Card Payment</a></li>
                                    <li><a href="#">Manage
                                        Subscriptions</a></li>
                                    <li><a href="#">Gear Advisers</a></li> */}
                                </ul>
                                <br />
                                <div class="responsive-footer_contact_social">
                                    <a class="facebookBtn smGlobalBtn" href="https://www.facebook.com/CYMUSICSTORE"></a>
                                    {/* <a class="instagramBtn smGlobalBtn" href="social-media-profile-url"></a>
                                    <a class="youtubeBtn smGlobalBtn" href="social-media-profile-url"></a> */}
                                </div>
                            </div>
                        </div>
                    </div>
                </footer>

                <div class="legal-footer">
                    <div class="legal-footer-wrap">
                        <div class="row">
                            <div class="col-lg-5 col-md-12 col-sm-12 text-center tside">
                                <span class="footer-copyright left">Copyright © CY's Music Store </span>
                                <span class="all-rights-reserved left">All Rights Reserved.</span>
                            </div>
                            <div class="col-lg-7 col-md-12 col-sm-12 text-center lside">
                                {/* <span class="right cal-transparency">
                                    <a href="#" class="right">Purchase Terms &amp; Conditions</a>
                                </span>
                                <span class="right cal-transparency">
                                    <a href="#" class="right">Your Privacy Rights</a>
                                </span>
                                <span class="right cal-transparency">
                                    <a class="right" href="#">Terms of Use</a>
                                </span> */}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}