<div class="text-gray-400 bg-gray-800 body-font 
    w-full container flex flex-col items-start justify-between p-6 
            mx-auto md:flex-row gap-2">
    <a class="flex items-center mb-4 title-font md:mb-0 gap-2
                  hover:text-white transition duration-500 ease-in-out">
        <img src="../../assets/img/SCC-Logo.svg" alt="SCC Logo" class="h-6">
        <h1 class="text-sm">Site Name</h1>
    </a>
    <div class="flex flex-wrap text-sm pl-6 ml-6 text-base
                border-l border-gray-400 grow ">
        <p class="m-auto">
            © Copyright 2023 SITE_OWNER, all rights reserved.
        </p>
    </div>
    <div class="flex flex-wrap text-sm pl-6 ml-6 text-base border-l border-gray-400 
                md:mr-auto gap-2">
        <a href="#"
           class="border-b border-gray-400 hover:border-gray-200 hover:text-white
                  transition duration-500 ease-in-out">Home</a>
        <a href="#"
           class="border-b border-gray-400 hover:border-gray-200 hover:text-white
                  transition duration-500 ease-in-out">About</a>
        <a href="#"
           class="border-b border-gray-400 hover:border-gray-200 hover:text-white
                  transition duration-500 ease-in-out">Contact</a>
        <a href="#"
           class="border-b border-gray-400 hover:border-gray-200 hover:text-white
                  transition duration-500 ease-in-out">Policies</a>
    </div>
</div>
                    

<p>Component Code</p>