Footer

<snt-app class="pom">
  <snt-section name="บริการ">
    <div class="footer__container">
      <div class="footer-usp">
        <div class="footer-item">
          <snt-icon icon="mdi-cart" color="#ffffff" />
          <snt-text label="ส่งฟรีทุกออเดอร์" />
        </div>
        <div class="footer-item">
          <snt-icon icon="mdi-update" color="#ffffff" />
          <snt-text label="บริการเก็บเงินปลายทาง" />
        </div>
        <div class="footer-item">
          <snt-icon icon="mdi-tag" color="#ffffff" />
          <snt-text label="สินค้าใหม่" />
        </div>
        <div class="footer-item">
          <snt-icon icon="mdi-bank" color="#ffffff" />
          <snt-text label="ส่วนลดมากมาย" />
        </div>
      </div>
    </div>
  </snt-section>
  <snt-section name="ฟุตเตอร์">
    <snt-container class="footer">
      <snt-row no-gutters>
        <snt-col cols="12" md="4">
          <snt-footer
            title="Socials"
            :items="[
                      {
                          label: 'Instagram',
                          href: 'https://www.instagram.com/'
                      },
                      {
                          label: 'Facebook',
                          href: 'https://www.facebook.com/'
                      },
                      {
                          label: 'Youtube',
                          href: 'https://www.youtube.com/'
                      }
                    ]"
          />
        </snt-col>
        <snt-col cols="12" md="4">
          <snt-footer
            title="Info"
            :items="[
                      {
                          label: 'Link 1',
                          href: 'https://www.google.com/'
                      },
                      {
                          label: 'Link 2',
                          href: 'https://www.google.com/'
                      }
                    ]"
          />
        </snt-col>
        <snt-col cols="12" md="4">
          <snt-footer
            title="External site"
            :items="[
                      {
                          label: 'Youtube',
                          href: 'https://www.youtube.com/'
                      },
                      {
                          label: 'Facebook',
                          href: 'https://www.facebook.com/'
                      },
                      {
                          label: 'Tiktok',
                          href: 'https://www.tiktok.com/'
                      }
                    ]"
          />
        </snt-col>
      </snt-row>
    </snt-container>
  </snt-section>
  <snt-section name="ลิขสิทธิ์">
    <snt-container class="footer-last">
      <snt-row no-gutters>
        <snt-col cols="6">
          <div class="footer-last-left">
            <snt-text label="© 2021 yourbrand.com" />
          </div>
        </snt-col>
        <snt-col cols="6">
          <div class="footer-last-right">
            <snt-text href="https://www.instagram.com/" label="Visit Us" />
            <snt-icon href="https://www.instagram.com/" icon="mdi-facebook" />
            <snt-icon href="https://www.instagram.com/" icon="mdi-facebook-messenger" />
            <snt-icon href="https://www.instagram.com/" icon="mdi-instagram" />
            <snt-icon href="https://www.instagram.com/" icon="mdi-youtube" />
          </div>
        </snt-col>
      </snt-row>
    </snt-container>
  </snt-section>
</snt-app>