fix. page api 수정된 구조에 맞춰 코드 수정

layers/templates/GrVisual01/index.vue

@@ -10,7 +10,7 @@ const props = defineProps<Props>()
   <section class="relative h-[640px] lg:h-[1000px]">
     <WidgetsBackground
       v-if="props.components?.background"
-      :component-data="props.components?.background"
+      :resources-data="props.components?.background.groups[0]"
       gradient-class="bg-gradient-to-b from-[#100d0f]/0 to-[#100d0f]"
     />
     <div
@@ -18,16 +18,16 @@ const props = defineProps<Props>()
     >
       <WidgetsMainTitle
         v-if="props.components.mainTitle"
-        :component-data="props.components.mainTitle"
+        :resources-data="props.components.mainTitle.groups[0]"
         class="w-[355px] lg:w-[944px]"
       />
       <WidgetsDescription
         v-if="props.components.description"
-        :component-data="props.components.description"
+        :resources-data="props.components.description.groups[0]"
       />
       <WidgetsVideoPlay
         v-if="props.components.videoPlay"
-        :component-data="props.components.videoPlay"
+        :resources-data="props.components.videoPlay.groups[0]"
       />
     </div>
   </section>