product-card

layouts/default.vue

@@ -2,12 +2,20 @@
   <div class="layout">
     <header class="header">
       <div class="header__container">
+        <Icon name="lucide:menu" class="cursor-pointer ml20 w-6 h-6 text-gray-700" />
+
         <h1
           class="header__headline"
           @click="router.push(`/`)"
         >
           PAXTON
         </h1>
+
+        <Icon
+          name="lucide:shopping-cart"
+          class="cursor-pointer mr20 w-6 h-6 text-gray-700"
+          @click="router.push(`/cart`)"
+        />
       </div>
     </header>
 
@@ -57,7 +65,7 @@ const router = useRouter()
     display: flex;
     flex-direction: row;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
     text-align: center;
   }