<div class="w-full flex flex-col">
<js-component src="nav/login" class="w-full flex"></js-component>
</div>
<div class=" mx-auto container max-w-screen-lg ">
<div class="flex mb-8 ">
<div class="w-full ">
<js-component src="ecommerce/search"></js-component>
</div>
</div>
<div class="flex mb-8 ">
<div class="w-9/12 px-8">
<js-component src="general/section-title"></js-component>
<js-component src="ecommerce/directory"></js-component>
</div>
<div class="w-3/12 ">
<js-component src="cards/group"></js-component>
</div>
</div>
</div>
<js-component src="footer/columns" class="w-full flex"></js-component>