<footer class="rainbow-footer footer-style-default footer-style-3 position-relative">
    <div class="footer-top">
        <div class="container">
            <div class="row justify-content-between">
                <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                    <div class="rainbow-footer-widget">
                        <div class="logo">
                            <a href="/">
                                <img class="logo-light" src="{{ asset('assets/images/logo/logo.png') }}"
                                    alt="ChatBot Logo">
                            </a>
                        </div>
                        <p class="b1 desc-text">It has long been known that a reader's <br> attention will be diverted
                            from </p>
                        <h6 class="subtitle">Join a Newsletter</h6>
                        <form class="newsletter-form" action="#">
                            <div class="form-group">
                                <input type="email" placeholder="Enter Your Email Here">
                                <button class="btn-default bg-solid-primary" type="submit"><i
                                        class="fa-sharp fa-regular fa-arrow-right"></i></button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                    <div class="rainbow-footer-widget">
                        <div class="widget-menu-bottom">
                            <h4 class="title">Quick Links</h4>
                            <div class="inner">
                                <ul class="footer-link link-hover">
                                    <li><a href="#">Pages</a></li>
                                    <li><a href="/pages/blog">Blog</a></li>
                                    <li><a href="/pages/contact">Contact</a></li>
                                    <li><a href="/utilize">How to use</a></li>
                                    <li><a href="/roadmap">Roadmap</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                    <div class="rainbow-footer-widget">
                        <div class="widget-menu-top">
                            <h4 class="title">Services</h4>
                            <div class="inner">
                                <ul class="footer-link link-hover">
                                    <li><a href="/tools/image-generator">Image Generator</a></li>
                                    <li><a href="/tools/video-generator">Video Generator</a></li>
                                    <li><a href="/tools/text-generator">Text Generator</a></li>
                                    <li><a href="/tools/code-generator">Code Generator</a></li>
                                    <li><a href="#">Education Feedback</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="rainbow-footer-widget">
                        <div class="widget-menu-top">
                            <h4 class="title">Contact</h4>
                            <div class="inner">
                                <ul class="footer-link contact-link">
                                    <li><i class="contact-icon fa-regular fa-location-dot"></i><a href="#">8819
                                            Ohio St. South Gate, North America, USA</a></li>
                                    <li><i class="contact-icon fa-sharp fa-regular fa-envelope"></i><a
                                            href="#">example@domain.com</a></li>
                                    <li><i class="contact-icon fa-regular fa-phone"></i><a href="#">+1
                                            386-688-3295</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
