From 15da2032a3b601e5db64c5d0f3b25902f73795c6 Mon Sep 17 00:00:00 2001
From: kappa <kappa@inouter.com>
Date: Sun, 18 Jan 2026 15:28:44 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=9B=B9=ED=8E=98=EC=9D=B4=EC=A7=80=20?=
 =?UTF-8?q?=ED=85=94=EB=A0=88=EA=B7=B8=EB=9E=A8=20=EB=B4=87=20=EA=B0=95?=
 =?UTF-8?q?=EC=A1=B0=20+=20=EB=8F=84=EB=A9=94=EC=9D=B8=20=EA=B0=80?=
 =?UTF-8?q?=EA=B2=A9=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 히어로 섹션에 텔레그램 봇 하이라이트 박스 추가
- "대화만으로 모든 것이 가능합니다" 강조
- 도메인 카드에 5,000원~/년 가격 표시

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 web/index.html | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/web/index.html b/web/index.html
index e6c4c2d..6b6d6f5 100644
--- a/web/index.html
+++ b/web/index.html
@@ -77,8 +77,32 @@
         </a>
       </div>
 
+      <!-- Telegram Bot Highlight -->
+      <div class="mt-16 bg-gradient-to-r from-indigo-900/30 to-purple-900/30 border border-indigo-500/20 rounded-2xl p-8">
+        <div class="flex flex-col md:flex-row items-center gap-6">
+          <div class="w-16 h-16 bg-indigo-500/20 rounded-2xl flex items-center justify-center flex-shrink-0">
+            <svg class="w-8 h-8 text-indigo-400" fill="currentColor" viewBox="0 0 24 24">
+              <path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.562 8.161c-.18 1.897-.962 6.502-1.359 8.627-.168.9-.5 1.201-.82 1.23-.697.064-1.226-.461-1.901-.903-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.139-5.062 3.345-.479.329-.913.489-1.302.481-.428-.009-1.252-.242-1.865-.442-.751-.244-1.349-.374-1.297-.789.027-.216.324-.437.893-.663 3.498-1.524 5.831-2.529 6.998-3.015 3.333-1.386 4.025-1.627 4.477-1.635.099-.002.321.023.465.141.121.099.154.232.17.325.015.093.034.305.019.471z"/>
+            </svg>
+          </div>
+          <div class="text-center md:text-left flex-1">
+            <h3 class="text-xl font-semibold mb-2">텔레그램 하나로 모든 것을 관리하세요</h3>
+            <p class="text-gray-400">
+              서비스 신청, 상태 조회, 도메인 등록, 결제까지 —<br class="hidden md:block">
+              복잡한 대시보드 없이 <span class="text-indigo-400 font-medium">대화만으로</span> 모든 것이 가능합니다.
+            </p>
+          </div>
+          <a href="https://t.me/AnvilForgeBot" target="_blank" class="bg-indigo-600 hover:bg-indigo-700 px-6 py-3 rounded-xl font-medium transition flex items-center gap-2 flex-shrink-0">
+            <span>봇 시작하기</span>
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
+            </svg>
+          </a>
+        </div>
+      </div>
+
       <!-- Stats -->
-      <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mt-20 pt-10 border-t border-gray-800">
+      <div class="grid grid-cols-2 md:grid-cols-4 gap-8 mt-12 pt-10 border-t border-gray-800">
         <div>
           <div class="text-3xl font-bold gradient-text">99.9%</div>
           <div class="text-gray-500 mt-1">업타임 보장</div>
@@ -155,9 +179,12 @@
             </svg>
           </div>
           <h3 class="text-xl font-semibold mb-2">도메인</h3>
-          <p class="text-gray-400 text-sm">
-            .com, .kr, .io 등 다양한 도메인 등록 및 관리 서비스
+          <p class="text-gray-400 text-sm mb-3">
+            텔레그램으로 도메인 검색, 등록, 네임서버 관리까지 한번에
           </p>
+          <div class="text-orange-400 text-sm font-medium">
+            5,000원~/년
+          </div>
         </div>
       </div>
     </div>