<div class="w-full flex flex-col">
<js-component src="general/quicklinks" class="w-full flex"></js-component>
<js-component src="ecommerce/nav-cart" class="w-full flex"></js-component>
<js-component src="nav/menu-dropdown" class="w-full flex"></js-component>
</div>
<div class=" mx-auto container max-w-screen-xl ">
<div class="w-full flex ">
<div class="w-3/12">
<div class="w-full md:w-10/12 ">
<js-component src="nav/sidebar"></js-component>
<js-component src="general/advert-dark"></js-component>
<js-component src="general/advert-newsletter"></js-component>
</div>
</div>
<div class="w-9/12 min-h-screen">
<div class="flex mb-8 ">
<div class="w-full ">
<js-component src="ecommerce/carousel"></js-component>
<js-component src="ecommerce/gallery"></js-component>
</div>
</div>
</div>
</div>
</div>
<js-component src="footer/columns" class="w-full flex"></js-component>