base

2026-03-17 14:08:57 +07:00
parent c9940afc82
commit cf144ea896
34 changed files with 10875 additions and 0 deletions
--- a/app/components/Footer/FooterInfo.vue
+++ b/app/components/Footer/FooterInfo.vue
@@ -0,0 +1,42 @@
+<template>
+  <div class="company">
+    <p class="logo">
+      <img src="/logo.png" alt="Logo" />
+    </p>
+    <p class="company-item">
+      <img class="icon" src="/icons/map.svg" alt="icon-map" />
+      <span>{{ companyInfo.address }}</span>
+    </p>
+    <p class="company-item">
+      <img class="icon" src="/icons/phone-call.svg" alt="icon-phone" />
+      <span>{{ companyInfo.phone.hotline }}</span>
+    </p>
+    <p class="company-item">
+      <img class="icon" src="/icons/email.svg" alt="icon-email" />
+      <span>{{ companyInfo.email.contact }}</span>
+    </p>
+  </div>
+</template>
+
+<script setup>
+import { companyInfo } from '~/config/company';
+</script>
+
+<style lang="scss">
+.company {
+  .logo {
+    width: 200px;
+  }
+  .company-item {
+    display: flex;
+    gap: 10px;
+    & + .company-item {
+        margin-top: 10px;
+    }
+    .icon {
+      width: 28px;
+      height: 28px;
+    }
+  }
+}
+</style>