<template>
  <div>
<header class="shadow-sm bg-white">
  <nav class="container mx-auto p-4 justify-between flex">
   <NuxtLink to="/" class="text-bold">Crave Teck</NuxtLink>
    <ul class="flex gap-4">
      <li><NuxtLink to="/">Home</NuxtLink></li>
      <li><NuxtLink to="/about">About</NuxtLink></li>
      <li><NuxtLink to="/products/1122">Product 1122</NuxtLink></li>
    </ul>
  </nav>
</header>
<div class="container p-4 mx-auto">
  <slot/>
</div>
  </div>

</template>