feat:랜딩 템플릿 미리보기 및 대시보드 진입 개선(#66)

src/app/workspaces/[workspaceId]/page.tsx

@@ -22,5 +22,5 @@ export default async function WorkspaceHomePage({ params }: WorkspaceHomePagePro
     redirect(`/workspaces/${workspaceId}/dashboard`);
   }
 
-  redirect(`/workspaces/${workspaceId}/project-management`);
+  redirect(`/workspaces/${workspaceId}/dashboard`);
 }

src/widgets/landing/landing-templates/config/templates.ts

@@ -14,6 +14,7 @@ export interface TemplateItem {
   tagBg: string;
   tagText: string;
   tags: string[];
+  previewImage: string;
 }
 
 export const templateItems: TemplateItem[] = [
@@ -30,6 +31,7 @@ export const templateItems: TemplateItem[] = [
     tagBg: '#ede9fe',
     tagText: '#7008e7',
     tags: ['업무 분담 보드', '회의록', '자료실', '캘린더', '그룹 채팅'],
+    previewImage: '/images/landing/team_dashboard.png',
   },
   {
     id: 'side_project',
@@ -44,6 +46,7 @@ export const templateItems: TemplateItem[] = [
     tagBg: '#dbeafe',
     tagText: '#1447e6',
     tags: ['칸반 보드', '스프린트 관리', '회의록', '채팅', '진행률 차트'],
+    previewImage: '/images/landing/side_dashboard.png',
   },
   {
     id: 'store',
@@ -58,5 +61,6 @@ export const templateItems: TemplateItem[] = [
     tagBg: '#fef3c6',
     tagText: '#bb4d00',
     tags: ['공지 게시판', '업무 스케줄', '자료실', '채팅', '캘린더'],
+    previewImage: '/images/landing/store_dashboard.png',
   },
 ];

src/widgets/landing/landing-templates/ui/TemplatesSection.tsx

@@ -2,6 +2,7 @@
 
 // 템플릿 소개 섹션 — 좌측 리스트에서 템플릿을 선택하면 우측 미리보기 패널이 전환된다
 import { useState } from 'react';
+import Image from 'next/image';
 import { motion } from 'motion/react';
 import { ChevronRight } from 'lucide-react';
 import { cn } from '@/shared/lib/utils';
@@ -100,10 +101,15 @@ export default function TemplatesSection() {
                 </p>
               </div>
             </div>
-            <div className="flex min-h-0 flex-1 items-center justify-center rounded-2xl bg-[#f7f7f7] p-5">
-              <p className="text-xl font-bold tracking-[-0.5px] text-[#939393]">
-                템플릿 UI 스크린샷
-              </p>
+            <div className="relative min-h-0 flex-1 overflow-hidden rounded-2xl bg-white p-3 shadow-inner sm:p-5">
+              <Image
+                key={selected.id}
+                src={selected.previewImage}
+                alt={`${selected.title} 대시보드 미리보기`}
+                fill
+                sizes="(max-width: 1023px) calc(100vw - 48px), 840px"
+                className="object-contain p-3 sm:p-5"
+              />
             </div>
           </div>
         </motion.div>