<script lang='ts' setup> import { useUserStore } from '@/stores/modules/user' const { openLoginModal } = useLoginModal() const userStore = useUserStore() const { isLogin } = storeToRefs(userStore) </script> <template> <div> <div class="bg-#0F0820"> <div class="header w-1200-auto flex items-center justify-between pt-180px pb-150px"> <div> <h1 class="text-58px fw-800 text-#fff ls-2 custom-title-font"> About The <br> EJET Spark <span class="custom-title-bg02 !pb-0px title-h1">Team</span> </h1> <el-button v-if="!isLogin" class="my-60px !text-#fff !bg-#878490 !w-160px !h-40px !b-#fff !b-rd-400px" round @click="openLoginModal"> Sign In </el-button> <el-button v-else class="my-60px !text-#fff !bg-#878490 !w-160px !h-40px !b-#fff !b-rd-400px" round> <nuxt-link to="/categories"> view catalogs </nuxt-link> </el-button> </div> <img src="@/assets/images/about_banner.png" class="w-540px h-460px" alt=""> </div> </div> <business-about-intro /> <business-about-show /> <business-categories-block /> <business-about-team /> <common-block-exhibited /> <common-block-partner /> <common-block-faq /> <AppFooter /> </div> </template> <style lang='less' scoped> .title-h1{ padding-bottom: 0px !important; background-position: center 90% !important; } </style>