video 블록 및 리펙터링

src/app/editor/templates/teamTemplate.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 createTeamTemplateBlocks(opts: {
   sectionId: string;
@@ -42,28 +42,49 @@ export function createTeamTemplateBlocks(opts: {
   const teamBlocks: Block[] = columns.flatMap((col, index) => {
     const m = memberDefinitions[index] ?? memberDefinitions[0];
 
+    const imageId = createId();
     const nameId = createId();
     const roleId = createId();
     const bioId = createId();
 
+    const imageProps: ImageBlockProps = {
+      src: "https://via.placeholder.com/150x150/334155/94a3b8?text=User",
+      alt: m.name,
+      align: "center",
+      widthMode: "fixed",
+      widthPx: 120,
+      borderRadius: "full",
+    };
+
     const nameProps: TextBlockProps = {
       text: m.name,
       align: "center",
       size: "lg",
+      bold: true,
     } as any;
 
     const roleProps: TextBlockProps = {
       text: m.role,
       align: "center",
       size: "base",
+      color: "primary",
     } as any;
 
     const bioProps: TextBlockProps = {
       text: m.bio,
       align: "center",
       size: "sm",
+      color: "muted",
     } as any;
 
+    const imageBlock: Block = {
+      id: imageId,
+      type: "image",
+      props: imageProps,
+      sectionId,
+      columnId: col.id,
+    };
+
     const nameBlock: Block = {
       id: nameId,
       type: "text",
@@ -88,7 +109,7 @@ export function createTeamTemplateBlocks(opts: {
       columnId: col.id,
     };
 
-    return [nameBlock, roleBlock, bioBlock];
+    return [imageBlock, nameBlock, roleBlock, bioBlock];
   });
 
   const blocks: Block[] = [sectionBlock, ...teamBlocks];