diff --git a/layers/templates/GrVisual01/index.vue b/layers/components/templates/GrVisual01/index.vue
similarity index 94%
rename from layers/templates/GrVisual01/index.vue
rename to layers/components/templates/GrVisual01/index.vue
index eb6f65c..4f8e5a0 100644
--- a/layers/templates/GrVisual01/index.vue
+++ b/layers/components/templates/GrVisual01/index.vue
@@ -28,7 +28,7 @@ const handleCloseModal = () => {
 
 <template>
   <section class="relative h-[640px] lg:h-[1000px]">
-    <TemplatesBackground
+    <WidgetsBackground
       v-if="props.components?.background"
       :component-data="props.components?.background"
       gradient-class="bg-gradient-to-b from-[#100d0f]/0 to-[#100d0f]"
@@ -36,16 +36,16 @@ const handleCloseModal = () => {
     <div
       class="relative h-full flex flex-col items-center justify-center gap-4"
     >
-      <TemplatesMainTitle
+      <WidgetsMainTitle
         v-if="props.components.mainTitle"
         :component-data="props.components.mainTitle"
         class="w-[355px] lg:w-[944px]"
       />
-      <TemplatesDescription
+      <WidgetsDescription
         v-if="props.components.description"
         :component-data="props.components.description"
       />
-      <TemplatesVideoPlay
+      <WidgetsVideoPlay
         v-if="props.components.videoPlay"
         :component-data="props.components.videoPlay"
         @click="handleVideoPlayClick"
diff --git a/layers/templates/GrVisual02/index.vue b/layers/components/templates/GrVisual02/index.vue
similarity index 100%
rename from layers/templates/GrVisual02/index.vue
rename to layers/components/templates/GrVisual02/index.vue
diff --git a/layers/templates/GrVisual03/index.vue b/layers/components/templates/GrVisual03/index.vue
similarity index 90%
rename from layers/templates/GrVisual03/index.vue
rename to layers/components/templates/GrVisual03/index.vue
index 423bcf0..75a14cf 100644
--- a/layers/templates/GrVisual03/index.vue
+++ b/layers/components/templates/GrVisual03/index.vue
@@ -10,7 +10,7 @@ console.log('components:', props.components)
 
 <template>
   <section class="relative h-[640px] lg:h-[1000px]">
-    <TemplatesBackground
+    <WidgetsBackground
       v-if="props.components?.cardBackground"
       :component-data="props.components?.cardBackground"
       :group-sets="true"
@@ -18,25 +18,25 @@ console.log('components:', props.components)
     <div
       class="relative h-full flex flex-col items-center justify-center gap-4"
     >
-      <TemplatesSubTitle
+      <WidgetsSubTitle
         v-if="props.components.cardSubTitle"
         :component-data="props.components.cardSubTitle"
         :group-sets="true"
         class="text-[24px] font-[500] text-[#ffffff] leading-[34px]"
       />
-      <TemplatesMainTitle
+      <WidgetsMainTitle
         v-if="props.components.cardMainTitle"
         :component-data="props.components.cardMainTitle"
         :group-sets="true"
         class="text-[50px] font-[700] text-[#c7a28b] leading-[70px]"
       />
-      <TemplatesDescription
+      <WidgetsDescription
         v-if="props.components.cardDescription"
         :component-data="props.components.cardDescription"
         :group-sets="true"
         class="text-[20px] font-[500] text-white/70 leading-[30px]"
       />
-      <TemplatesButtonList
+      <WidgetsButtonList
         v-if="props.components.cardButtonList"
         :component-data="props.components.cardButtonList"
         :group-sets="true"
diff --git a/layers/components/templates/Background.vue b/layers/components/widgets/Background.vue
similarity index 100%
rename from layers/components/templates/Background.vue
rename to layers/components/widgets/Background.vue
diff --git a/layers/components/templates/ButtonList.vue b/layers/components/widgets/ButtonList.vue
similarity index 100%
rename from layers/components/templates/ButtonList.vue
rename to layers/components/widgets/ButtonList.vue
diff --git a/layers/components/templates/Description.vue b/layers/components/widgets/Description.vue
similarity index 100%
rename from layers/components/templates/Description.vue
rename to layers/components/widgets/Description.vue
diff --git a/layers/components/templates/MainTitle.vue b/layers/components/widgets/MainTitle.vue
similarity index 100%
rename from layers/components/templates/MainTitle.vue
rename to layers/components/widgets/MainTitle.vue
diff --git a/layers/components/templates/SubTitle.vue b/layers/components/widgets/SubTitle.vue
similarity index 100%
rename from layers/components/templates/SubTitle.vue
rename to layers/components/widgets/SubTitle.vue
diff --git a/layers/components/templates/VideoPlay.vue b/layers/components/widgets/VideoPlay.vue
similarity index 100%
rename from layers/components/templates/VideoPlay.vue
rename to layers/components/widgets/VideoPlay.vue
diff --git a/layers/registry/index.ts b/layers/registry/index.ts
index a604954..dd60514 100644
--- a/layers/registry/index.ts
+++ b/layers/registry/index.ts
@@ -1,6 +1,6 @@
-import GrVisual01 from '#layers/templates/GrVisual01/index.vue'
-import GrVisual02 from '#layers/templates/GrVisual02/index.vue'
-import GrVisual03 from '#layers/templates/GrVisual03/index.vue'
+import GrVisual01 from '#layers/components/templates/GrVisual01/index.vue'
+import GrVisual02 from '#layers/components/templates/GrVisual02/index.vue'
+import GrVisual03 from '#layers/components/templates/GrVisual03/index.vue'
 // import GrGallery01 from "#layers/templates/GrGallery01/index.vue";
 // import GrGallery02 from "#layers/templates/GrGallery02/index.vue";
 // import GrGallery03 from "#layers/templates/GrGallery03/index.vue";