feat. home 버튼 컴포넌트 추가

layers/components/layouts/EventNavigation.vue

@@ -58,16 +58,13 @@ onMounted(async () => {
     }"
   >
     <div class="navigation-wrapper">
-      <button class="btn-control" @click="toggleEventNavigation">
+      <AtomsButtonCircle
+        sr-only="event navigation control"
+        class="btn-control"
+        @click="toggleEventNavigation"
+      >
         <AtomsIconsArrowRightLine size="24" color="#ffffff" />
-        <span class="sr-only">
-          {{
-            isEventNavigationOpen
-              ? 'event navigation close'
-              : 'event navigation open'
-          }}
-        </span>
-      </button>
+      </AtomsButtonCircle>
       <ul class="navigation-list">
         <li v-for="item in eventNavigationList" :key="item.banner_seq">
           <AtomsLocaleLink
@@ -95,7 +92,7 @@ onMounted(async () => {
 
 <style scoped>
 .event-navigation {
-  @apply absolute top-0 left-0 bottom-0 pt-[48px] md:pt-[64px] z-[100] transition-transform duration-300 ease-in-out;
+  @apply absolute top-0 left-0 bottom-0 mt-[48px] md:mt-[64px] z-[100] transition-transform duration-300 ease-in-out;
 }
 .event-navigation.is-fixed {
   @apply fixed;
@@ -116,9 +113,9 @@ onMounted(async () => {
   @apply block mt-2 text-center line-clamp-2 text-[#ebebeb] text-[14px] font-normal leading-[20px] tracking-[-0.42px] opacity-50;
 }
 .btn-control {
-  @apply absolute top-3 right-[-40px] flex items-center justify-center w-[40px] h-[40px] transition-transform duration-300 ease-in-out
-  bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] rounded-full
-  sm:top-5 md:top-6 md:right-[-48px] md:w-[48px] md:h-[48px];
+  @apply absolute top-3 right-[-40px]
+  bg-black/20 shadow-[0_1.667px_3.333px_0_rgba(0,0,0,0.06)] backdrop-blur-[12.5px] 
+  sm:top-5 md:top-6 md:right-[-48px];
 }
 
 .event-navigation.is-closed {

layers/components/layouts/Header.vue

@@ -317,7 +317,7 @@ onBeforeUnmount(() => {
             </div>
           </nav>
           <div ref="startRef" class="btn-start">
-            <AtomsButtonLauncher
+            <BlocksButtonLauncher
               type="custom"
               platform="pc"
               :background-color="
@@ -334,13 +334,13 @@ onBeforeUnmount(() => {
               "
             >
               {{ gnb1depthButtonData?.btn_info?.txt_btn_name }}
-            </AtomsButtonLauncher>
+            </BlocksButtonLauncher>
             <div v-if="gnb2depthButtonData" class="nav-2depth hidden md:block">
               <ul>
                 <li v-for="(item, key) in gnb2depthButtonData" :key="key">
-                  <AtomsButtonLauncher type="custom" :platform="key">
+                  <BlocksButtonLauncher type="custom" :platform="key">
                     {{ item.btn_info?.txt_btn_name }}
-                  </AtomsButtonLauncher>
+                  </BlocksButtonLauncher>
                 </li>
               </ul>
             </div>
@@ -361,7 +361,7 @@ onBeforeUnmount(() => {
 
 <style scoped>
 .header {
-  @apply bg-theme-foreground text-theme-foreground-reversal relative z-[110];
+  @apply bg-theme-foreground text-theme-foreground-reversal relative z-[100];
 }
 .game-wrap {
   @apply absolute flex w-full h-[48px] items-center whitespace-nowrap px-[52px] bg-theme-foreground sm:px-[72px] md:h-16 md:pl-0 md:pr-[40px]

layers/components/layouts/Main.vue

@@ -52,7 +52,7 @@ const setupSeoMeta = (metaTag: PageDataMetaTag) => {
 
 onMounted(() => {
   const { sendLog } = useAnalytics()
-  sendLog(locale.value, useAnalyticsLogDataDirect('view', 1))
+  // sendLog(locale.value, useAnalyticsLogDataDirect('view', 1))
 })
 
 // 메타 태그 설정 감시
@@ -82,8 +82,8 @@ watchEffect(() => {
         v-if="isShowTopBtn || isShowSnsBtn"
         :class="['utile-wrap', { 'is-stop': pinToMain }]"
       >
-        <AtomsButtonScrollTop v-if="isShowTopBtn" />
-        <AtomsButtonSns v-if="isShowSnsBtn" />
+        <BlocksButtonScrollTop v-if="isShowTopBtn" />
+        <BlocksButtonSns v-if="isShowSnsBtn" />
       </div>
     </ClientOnly>
   </div>