<template>
  <footer class="footer p-10 bg-neutral text-neutral-content mt-20 bg-secondary">
    <nav>
      <h6 class="footer-title">Social</h6>
      <a class="link link-hover" href="https://www.facebook.com/auburnoil">Facebook</a>
      <a class="link link-hover" href="https://www.google.com/search?client=firefox-b-1-d&sca_esv=02c44965d6d4b280&sca_upv=1&cs=1&output=search&kgmid=/g/11wcbqrx5l&q=Auburn+Oil&shndl=30&shem=lsde&source=sh/x/loc/act/m1/1&kgs=52995d809762cd61">Google</a>
      <a class="link link-hover" href="auburnoil.com">Website</a>
    </nav>
    <nav>
      <h6 class="footer-title">Quick Call</h6>
      <a class="link link-hover">Trask Tank Worcester - (508) 791-5064</a>
      <a class="link link-hover">Eddys Truck - (508) 304-9552</a>
      <a class="link link-hover">Spring Rebuilders - (508) 799-9342</a>
    </nav>
    <nav>
      <h6 class="footer-title">Other</h6>
      <a class="link link-hover"></a>
      <a class="link link-hover"></a>
      <a class="link link-hover"></a>
    </nav>
  </footer>
</template>


<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'Footer',
  data() {
    return {
      user: null,
    }
  },

  mounted() { },
  methods: {},
})
</script>
<style></style>