Update index.html

index.html

@@ -470,6 +470,9 @@
         .card-preview.gradient-flipbook {
             background: linear-gradient(135deg, #EF4444 0%, #F97316 25%, #FACC15 50%, #3B82F6 75%, #8B5CF6 100%);
         }
+        .card-preview.gradient-hwp {
+            background: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 25%, #EC4899 50%, #10B981 75%, #FACC15 100%);
+        }
         .card-badge {
             position: absolute;
             top: 12px;
@@ -568,6 +571,11 @@
             color: var(--white);
             animation: flipbook-pulse 2s infinite;
         }
+        .badge-hwp {
+            background: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);
+            color: var(--white);
+            animation: hwp-pulse 2s infinite;
+        }
         @keyframes helpdesk-pulse {
             0%, 100% { box-shadow: 2px 2px 0px var(--dark), 0 0 8px #10B981; }
             50% { box-shadow: 2px 2px 0px var(--dark), 0 0 15px #10B981, 0 0 20px #059669; }
@@ -576,6 +584,10 @@
             0%, 100% { box-shadow: 2px 2px 0px var(--dark), 0 0 8px #EF4444; }
             50% { box-shadow: 2px 2px 0px var(--dark), 0 0 15px #EF4444, 0 0 20px #8B5CF6; }
         }
+        @keyframes hwp-pulse {
+            0%, 100% { box-shadow: 2px 2px 0px var(--dark), 0 0 8px #3B82F6; }
+            50% { box-shadow: 2px 2px 0px var(--dark), 0 0 15px #3B82F6, 0 0 20px #10B981; }
+        }
         .card-content {
             padding: 1.25rem;
         }
@@ -718,6 +730,13 @@
             padding: 2px 6px;
             border-radius: 4px;
         }
+        .card-highlight-hwp {
+            background: linear-gradient(135deg, #3B82F6 0%, #10B981 100%);
+            color: var(--white);
+            font-weight: 700;
+            padding: 2px 6px;
+            border-radius: 4px;
+        }
         .card-meta {
             display: flex;
             justify-content: space-between;
@@ -891,6 +910,15 @@
             border-radius: 4px;
             color: #EF4444;
         }
+        .tag-hwp {
+            font-size: 0.75rem;
+            font-weight: 700;
+            padding: 0.25rem 0.5rem;
+            background: linear-gradient(135deg, #DBEAFE 0%, #D1FAE5 100%);
+            border: 2px solid #3B82F6;
+            border-radius: 4px;
+            color: #3B82F6;
+        }
         .card-arrow {
             font-size: 1.5rem;
             transition: transform 0.2s ease;
@@ -1089,12 +1117,12 @@
         </div>
     </header>
 
-<!-- "수정할 부분 첫번째" - AI Models 41로 변경 -->
+<!-- AI Models 42로 변경 -->
   
     <!-- Stats Bar -->
     <div class="stats-bar">
         <div class="stat-item">
-            <div class="stat-number">41</div>
+            <div class="stat-number">42</div>
             <div class="stat-label">AI Models</div>
         </div>
         <div class="stat-item">
@@ -1113,7 +1141,7 @@
     <!-- Search Bar -->
     <div class="search-container">
         <span class="search-icon">🔍</span>
-        <input type="text" class="search-input" placeholder="Search AI tools... (e.g., image, video, youtube, trend, nsfw, novel, exam, best, llm, motion, camera, 3d, flipbook)" id="searchInput">
+        <input type="text" class="search-input" placeholder="Search AI tools... (e.g., image, video, youtube, trend, nsfw, novel, exam, best, llm, motion, camera, 3d, flipbook, hwp)" id="searchInput">
     </div>
     <!-- Navigation Tabs (Text moved after BEST) -->
     <nav class="nav-tabs">
@@ -1130,7 +1158,7 @@
     </nav>
     <!-- Main Container -->
     <main class="container">
-        <!-- BEST PICKS Section -->
+        <!-- BEST PICKS Section - Video Editor 제거, HWP AI 추가 -->
         <section class="category-section" data-section="best">
             <div class="category-header best-header">
                 <span class="category-icon">🏆</span>
@@ -1163,24 +1191,25 @@
                         </div>
                     </div>
                 </a>
-                <!-- BEST 2: Video Editor -->
-                <a href="https://studio.humangen.ai" target="_blank" class="card best-card" data-tags="best,video,editor,timeline,cut,text,merge,export,webm,mp4">
-                    <div class="card-preview gradient-best">
-                        <span>✂️</span>
+                <!-- BEST 2: HWP AI 어시스턴트 (NEW - Replaced Video Editor) -->
+                <a href="https://hwp.humangen.ai" target="_blank" class="card best-card" data-tags="best,korea,hwp,hwpx,pdf,document,ai,assistant,한국어,문서,변환,markdown,read,see,speak,think,memory,llm,groq">
+                    <div class="card-preview gradient-hwp">
+                        <span>📄</span>
                         <span class="card-badge badge-best">🏆 BEST</span>
                     </div>
                     <div class="card-content">
-                        <h3 class="card-title">✂️ Video Editor</h3>
+                        <h3 class="card-title">📄 HWP AI 어시스턴트</h3>
                         <p class="card-description">
-                            <span class="card-highlight-best">Full-Featured Timeline Editor</span> - 
-                            Professional video editing in your browser! Cut, trim, add text overlays, 
-                            merge clips, and export to WebM/MP4. No software installation needed.
+                            <span class="card-highlight-hwp">READ·SEE·SPEAK·THINK·MEMORY!</span> - 
+                            AI가 HWP 파일을 <strong>읽고, 보고, 말하며, 생각하고 기억</strong>합니다! 
+                            📑 HWP/HWPX/PDF 분석, 🔄 마크다운 변환, 💬 AI 채팅.
+                            🌐 <strong>한국어 특화</strong>
                         </p>
                         <div class="card-meta">
                             <div class="card-tags">
-                                <span class="tag-best">Timeline</span>
-                                <span class="tag-best">Text Overlay</span>
-                                <span class="tag">Export</span>
+                                <span class="tag-hwp">HWP/HWPX</span>
+                                <span class="tag-hwp">AI분석</span>
+                                <span class="tag-korea">한글</span>
                             </div>
                             <span class="card-arrow">→</span>
                         </div>
@@ -1210,7 +1239,7 @@
                         </div>
                     </div>
                 </a>
-                <!-- BEST 4: AI 플립북 (NEW - Replaced Ultimate File Converter) -->
+                <!-- BEST 4: AI 플립북 -->
                 <a href="https://aibook.humangen.ai" target="_blank" class="card best-card" data-tags="best,korea,flipbook,pdf,ai,vlm,3d,chatbot,한국어,문서,분석,플립북,webgl,interactive,qwen">
                     <div class="card-preview gradient-flipbook">
                         <span>📚</span>
@@ -1413,7 +1442,7 @@
 
 
       
-<!-- "카테고리 카운드 수정 두번째" -->
+<!-- 카테고리 카운트 수정 -->
       
         <!-- Image Generation Section -->
         <section class="category-section" data-section="image">
@@ -2173,19 +2202,43 @@
                 </a>
             </div>
         </section>
-        <!-- Korea Section - 3 models로 업데이트 -->
+        <!-- Korea Section - 4 models로 업데이트 -->
         <section class="category-section" data-section="korea">
             <div class="category-header">
                 <span class="category-icon">🇰🇷</span>
                 <h2 class="category-title">KOREA 한국 특화</h2>
-                <span class="category-count">3 models</span>
+                <span class="category-count">4 models</span>
             </div>
             <div class="card-grid">
-                <!-- NEW! 41번째 카드 - AI 플립북 -->
+                <!-- NEW! 42번째 카드 - HWP AI 어시스턴트 -->
+                <a href="https://hwp.humangen.ai" target="_blank" class="card" data-tags="korea,hwp,hwpx,pdf,document,ai,assistant,한국어,문서,변환,markdown,read,see,speak,think,memory,llm,groq,fireworks">
+                    <div class="card-preview gradient-hwp">
+                        <span>📄</span>
+                        <span class="card-badge badge-hwp">🆕 NEW</span>
+                    </div>
+                    <div class="card-content">
+                        <h3 class="card-title">📄 HWP AI 어시스턴트</h3>
+                        <p class="card-description">
+                            <span class="card-highlight-hwp">READ·SEE·SPEAK·THINK·MEMORY!</span> - 
+                            AI가 HWP 파일을 <strong>읽고, 보고, 말하며, 생각하고 기억</strong>합니다! 
+                            📑 HWP/HWPX/PDF/이미지 분석, 🔄 마크다운 변환, 💬 AI 채팅, 💾 대화 기록.
+                            🌐 <strong>한국어 특화</strong>
+                        </p>
+                        <div class="card-meta">
+                            <div class="card-tags">
+                                <span class="tag-hwp">HWP/HWPX</span>
+                                <span class="tag-hwp">AI분석</span>
+                                <span class="tag-korea">한글</span>
+                            </div>
+                            <span class="card-arrow">→</span>
+                        </div>
+                    </div>
+                </a>
+                <!-- AI 플립북 -->
                 <a href="https://aibook.humangen.ai" target="_blank" class="card" data-tags="korea,flipbook,pdf,ai,vlm,3d,chatbot,한국어,문서,분석,플립북,webgl,interactive,qwen,fireworks">
                     <div class="card-preview gradient-flipbook">
                         <span>📚</span>
-                        <span class="card-badge badge-flipbook">🆕 NEW</span>
+                        <span class="card-badge badge-flipbook">📖 FLIP</span>
                     </div>
                     <div class="card-content">
                         <h3 class="card-title">📚 AI 플립북 (AI FlipBook)</h3>