<footer class="w-full bg-black text-white py-6">
    <div class="w-full container mx-auto flex flex-col items-center">
<div class="col-md-3 mb-4">
   @livewire('newsletter-form')
</div>
        <div class="flex flex-col md:flex-row text-center md:text-left md:justify-between py-4">
            <a href="#" class="uppercase px-3 hover:text-gray-400 hover:underline transition-all duration-200">About Us</a>
            <a href="#" class="uppercase px-3 hover:text-gray-400 hover:underline transition-all duration-200">Privacy Policy</a>
            <a href="#" class="uppercase px-3 hover:text-gray-400 hover:underline transition-all duration-200">Terms & Conditions</a>
            <a href="#" class="uppercase px-3 hover:text-gray-400 hover:underline transition-all duration-200">Contact Us</a>
        </div>
        <div class="uppercase pb-4 text-gray-400 text-sm">&copy; tanvirriyad.online</div>
    </div>
</footer>