<script lang='ts' setup> </script> <template> <div class="bg-#0F0820 "> <div class="header"> <div class=" w-1200-auto flex items-end justify-center text-center h-600px pb-110px"> <div> <h1 class="text-58px fw-800 text-#fff ls-2 custom-title-font"> Discover, Download,<br> Delight! </h1> <el-button class="mt-30px !bg-#fff !text-#9B6CFF !w-160px !h-40px !b-0px !b-rd-200px" round> View Catalogs </el-button> </div> </div> </div> <business-categories-list /> <business-categories-block /> <common-block-blog /> <common-block-faq /> <AppFooter /> </div> </template> <style lang='less' scoped> .header{ background-image: url('@/assets/images/category_catalogue_banner.png'); background-position: center -20px; } </style>