chore : 초기응답에 아키텍처 추가, mark 태그 스타일 추가

src/consts.ts

@@ -6,7 +6,7 @@ export const INITIAL_CHAT: TypeChat<'me'> = {
     messages: [
       {
         contentType: 'PlainText',
-        content: '안녕하세요! FrontEnd Engineer 홍희림입니다.',
+        content: '<p>안녕하세요! <mark>FrontEnd Engineer 홍희림</mark>입니다.</p>',
       },
       {
         contentType: 'PlainText',
@@ -22,6 +22,12 @@ export const INITIAL_CHAT: TypeChat<'me'> = {
           ],
         },
       },
+      {
+        contentType: 'ImageResponseCard',
+        imageResponseCard: {
+          buttons: [{ value: '시스템 구조', text: '어떻게 만들었어?' }],
+        },
+      },
     ],
   },
 };

src/index.css

@@ -1,3 +1,12 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+mark {
+  background-color: transparent;
+  font-weight: bold;
+  background-image: linear-gradient(90deg, #7dd3fc, #6ee7b7);
+  background-position: bottom;
+  background-size: 100% 30%;
+  background-repeat: no-repeat;
+}