feat. 환경 세팅

layers/templates/GrVisual01/index.vue

@@ -0,0 +1,27 @@
+<script setup lang="ts">
+interface Props {
+  components: Record<string, any>;
+}
+
+const props = defineProps<Props>();
+</script>
+
+<template>
+  <div
+    class="relative flex flex-col items-center justify-center h-[640px] lg:h-[1000px] gap-4"
+  >
+    <TemplatesMainTitle
+      v-if="props.components.mainTitle"
+      :component-data="props.components.mainTitle"
+      class="w-[355px] lg:w-[944px]"
+    />
+    <TemplatesDescription
+      v-if="props.components.description"
+      :component-data="props.components.description"
+    />
+    <TemplatesVideoPlay
+      v-if="props.components.videoPlay"
+      :component-data="props.components.videoPlay"
+    />
+  </div>
+</template>

layers/templates/GrVisual02/index.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+interface Props {
+  components: Record<string, any>;
+}
+
+const props = defineProps<Props>();
+</script>
+
+<template>
+  <div
+    class="relative flex flex-col items-center justify-center h-[640px] lg:h-[1000px] gap-4"
+  ></div>
+</template>

layers/templates/GrVisual03/index.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+interface Props {
+  components: Record<string, any>;
+}
+
+const props = defineProps<Props>();
+</script>
+
+<template>
+  <div
+    class="relative flex flex-col items-center justify-center h-[640px] lg:h-[1000px] gap-4"
+  ></div>
+</template>