Tailwind Footers Components in Consulty library

<div class="pt-32 pb-48 lg:pb-32 relative">
    <img class="absolute bottom-0 left-0" src="consulty-assets/footer/shapes1.svg" alt="">
    <div class="container mx-auto px-4">
        <div class="flex flex-wrap -m-4">
            <div class="w-full lg:w-1/6 p-4">
                <img class="h-8" src="consulty-assets/logos/consulty-logo2.svg" alt="">
            </div>
            <div class="w-full lg:w-7/12 p-4">
                <div class="flex flex-wrap lg:justify-center gap-12">
                    <div>
                        <p class="tracking-tight font-medium mb-6">Platform</p>
                        <ul class="flex flex-col gap-6">
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Services</a>
                            </li>
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Book A Call</a>
                            </li>
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Pricing</a>
                            </li>
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Products</a>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <p class="tracking-tight font-medium mb-6">Company</p>
                        <ul class="flex flex-col gap-6">
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">About</a>
                            </li>
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Our Mission</a>
                            </li>
                            <li>
                                <div class="flex items-center flex-wrap gap-2">
                                    <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Careers</a>
                                    <span class="inline-block bg-orange-100 rounded-full px-2 py-1 text-xs font-semibold tracking-tight">WE ARE HIRING</span>
                                </div>
                            </li>
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Contact</a>
                            </li>
                        </ul>
                    </div>
                    <div>
                        <p class="tracking-tight font-medium mb-6">Resources</p>
                        <ul class="flex flex-col gap-6">
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Tutorials</a>
                            </li>
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Blog</a>
                            </li>
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Help Center</a>
                            </li>
                            <li>
                                <a href="#" class="tracking-tight text-gray-700 hover:text-orange-400 transition duration-200">Support</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="w-full lg:w-3/12 p-4">
                <div class="flex flex-col justify-between gap-8 h-full">
                    <p class="tracking-tight text-gray-700 max-w-sm">Consulty gives you the blocks &amp; components you need to create a truly professional website, landing page or admin panel for your SaaS.</p>
                    <p class="tracking-tight text-gray-700">© 2023 Consulty. All rights reserved.</p>
                </div>
            </div>
        </div>
    </div>
</div>