head.html

<meta name="viewport" content="width=device-width, initial-scale=1" />

<!-- Import Mapping -->
<script type="importmap">
  {
    "imports": {
      "@dropins/tools/": "/scripts/__dropins__/tools/",
      "@dropins/storefront-cart/": "/scripts/__dropins__/storefront-cart/",
      "@dropins/storefront-checkout/": "/scripts/__dropins__/storefront-checkout/",
      "@dropins/storefront-pdp/": "/scripts/__dropins__/storefront-pdp/",
      "@dropins/storefront-order-confirmation/": "/scripts/__dropins__/storefront-order-confirmation/"
    }
  }
</script>

<script src="/scripts/aem.js" type="module"></script>
<script src="/scripts/scripts.js" type="module"></script>
<script src="/scripts/configs.js" type="module"></script>
<script src="/scripts/commerce.js" type="module"></script>
<link rel="stylesheet" href="/styles/styles.css" />