video 블록 및 리펙터링

src/app/editor/templates/ctaTemplate.ts

@@ -9,7 +9,8 @@ export function createCtaTemplateBlocks(opts: {
   const { sectionId, createId } = opts;
 
   const columns: SectionBlockProps["columns"] = [
-    { id: `${sectionId}_col_1`, span: 12 },
+    { id: `${sectionId}_col_1`, span: 8 },
+    { id: `${sectionId}_col_2`, span: 4 },
   ];
 
   const sectionProps: SectionBlockProps = {
@@ -31,20 +32,21 @@ export function createCtaTemplateBlocks(opts: {
     columnId: null,
   };
 
-  const firstColumnId = `${sectionId}_col_1`;
+  const leftColumnId = `${sectionId}_col_1`;
+  const rightColumnId = `${sectionId}_col_2`;
 
   const textId = createId();
   const textProps: TextBlockProps = {
-    text: "지금 바로 행동을 유도하는 CTA 텍스트를 입력하세요.",
-    align: "center",
-    size: "base",
+    text: "지금 바로 행동을 유도하는 CTA 텍스트를 입력하세요.\n망설이지 말고 시작하세요!",
+    align: "left",
+    size: "lg",
   } as any;
   const textBlock: Block = {
     id: textId,
     type: "text",
     props: textProps,
     sectionId,
-    columnId: firstColumnId,
+    columnId: leftColumnId,
   };
 
   const buttonId = createId();
@@ -52,10 +54,10 @@ export function createCtaTemplateBlocks(opts: {
     label: "CTA 버튼",
     href: "#",
     align: "center",
-    size: "md",
+    size: "lg",
     variant: "solid",
     colorPalette: "primary",
-    fullWidth: false,
+    fullWidth: true,
     borderRadius: "md",
     textColorCustom: "#0b1120",
     fillColorCustom: "#0ea5e9",
@@ -66,7 +68,7 @@ export function createCtaTemplateBlocks(opts: {
     type: "button",
     props: buttonProps,
     sectionId,
-    columnId: firstColumnId,
+    columnId: rightColumnId,
   };
 
   const blocks: Block[] = [sectionBlock, textBlock, buttonBlock];