icon

assets/LOGO.svg

@@ -0,0 +1,9 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M80.7917 0L65.2088 21.1238H112.386L128 0H80.7917Z" fill="#FF5A06"/>
+<path d="M112.926 106.876H64.8394L79.4215 128H127.986L112.926 106.876Z" fill="#FF5A06"/>
+<path d="M55.1291 21.1238V0H17.1687L0 21.1238H55.1291Z" fill="#FF5A06"/>
+<path d="M108.204 26.7819H61.0348L55.1291 34.7875V26.7819H17.1687L0 48.0314H92.4977L108.204 26.7819Z" fill="#FF5A06"/>
+<path d="M17.1687 53.6896H88.3154L81.5421 62.8533L89.8892 74.5619H0L17.1687 53.6896Z" fill="#FF5A06"/>
+<path d="M17.1687 80.22H93.9229L108.893 101.218H60.9334L55.1291 92.8099V101.218H0L17.1687 80.22Z" fill="#FF5A06"/>
+<path d="M55.1291 128V106.876H17.1687L0 128H55.1291Z" fill="#FF5A06"/>
+</svg>

components/footer.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import k_logo from '@/assets/icons/logo.svg'
+import k_logo from '@/assets/LOGO.svg'
 import { apiFetch } from '~/utils/apiFetch';
 
 const { data: footerData } = await apiFetch<ApiFooterType[]>(`footer/?ordering=small_text`)

components/header.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { apiFetch } from '~/utils/apiFetch';
+import k_logo from '@/assets/LOGO.svg'
 
 const { data: menuData } = await apiFetch<ApiMenuType>(`menu/1/`)
 const pagesData = (menuData.value ? menuData.value.pages : []).sort((a, b) => a.order - b.order)
@@ -9,8 +10,11 @@ const route = useRoute()
     <div class="header">
         <div class="container">
             <div class="logo">
+                <div class="k-logo">
+                    <k_logo />
+                </div>
                 <NuxtLink to="/">
-                    Купи забор
+                    Kupizabor
                 </NuxtLink>
             </div>
             <div class="menu">