video 블록 및 리펙터링

src/app/editor/templates/blogTemplate.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import type { Block, SectionBlockProps, TextBlockProps } from "@/features/editor/state/editorStore";
+import type { Block, SectionBlockProps, TextBlockProps, ImageBlockProps } from "@/features/editor/state/editorStore";
 
 export function createBlogTemplateBlocks(opts: {
   sectionId: string;
@@ -42,21 +42,40 @@ export function createBlogTemplateBlocks(opts: {
   const blogBlocks: Block[] = columns.flatMap((col, index) => {
     const post = postDefinitions[index] ?? postDefinitions[0];
 
+    const imageId = createId();
     const titleId = createId();
     const summaryId = createId();
 
+    const imageProps: ImageBlockProps = {
+      src: "https://via.placeholder.com/400x250/1e293b/94a3b8?text=Blog+Image",
+      alt: post.title,
+      align: "center",
+      widthMode: "auto",
+      borderRadius: "md",
+    };
+
     const titleProps: TextBlockProps = {
       text: post.title,
       align: "left",
       size: "lg",
+      bold: true,
     } as any;
 
     const summaryProps: TextBlockProps = {
       text: post.summary,
       align: "left",
       size: "sm",
+      color: "muted",
     } as any;
 
+    const imageBlock: Block = {
+      id: imageId,
+      type: "image",
+      props: imageProps,
+      sectionId,
+      columnId: col.id,
+    };
+
     const titleBlock: Block = {
       id: titleId,
       type: "text",
@@ -73,7 +92,7 @@ export function createBlogTemplateBlocks(opts: {
       columnId: col.id,
     };
 
-    return [titleBlock, summaryBlock];
+    return [imageBlock, titleBlock, summaryBlock];
   });
 
   const blocks: Block[] = [sectionBlock, ...blogBlocks];