template / create dynamic navigation bar

components/home-page/Header.vue

@@ -3,44 +3,7 @@
   <div
     class="header h-[76.923vw] lg:h-[48.802vw] text-white flex flex-col items-center"
   >
-    <svg
-      class="z-[1000] h-[8.718vw] lg:h-[3.125vw] w-[8.718vw] lg:w-[3.125vw] fixed bg-white p-[10px] rounded-full shadow-md left-0 mt-[6.154vw] lg:mt-[1.51vw] me-[6.154vw] lg:me-[1.25vw]"
-      viewBox="0 0 40 40"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <g clip-path="url(#clip0_836_14543)">
-        <path
-          d="M5 11.6667H35"
-          stroke="#A62186"
-          stroke-width="2.5"
-          stroke-linecap="round"
-        />
-        <path
-          d="M5 20H35"
-          stroke="#A62186"
-          stroke-width="2.5"
-          stroke-linecap="round"
-        />
-        <path
-          d="M5 28.3333H35"
-          stroke="#A62186"
-          stroke-width="2.5"
-          stroke-linecap="round"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_836_14543">
-          <rect width="40" height="40" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
-
-    <img
-      src="/public/images/logo.png"
-      alt="logo"
-      class="absolute mt-[6.154vw] lg:mt-[1.25vw] right-[6.154vw] lg:right-[1.25vw] w-[8.718vw] lg:w-[70px] h-[8.718vw] lg:h-[70px]"
-    />
+ 
     
     <svg
       class="animate absolute rotating -top-[59.231vw] lg:-top-[8.8vw] h-[120.513vw] lg:h-[44.688vw] w-[100vw] lg:w-[44.688vw]"