### 10년차 베테랑 상담원처럼 고객을 전환하는 AI

- 10년차 베테랑 상담원
- 신뢰감 있는 실제 10년 이상 베테랑 상담원 목소리 모델 제공
- 기계처럼 일정한 톤이 아닌, 높낮이가 있는 목소리
- 실제 사람이 반응하는 속도 300ms(0.3초)로 응답
- 테스트 때 97%가 AI인지 구별 못함
- 고객을 설득
- 후킹 멘트, 중요 포인트를 강조
- 고객에게 공감
- 불만에 반박
- 적극적 의사소통을 통한 고객 설득
- 고객을 전환
- 관심 고객 여부 파악
- 방문 스케즐링 & 2차 전화 상담
- 리마인드 문자 전송
- 추후 일정까지 잡아주는 AI

### 데이터를 통한 전환율 상승

- 도달율 상승
- 병렬 & 반복 전화
- 응답률이 높은 특정 시간대에 집중 전화 가능
- **한 번에 100통 이상** 동시 전화 가능
- 반복 전화
- 부재중 전화 대상 반복 전화를 통한 **응답률 상승** 가능
- **첫 수신** 까지 1일당 총 전화 횟수 설정 가능
- 데이터 기록
- 통화 여부 & 일시
- 통화 텍스트 & 녹음본 & 요약
- 고객 관심 여부
- 2차 스케즐
- 통화 기록의 데이터화
- 데이터 분석
- 응답률 & 전환률이 높은 시간대 분석
- 멘트별 전환율 분석
- 보고서 제작 & AI 모델에 반영
- 분석 & 개선을 통한 전환율 상승

위의 내용이 모두 들어가도록 내용 변경 및 카드 추가.

index.html

@@ -41,8 +41,35 @@
                     <div class="flex-shrink-0 flex items-center">
                         <i data-feather="phone-call" class="text-primary h-8 w-8"></i>
                         <span class="ml-2 text-xl font-bold text-gray-900">Salescall</span>
-</div>
+    </div>
+
+    <!-- Data Visualization Section -->
+    <div class="bg-white py-16">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="text-center">
+                <h2 class="text-3xl font-bold text-gray-900">데이터로 증명하는 성과</h2>
+                <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
+                    실제 고객사들의 성과 데이터
+                </p>
+            </div>
+            
+            <div class="mt-12 grid grid-cols-1 gap-8 md:grid-cols-3">
+                <div class="text-center">
+                    <div class="text-5xl font-bold text-primary">97%</div>
+                    <p class="mt-2 text-gray-600">AI 구분 불가율</p>
+                </div>
+                <div class="text-center">
+                    <div class="text-5xl font-bold text-secondary">100+</div>
+                    <p class="mt-2 text-gray-600">동시 통화 가능 라인</p>
+                </div>
+                <div class="text-center">
+                    <div class="text-5xl font-bold text-primary">3X</div>
+                    <p class="mt-2 text-gray-600">전환율 향상</p>
                 </div>
+            </div>
+        </div>
+    </div>
+</div>
                 <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">
                     <a href="#features" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">기능</a>
                     <a href="#how-it-works" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">작동 방식</a>
@@ -69,15 +96,12 @@
                     <p class="mt-4 text-lg text-gray-600 pr-10">
                             당사의 AI는 최고의 영업 사원의 설득 기술을 재현하며, 
                             자연스러운 음조 변화와 빠른 반응 속도(300ms vs 업계 평균 1.2s)를 자랑합니다.<br>
-                            테스트 대상자의 97%가 AI임을 알아차리지 못했습니다.
+                            테스트 대상자의 97%가 AI 임을 알아차리지 못했습니다.
 </p>
 <div class="mt-8 flex flex-col sm:flex-row gap-4">
-                        <button class="bg-primary hover:bg-blue-600 text-white px-6 py-3 rounded-md text-base font-medium transition duration-150 ease-in-out">
+                        <button class="bg-primary hover:bg-blue-600 text-white px-12 py-3 rounded-md text-base font-medium transition duration-150 ease-in-out">
                             상담 예약
                         </button>
-                        <button class="bg-white hover:bg-gray-50 text-primary border border-primary px-6 py-3 rounded-md text-base font-medium transition duration-150 ease-in-out">
-                            데모 보기
-</button>
                     </div>
                 </div>
                 <div class="hidden md:block md:w-1/2">
@@ -124,7 +148,7 @@
 </div>
 </div>
                             <button class="mt-6 w-full bg-primary hover:bg-blue-600 text-white py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out">
-                                데모 통화 시작
+                                데모 영상
 </button>
                         </div>
                     </div>
@@ -141,82 +165,95 @@
                 <span class="text-primary">성능</span>과 <span class="text-secondary">진정성</span>을 위해 설계되었습니다
 </p>
         </div>
-        
-        <div class="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
-            <!-- Feature 1 -->
-            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
+        <div class="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3 hovered-element">
+            <!-- 베테랑 상담원 카드 -->
+            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out hovered-element">
                 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary bg-opacity-10 text-primary">
                     <i data-feather="award"></i>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">베테랑 에이전트 음성</h3>
-                <p class="mt-2 text-gray-600">
-                    실제 10년 경력 베테랑 에이전트 기반의 신뢰할 수 있는 음성 모델로, 자연스러운 음조 변화와 인간 같은 반응 속도(300ms)를 제공합니다.
-</p>
+                <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">10년차 베테랑 상담원</h3>
+                <p class="mt-2 text-gray-600 hovered-element">
+                    - 신뢰감 있는 10년 이상 베테랑 상담원 음성 모델<br>
+                    - 자연스러운 높낮이 목소리 제공<br>
+                    - 0.3초 초고속 반응 (97% 구별 불가)
+                </p>
             </div>
-            <!-- Feature 2 -->
-            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
+
+            <!-- 고객 설득 카드 -->
+            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out hovered-element">
                 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-secondary bg-opacity-10 text-secondary">
-                    <i data-feather="trending-up"></i>
+                    <i data-feather="message-circle"></i>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">데이터 기반 전환</h3>
-                <p class="mt-2 text-gray-600">
-                    최적의 응답 시간을 분석하고, 통화 스크립트를 최적화하며, 피크 시간대에 100+ 동시 통화를 처리하여 최대의 접근성을 제공합니다.
-</p>
+                <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">고객 설득 기술</h3>
+                <p class="mt-2 text-gray-600 hovered-element">
+                    - 효과적인 후킹 멘트와 포인트 강조<br>
+                    - 공감과 불만 처리를 통한 설득<br>
+                    - 적극적인 의사소통 전략
+                </p>
             </div>
-<!-- Feature 3 -->
-            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
+
+            <!-- 전환 최적화 카드 -->
+            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out hovered-element">
                 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary bg-opacity-10 text-primary">
-                    <i data-feather="layers"></i>
+                    <i data-feather="refresh-cw"></i>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">다국어 지원</h3>
-                <p class="mt-2 text-gray-600">
-                    20개 이상의 언어와 방언을 완벽한 발음과 문화적 뉘앙스로 원활하게 전환합니다.
-</p>
+                <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">고객 전환 시스템</h3>
+                <p class="mt-2 text-gray-600 hovered-element">
+                    - 관심 고객 여부 자동 판단<br> 
+                    - 방문 일정 자동 조율<br>
+                    - 리마인드 문자 발송
+                </p>
             </div>
-            
-            <!-- Feature 4 -->
-            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
+
+            <!-- 병렬 통화 카드 -->
+            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out hovered-element">
                 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-secondary bg-opacity-10 text-secondary">
-                    <i data-feather="bar-chart-2"></i>
+                    <i data-feather="phone-call"></i>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">실시간 분석</h3>
-                <p class="mt-2 text-gray-600">
-                    대시보드를 통해 통화 성과, 감정 분석, 전환 지표에 대한 즉각적인 통찰력을 얻으세요.
-</p>
+                <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">고도화된 통화 시스템</h3>
+                <p class="mt-2 text-gray-600 hovered-element">
+                    - 100+ 동시 통화 처리<br>
+                    - 응답률 높은 시간대 집중 호출<br>
+                    - 부재중 반복 전화 설정 가능
+                </p>
             </div>
-            
-            <!-- Feature 5 -->
-            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
+
+            <!-- 데이터 기록 카드 -->
+            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out hovered-element">
                 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-primary bg-opacity-10 text-primary">
-                    <i data-feather="shield"></i>
+                    <i data-feather="database"></i>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">엔터프라이즈 보안</h3>
-                <p class="mt-2 text-gray-600">
-                    군사급 암호화 및 GDPR과 HIPAA를 포함한 모든 주요 규정 준수.
-</p>
+                <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">통화 데이터 기록</h3>
+                <p class="mt-2 text-gray-600 hovered-element">
+                    - 통화 여부 & 일시 기록<br>
+                    - 통화 텍스트 & ���음본 저장<br>
+                    - 고객 관심도 & 일정 추적
+                </p>
             </div>
-            <!-- Feature 6 -->
-            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
+
+            <!-- 데이터 분석 카드 -->
+            <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out hovered-element">
                 <div class="flex items-center justify-center h-12 w-12 rounded-md bg-secondary bg-opacity-10 text-secondary">
-                    <i data-feather="calendar"></i>
+                    <i data-feather="bar-chart-2"></i>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">자동화된 후속 조치</h3>
-                <p class="mt-2 text-gray-600">
-                    적격 리드를 식별하고, 방문/상담을 예약하며, 알림 문자를 발송합니다. 모든 것이 AI에 의해 자동으로 처리됩니다.
-</p>
+                <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">데이터 기반 최적화</h3>
+                <p class="mt-2 text-gray-600 hovered-element">
+                    - 응답률/전환율 시간대 분석<br>
+                    - 효과적인 멘트 패턴 식별<br>
+                    - AI 모델 자동 개선
+                </p>
             </div>
 </div>
     </div>
-
-    <!-- How It Works -->
-    <div id="how-it-works" class="bg-gray-50">
+    <!-- 전환 프로세스 -->
+<div id="how-it-works" class="bg-gray-50">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
             <div class="text-center">
-                <h2 class="text-3xl font-bold text-gray-900">Salescall AI 작동 방식</h2>
+                <h2 class="text-3xl font-bold text-gray-900">AI 전환 프로세스</h2>
                 <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
-                    단 3가지 간단한 단계로 아웃바운드 콜을 변환하세요
+                    베테랑 상담원처럼 고객을 설득하는 3단계
 </p>
-            </div>
+</div>
             
             <div class="mt-16">
                 <div class="relative">
@@ -228,12 +265,11 @@
                         <div class="md:w-1/2 md:pr-12">
                             <div class="flex items-center">
                                 <div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">1</div>
-                                <h3 class="ml-4 text-xl font-bold text-gray-900">베테랑 수준의 설득</h3>
-                            </div>
+                                <h3 class="ml-4 text-xl font-bold text-gray-900">베테랑 상담원처럼 설득</h3>
+</div>
                             <p class="mt-4 text-gray-600">
-                                당사 AI는 최고의 에이전트로부터 검증된 기술을 사용합니다: 관심 유발 문구, 핵심 포인트 강조,
-                                불만 처리 등. 자연스럽게 공감하며 초고속 인간 같은 반응(300ms vs 업계 표준 1.2s)으로 
-                                고객을 적극적으로 설득합니다.
+                                10년차 베테랑 상담원의 설득 기술 구현: 효과적인 관심 유발, 핵심 포인트 강조, 
+                                불만 처리 기술. 자연스러운 공감과 초고속 반응(0.3초)으로 고객을 적극 설득합니다.
 </p>
                         </div>
 <div class="mt-8 md:mt-0 md:w-1/2">
@@ -243,8 +279,8 @@
                                         <i data-feather="upload" class="text-primary"></i>
                                     </div>
                                     <div>
-                                    <h4 class="font-medium text-gray-900">지원 형식</h4>
-                                    <p class="text-sm text-gray-500">CSV, 엑셀, Salesforce, HubSpot, Zoho</p>
+                                <h4 class="font-medium text-gray-900">설득 요소</h4>
+                                <p class="text-sm text-gray-500">후킹 멘트, 공감 표현, 반박 기술</p>
 </div>
                                 </div>
                             </div>
@@ -256,10 +292,10 @@
                         <div class="md:w-1/2 md:pl-12">
                             <div class="flex items-center">
                                 <div class="flex items-center justify-center h-12 w-12 rounded-full bg-secondary text-white font-bold text-lg">2</div>
-                                <h3 class="ml-4 text-xl font-bold text-gray-900">대화 설계</h3>
-                            </div>
+                                <h3 class="ml-4 text-xl font-bold text-gray-900">데이터 기반 최적화</h3>
+</div>
                             <p class="mt-4 text-gray-600">
-                                직관적인 플로우 빌더를 사용하여 응답에 따른 분기 로직이 있는 자연스러운 대화를 만드세요.
+                                응답률 높은 시간대 분석, 효과적인 멘트 패턴 식별을 통해 전환율을 지속적으로 향상시킵니다.
 </p>
                         </div>
                         <div class="mt-8 md:mt-0 md:w-1/2">
@@ -269,8 +305,8 @@
                                         <i data-feather="message-square" class="text-secondary"></i>
                                     </div>
                                     <div>
-                                    <h4 class="font-medium text-gray-900">대화 도구</h4>
-                                    <p class="text-sm text-gray-500">시각적 빌더, 사전 제작 템플릿, 음성 테스트</p>
+                                    <h4 class="font-medium text-gray-900">분석 요소</h4>
+                                    <p class="text-sm text-gray-500">응답률, 전환율, 감정 분석, 통화 패턴</p>
 </div>
                                 </div>
                             </div>
@@ -282,10 +318,10 @@
                         <div class="md:w-1/2 md:pr-12">
                             <div class="flex items-center">
                                 <div class="flex items-center justify-center h-12 w-12 rounded-full bg-primary text-white font-bold text-lg">3</div>
-                                <h3 class="ml-4 text-xl font-bold text-gray-900">시작 및 분석</h3>
-                            </div>
+                                <h3 class="ml-4 text-xl font-bold text-gray-900">자동 전환 시스템</h3>
+</div>
                             <p class="mt-4 text-gray-600">
-                                한 번의 클릭으로 캠페인을 시작하고 포괄적인 분석 대시보드로 실시간 성과를 모니터링하세요.
+                                관심 고객 식별, 방문 일정 조율, 리마인드 발송까지 자동으로 처리하는 종합 전환 시스템.
 </p>
                         </div>
                         <div class="mt-8 md:mt-0 md:w-1/2">
@@ -295,8 +331,8 @@
                                         <i data-feather="activity" class="text-primary"></i>
                                     </div>
                                     <div>
-                                    <h4 class="font-medium text-gray-900">주요 지표</h4>
-                                    <p class="text-sm text-gray-500">응답률, 전환율, 감정 분석, 통화 지속 시간</p>
+                                    <h4 class="font-medium text-gray-900">전환 기능</h4>
+                                    <p class="text-sm text-gray-500">관심도 판단, 일정 조정, 리마인드 발송</p>
 </div>
                                 </div>
                             </div>