fix. 컴포넌트 폴더 구조 변경

layers/components/layouts/Footer.vue

@@ -150,7 +150,7 @@
       <div
         class="language-area absolute bottom-7 right-10 text-white md:bottom-5.5 md:right-4"
       >
-        <MoleculesLanguageSwitcher />
+        <BlocksLanguageSwitcher />
 
         <!-- <SelectLanguage /> -->
         <!-- <AtomsLanguageSwitcher /> -->

layers/components/layouts/Header.vue

@@ -12,7 +12,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
   <header
     class="bg-theme-foreground text-theme-foreground-reversal relative z-50"
   >
-    <MoleculesStoveGnb />
+    <BlocksStoveGnb />
     <div
       data-name="header-game"
       class="px-[40px] h-16 flex items-center whitespace-nowrap"
@@ -37,7 +37,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
             class="relative group"
           >
             <!-- Link 컴포넌트 사용 -->
-            <MoleculesHybridLink
+            <BlocksHybridLink
               :to="gnbItem.url_path"
               :target="gnbItem.link_target"
               class="relative flex items-center h-[64px]"
@@ -47,7 +47,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
               <span
                 class="absolute bottom-0 left-0 w-full h-2 border-b-2 border-transparent transition-border-color group-hover:border-theme-foreground-reversal group-active:border-theme-foreground-reversal-10"
               />
-            </MoleculesHybridLink>
+            </BlocksHybridLink>
             <div
               v-if="gnbItem.children"
               class="absolute top-full left-[-28px] min-w-[190px] pt-[4px] pointer-events-none group-hover:pointer-events-auto"
@@ -57,7 +57,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
               >
                 <li v-for="child in gnbItem.children" :key="child.menu_name">
                   <!-- Link 컴포넌트 사용 -->
-                  <MoleculesHybridLink
+                  <BlocksHybridLink
                     :to="child.url_path"
                     :target="child.link_target"
                     class="flex items-center px-4 py-[9px] rounded-[12px] transition-background hover:bg-theme-foreground-reversal-40 active:bg-theme-foreground-reversal-70"
@@ -67,7 +67,7 @@ const gnbList = gameData?.gnb?.menus as GameDataGnb['menus']
                       v-if="child.link_target === '_blank'"
                       class="ml-1"
                     />
-                  </MoleculesHybridLink>
+                  </BlocksHybridLink>
                 </li>
               </ul>
             </div>

layers/components/templates/GrVisual01/index.vue

@@ -1,63 +0,0 @@
-<script setup lang="ts">
-import YouTubeModal from '#layers/components/molecules/modal/YouTubeModal.vue'
-
-interface Props {
-  components: Record<string, any>
-}
-
-const props = defineProps<Props>()
-
-// YouTube 모달 상태 관리
-const isYouTubeModalOpen = ref(false)
-const youtubeVideoId = ref('')
-
-// 비디오 플레이 버튼 클릭 핸들러
-const handleVideoPlayClick = () => {
-  // TODO: 실제 YouTube 비디오 ID를 설정해야 합니다
-  // 예시: 'dQw4w9WgXcQ' (Rick Astley - Never Gonna Give You Up)
-  youtubeVideoId.value = 'UKVsZYHxYTc' // 임시로 설정
-  isYouTubeModalOpen.value = true
-}
-
-// 모달 닫기 핸들러
-const handleCloseModal = () => {
-  isYouTubeModalOpen.value = false
-  youtubeVideoId.value = ''
-}
-</script>
-
-<template>
-  <section class="relative h-[640px] lg:h-[1000px]">
-    <WidgetsBackground
-      v-if="props.components?.background"
-      :component-data="props.components?.background"
-      gradient-class="bg-gradient-to-b from-[#100d0f]/0 to-[#100d0f]"
-    />
-    <div
-      class="relative h-full flex flex-col items-center justify-center gap-4"
-    >
-      <WidgetsMainTitle
-        v-if="props.components.mainTitle"
-        :component-data="props.components.mainTitle"
-        class="w-[355px] lg:w-[944px]"
-      />
-      <WidgetsDescription
-        v-if="props.components.description"
-        :component-data="props.components.description"
-      />
-      <WidgetsVideoPlay
-        v-if="props.components.videoPlay"
-        :component-data="props.components.videoPlay"
-        @click="handleVideoPlayClick"
-      />
-    </div>
-  </section>
-
-  <!-- YouTube 모달 -->
-  <YouTubeModal
-    :is-open="isYouTubeModalOpen"
-    :youtube-id="youtubeVideoId"
-    @close="handleCloseModal"
-    @update:is-open="(value: boolean) => (isYouTubeModalOpen = value)"
-  />
-</template>

layers/components/templates/GrVisual02/index.vue

@@ -1,11 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  components: Record<string, any>
-}
-
-const _props = defineProps<Props>()
-</script>
-
-<template>
-  <section class="template-section" />
-</template>

layers/components/templates/GrVisual03/index.vue

@@ -1,46 +0,0 @@
-<script setup lang="ts">
-interface Props {
-  components: Record<string, any>
-}
-
-const props = defineProps<Props>()
-
-console.log('components:', props.components)
-</script>
-
-<template>
-  <section class="relative h-[640px] lg:h-[1000px]">
-    <WidgetsBackground
-      v-if="props.components?.cardBackground"
-      :component-data="props.components?.cardBackground"
-      :group-sets="true"
-    />
-    <div
-      class="relative h-full flex flex-col items-center justify-center gap-4"
-    >
-      <WidgetsSubTitle
-        v-if="props.components.cardSubTitle"
-        :component-data="props.components.cardSubTitle"
-        :group-sets="true"
-        class="text-[24px] font-[500] text-[#ffffff] leading-[34px]"
-      />
-      <WidgetsMainTitle
-        v-if="props.components.cardMainTitle"
-        :component-data="props.components.cardMainTitle"
-        :group-sets="true"
-        class="text-[50px] font-[700] text-[#c7a28b] leading-[70px]"
-      />
-      <WidgetsDescription
-        v-if="props.components.cardDescription"
-        :component-data="props.components.cardDescription"
-        :group-sets="true"
-        class="text-[20px] font-[500] text-white/70 leading-[30px]"
-      />
-      <WidgetsButtonList
-        v-if="props.components.cardButtonList"
-        :component-data="props.components.cardButtonList"
-        :group-sets="true"
-      />
-    </div>
-  </section>
-</template>

layers/components/widgets/Description.vue

@@ -19,7 +19,7 @@ const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>
-  <MoleculesVisualContent
+  <BlocksVisualContent
     tag="p"
     :text="displayText"
     :image-src="imageSrc as any"

layers/components/widgets/MainTitle.vue

@@ -19,7 +19,7 @@ const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>
-  <MoleculesVisualContent
+  <BlocksVisualContent
     tag="h2"
     :text="displayText"
     :image-src="imageSrc as any"

layers/components/widgets/SubTitle.vue

@@ -19,7 +19,7 @@ const imageSrc = getResponsiveSrc(resourcesData.value?.res_path)
 </script>
 
 <template>
-  <MoleculesVisualContent
+  <BlocksVisualContent
     tag="h3"
     :text="displayText"
     :image-src="imageSrc as any"