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

layers/templates/GrVisual03/index.vue

@@ -4,42 +4,35 @@ interface Props {
 }
 
 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"
+      v-if="props.components?.background"
+      :resources-data="props.components?.background.groups[0]"
     />
     <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"
+        v-if="props.components.subTitle"
+        :resources-data="props.components.subTitle.groups[0]"
         class="text-[24px] font-[500] text-[#ffffff] leading-[34px]"
       />
       <WidgetsMainTitle
-        v-if="props.components.cardMainTitle"
-        :component-data="props.components.cardMainTitle"
-        :group-sets="true"
+        v-if="props.components.mainTitle"
+        :resources-data="props.components.cardMainTitle.groups[0]"
         class="text-[50px] font-[700] text-[#c7a28b] leading-[70px]"
       />
       <WidgetsDescription
-        v-if="props.components.cardDescription"
-        :component-data="props.components.cardDescription"
-        :group-sets="true"
+        v-if="props.components.description"
+        :resources-data="props.components.description.groups[0]"
         class="text-[20px] font-[500] text-white/70 leading-[30px]"
       />
-      <WidgetsButton
-        v-if="props.components.cardButtonList"
-        :component-data="props.components.cardButtonList"
-        :group-sets="true"
+      <WidgetsButtonList
+        v-if="props.components.buttonList"
+        :groups-data="props.components.buttonList"
       />
     </div>
   </section>