Update app.py

app.py

@@ -306,53 +306,53 @@ def load_json_data():
             "prompt": "이메일 회원가입 & 로그인 웹페이지를 만들어주세요. 다음 요구사항을 반영해주세요: 1. 디자인 - 모던하고 미니멀한 UI/UX - 반응형 레이아웃 - 부드러운 애니메이션 효과 - 적절한 폼 validation 피드백 2. 회원가입 기능 3. 로그인 기능 - 이메일/비밀번호 입력 - 자동로그인 기능 - 비밀번호 찾기 링크 - 로그인 실패시 에러 메시지 - 로그인 성공시 환영 메시지 "
         },     
         {
-            "name": "[애니메이션] Interactive Timeline",
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "name": "[컴포넌트] 인터렉티브 타임라인",
+            "image_url": "data:image/png;base64," + get_image_base64('111.png'),
             "prompt": "Create a vertical timeline with animated entry points. When clicking on timeline items, show detailed information with smooth transitions. Include filtering options and scroll animations."
         },
         {
             "name": "[게임] 카드 기억 게임", 
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('112.png'),
             "prompt": "Create a classic memory matching card game with flip animations. Include a scoring system, timer, and difficulty levels. Add satisfying match/mismatch animations and sound effects using Web Audio API."
         }, 
         {
             "name": "[인터랙티브] 컬러 팔레트",
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('113.png'),
             "prompt": "마우스 움직임에 따라 동적으로 변하는 컬러 팔레트를 만드세요. 색상 선택, 저장, 조합 기능과 함께 부드러운 그라데이션 효과를 구현하세요."
         },
         {
             "name": "[위젯] 날씨 애니메이션",
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('114.png'),
             "prompt": "현재 날씨 상태를 보여주는 애니메이션 위젯을 만드세요. 비, 눈, 구름, 번개 등의 날씨 효과를 Canvas로 구현하고 부드러운 전환 효과를 추가하세요."
         },
         {
             "name": "[이펙트] 파티클 텍스트",
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('116.png'),
             "prompt": "텍스트가 파티클로 변환되는 효과를 구현하세요. 마우스 호버시 글자가 흩어졌다가 다시 모이는 애니메이션을 Canvas로 만드세요."
         },
         {
             "name": "[3D] 책장 갤러리",
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('115.png'),
             "prompt": "CSS 3D 변환을 사용하여 회전하는 책장 형태의 갤러리를 만드세요. 각 책을 클릭하면 상세 정보가 나타나도록 구현하세요."
         }, 
         {
             "name": "[게임] 리듬 게임",
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('117.png'),
             "prompt": "Web Audio API를 활용한 간단한 리듬 게임을 만드세요. 떨어지는 노트와 타이밍 판정, 점수 시스템을 구현하세요."
         },
         {
             "name": "[애니메이션] SVG 패스",
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('118.png'),
             "prompt": "SVG 패스를 따라 움직이는 애니메이션을 구현하세요. 다양한 도형이 그려지는 과정을 보여주고 인터랙티브한 컨트롤을 추가하세요."
         },
         {
             "name": "[도구] 드로잉 보드",
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('119.png'),
             "prompt": "Canvas를 사용한 그리기 도구를 만드세요. 브러시 크기, 색상 변경, 지우개 기능과 그리기 기록 저장 기능을 구현하세요."
         },
         {
             "name": "[게임] 퍼즐 슬라이드",
-            "image_url": "data:image/png;base64," + get_image_base64('cat.png'),
+            "image_url": "data:image/png;base64," + get_image_base64('120.png'),
             "prompt": "숫자나 이미지를 사용한 슬라이드 퍼즐 게임을 만드세요. 이동 애니메이션과 완성 확인 기능을 추가하세요."
         },
         {