<template>
  <div class="w-full footer-bg">
    <footer class="max-w-screen-xl mx-auto w-full footer  text-white p-10">
      <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 class="link link-hover">Terms of use</a>
        <a class="link link-hover">Privacy policy</a>
        <a class="link link-hover">Cookie policy</a>
      </nav>
    </footer>
  </div>
</template>

<script setup>
</script>

<style scoped>
.footer-bg {
  background: linear-gradient(91.27deg, #0D90FF -23.63%, #0D387E 97.65%);
}

/* 你可以在这里添加一些自定义的样式 */
</style>
