Full-sized footer with links and newsletter

resources/js/Components/Footer.vue
<footer class="footer p-10 bg-base-200 text-base-content">
    <nav>
        <h6 class="footer-title">Services</h6>
        <a class="link link-hover">Branding</a>
        <a class="link link-hover">Design</a>
        <a class="link link-hover">Marketing</a>
        <a class="link link-hover">Advertisement</a>
    </nav>
    <nav>
        <h6 class="footer-title">Company</h6>
        <a class="link link-hover">About us</a>
        <a class="link link-hover">Contact</a>
        <a class="link link-hover">Jobs</a>
        <a class="link link-hover">Press kit</a>
    </nav>
    <nav>
        <h6 class="footer-title">Legal</h6>
        <a :href="route('terms.show')" class="link link-hover">Terms of use</a>
        <a :href="route('policy.show')" class="link link-hover">Privacy policy</a>
        <a class="link link-hover">Cookie policy</a>
    </nav>
    <form>
        <h6 class="footer-title">Newsletter</h6>
        <fieldset class="form-control w-80">
            <label class="label">
                <span class="label-text">Enter your email address</span>
            </label>
            <div class="join">
                <input type="text" placeholder="username@site.com" class="input input-bordered join-item" />
                <button class="btn btn-secondary join-item">Subscribe</button>
            </div>
        </fieldset>
    </form>
</footer>