Manual changes saved

index.html

@@ -73,14 +73,9 @@
                         <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>
-                <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>
-                    <a href="#contact" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">문의하기</a>
 </div>
                 <div class="flex items-center">
-                    <button class="bg-primary hover:bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out">
+                    <button class="bg-primary hover:bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out" onclick="location.href='https://vo.la/4giyLEL'">
                         상담 예약
 </button>
                 </div>
@@ -94,14 +89,14 @@
             <div class="md:flex md:items-center md:justify-between">
                 <div class="md:w-1/2">
                     <h1 class="text-4xl md:text-4xl font-bold text-gray-900 leading-tight">
-                        <span class="text-primary">10년 경력의 베테랑 수준의</span><br>
-                        전문 영업 사원처럼 영업하는 AI
+                        <span class="text-primary">10년차 베테랑 수준으로</span><br>
+                        고객과 전화하는 AI
 </h1>
                     <p class="mt-4 text-lg text-gray-600 pr-10">
-                        첫날부터 10년차 베테랑처럼, 고객을 설득하는 <span class="text-primary">세일즈콜 AI</span>를 통해 반복되는 고비용의 채용과 교육으로부터 벗어나보세요. 
+                        첫날부터 10년차 베테랑처럼 고객을 설득하는 <span class="text-primary font-bold">세일즈콜 AI</span>를 통해<br><span class="text-red-500 font-bold">반복되는 채용과 교육</span>으로부터 벗어나세요. 
                     </p>
 <div class="mt-8 flex flex-col sm:flex-row gap-4">
-                        <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 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" onclick="location.href='https://vo.la/4giyLEL'">
                             상담 예약
                         </button>
                     </div>
@@ -138,10 +133,10 @@
 </div>
 <div class="flex justify-between">
                                 <span class="text-sm text-gray-500">AI/인간 구별</span>
-                                <span class="text-sm font-medium text-secondary">97%의 인간 유사도</span>
+                                <span class="text-sm font-medium text-secondary">98%의 인간 유사도</span>
 </div>
                             <div class="h-2 bg-gray-200 rounded-full overflow-hidden">
-                                <div class="h-full bg-green-500 rounded-full" style="width: 97%"></div>
+                                <div class="h-full bg-green-500 rounded-full" style="width: 98%"></div>
                             </div>
 </div>
 </div>
@@ -158,10 +153,10 @@
 <!-- Features Section -->
     <div id="features" 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">인간과 가까운 음성을 통한 고객 설득, 전환</h2>
+            <h2 class="text-3xl font-bold text-gray-900">진짜 상담원 음성을 통한<br> 고객 설득과 전환</h2>
             <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
-                <span class="text-primary">고객 설득</span>과 <span class="text-secondary">전환</span>을 초점으로 설계되었습니다
-</p>
+                <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 hovered-element">
             <!-- 베테랑 상담원 카드 -->
@@ -171,10 +166,10 @@
                 </div>
                 <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">10년차 베테랑 AI 상담원</h3>
                 <p class="mt-2 text-gray-600 hovered-element">
-                    10년 이상 경력 상담원의 음성 모델로, 자연스러운 높낮이와 억양을 통해 실제 사람처럼 대화합니다.
+                    10년 이상 경력 상담원의 음성 모델로, <span class="font-bold">자연스러운 높낮이와 억양</span>을 통해 실제 사람처럼 대화합니다.
                 </p>
                 <p class="mt-2 text-gray-600 hovered-element">
-                    빠른 반응속도와 97% 이상 인간 음성과 구별이 어려운 수준의 음성을 통해 자연스러움을 제공합니다.
+                    빠른 반응속도와 <span class="font-bold">인간 음성과 98% 유사한 수준</span>의 음성을 통해 자연스러움을 제공합니다.
                 </p>
             </div>
 
@@ -185,10 +180,10 @@
                 </div>
                 <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">고객 설득 기술</h3>
                 <p class="mt-2 text-gray-600 hovered-element">
-                    효과적인 후킹 멘트와 핵심 포인트 강조를 통해 고객의 관심을 이끌어내고, 공감과 불만 처리로 신뢰를 형성합니다. 
+                    효과적인 후킹 멘트와 핵심 포인트 강조를 통해 고객의 관심을 이끌어내고, <span class="font-bold">공감과 재설득</span>으로 전환을 이루어 냅니다. 
                 </p>
                 <p class="mt-2 text-gray-600 hovered-element">
-                    또한 성공한 케이스를 이용한 재학습을 통해 고객 전환율을 높힙니다. 
+                    또한 <span class="font-bold">성공한 케이스를 이용한 재학습</span>을 통해 고객 전환율을 높힙니다. 
                 </p>
             </div>
 
@@ -199,7 +194,7 @@
                 </div>
                 <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">고객 전환 시스템</h3>
                 <p class="mt-2 text-gray-600 hovered-element">
-                    관심 고객 여부를 자동으로 판단해 상담 효율을 높이고, 방문 일정을 자동으로 조율하여 고객 응답률과 전환율을 극대화합니다.
+                    관심 고객 여부를 자동으로 판단해 상담 효율을 높이고, <span class="font-bold">2차 상담 일정을 자동으로 조율</span>하여 고객 응답률과 전환율을 극대화합니다.
                 </p>
             </div>
 
@@ -210,7 +205,7 @@
                 </div>
                 <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">고도화된 통화 시스템</h3>
                 <p class="mt-2 text-gray-600 hovered-element">
-                    100건 이상과의 동시 통화를 안정적으로 처리하며, 응답률이 높은 시간대에 집중적으로 전화를 걸어 효율을 극대화합니다. 
+                    <span class="font-bold">100건 이상과의 동시 통화를 안정적으로 처리</span>하며, <span class="font-bold">가장 응답률이 높은 시간대에 집중적으로 전화</span>를 걸어 효율을 극대화합니다. 
                 </p>
             </div>
 
@@ -221,7 +216,7 @@
                 </div>
                 <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">통화 데이터 기록</h3>
                 <p class="mt-2 text-gray-600 hovered-element">
-                    모든 통화의 여부와 일시를 정확히 기록하고, 통화 내용은 텍스트와 녹음본 형태로 안전하게 저장합니다. 
+                    모든 통화 수신 여부와 통화 내용을 저장하며 통화 내용을 통해 <span class="font-bold">고객의 반응과 도달 여부를 분석·제공</span> 합니다. 
                 </p>
             </div>
 
@@ -232,65 +227,9 @@
                 </div>
                 <h3 class="mt-4 text-lg font-medium text-gray-900 hovered-element">데이터 기반 최적화</h3>
                 <p class="mt-2 text-gray-600 hovered-element">
-                    응답률과 전환율이 높은 시간대를 분석해 최적의 상담 타이밍을 찾아내고, 효과적인 멘트 패턴을 식별하여 자동으로 학습·개선되어 지속적으로 성과를 향상시킵니다.
+                    응답률과 전환율이 높은 시간대를 분석해 <span class="font-bold">최적의 상담 타이밍</span>을 찾아내고, 효과적인 멘트 패턴을 식별하여 <span class="font-bold">자동으로 학습·개선되어 지속적으로 성과</span>를 향상시킵니다.
                 </p>
             </div>
-</div>
-    </div>
-    <!-- 전환 프로세스 -->
-<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">AI 전환 프로세스</h2>
-                <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
-                    베테랑 상담원처럼 고객을 설득하는 3단계
-</p>
-</div>
-            
-            <div class="mt-16">
-                <div class="relative">
-                    
-                    <!-- Step 1 -->
-                <div class="relative mb-16 md:flex md:items-center">
-                        <div class="md:items-center">
-                            <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>
-                            <p class="mt-4 text-gray-600">
-                                효과적인 관심 유발, 핵심 포인트 강조, 
-                                불만 처리 기술. 자연스러운 공감과 초고속 반응(0.3초)으로 고객을 적극 설득합니다.
-</p>
-                        </div>
-                    </div>
-                    
-                    <!-- Step 2 -->
-                    <div class="relative mb-16 md:flex md:items-center">
-                        <div class="md:items-center">
-                            <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>
-                            <p class="mt-4 text-gray-600">
-                                응답률 높은 시간대 분석, 효과적인 멘트 패턴 식별을 통해 전환율을 지속적으로 향상시킵니다.
-</p>
-                        </div>
-                    </div>
-                    
-                    <!-- Step 3 -->
-                    <div class="relative md:flex md:items-center">
-                        <div class="md:items-center">
-                            <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>
-                            <p class="mt-4 text-gray-600">
-                                관심 고객 식별, 방문 일정 조율, 리마인드 발송까지 자동으로 처리하는 종합 전환 시스템.
-</p>
-                        </div>
-                    </div>
-                </div>
-            </div>
         </div>
     </div>
 
@@ -307,8 +246,7 @@
                     </button>
                     <div class="accordion-content hidden px-6 pb-6 pt-0">
                         <p class="text-gray-600">
-                            기존 사용 중이던 대표번호, 혹은 070 인터넷 전화번호로 AI가 전화를 걸 수 있습니다.<br>
-                            전화 발신의 경우 특정 문구를 수신자에게 보여주는 옵션(레터링)을 추가해 신뢰도를 높일 수 있습니다.
+                            기존 사용 중이던 대표번호, 혹은 070 인터넷 전화번호로 AI가 전화를 걸 수 있습니다. 전화 발신의 경우 특정 문구를 수신자에게 보여주는 옵션(레터링)을 추가해 신뢰도를 높일 수 있습니다.
                         </p>
                     </div>
                 </div>
@@ -334,8 +272,7 @@
                     </button>
                     <div class="accordion-content hidden px-6 pb-6 pt-0">
                         <p class="text-gray-600">
-                            통화 스크립트, 통화 녹음 파일은 기본적으로 세일즈콜 서버에 저장됩니다.<br>
-                            데이터 저장을 원하지 않을 시, 통화가 종료되는 순간 고객사 서버로 데이터 전달 후 세일즈콜은 데이터를 폐기합니다.
+                            통화 스크립트, 통화 녹음 파일은 기본적으로 세일즈콜 서버에 저장됩니다. 데이터 저장을 원하지 않을 시, 통화가 종료되는 순간 고객사 서버로 데이터 전달 후 세일즈콜은 데이터를 폐기합니다.
                         </p>
                     </div>
                 </div>
@@ -348,8 +285,7 @@
                     </button>
                     <div class="accordion-content hidden px-6 pb-6 pt-0">
                         <p class="text-gray-600">
-                            구현 단계별로 전문 컨설턴트가 배정되어 설계부터 운영까지 전담 지원합니다.<br>
-                            24시간 기술 지원 서비스를 제공하여 안정적인 서비스 운영을 보장합니다.
+                            구현 단계별로 전문 컨설턴트가 배정되어 설계부터 운영까지 전담 지원합니다. 24시간 기술 지원 서비스를 제공하여 안정적인 서비스 운영을 보장합니다.
                         </p>
                     </div>
                 </div>
@@ -375,8 +311,7 @@
                     </button>
                     <div class="accordion-content hidden px-6 pb-6 pt-0">
                         <p class="text-gray-600">
-                            인력 운영 대비 최대 80% 비용 절감이 가능합니다.<br>
-                            월 5,000 통화 기준으로 기존 500만원에서 150만원으로 약 350만원의 비용 절감 효과를 얻을 수 있습니다.
+                            인력 운영 대비 최대 80% 비용 절감이 가능합니다. 월 5,000 통화 기준으로 기존 500만원에서 150만원으로 약 350만원의 비용 절감 효과를 얻을 수 있습니다.
                         </p>
                     </div>
                 </div>
@@ -402,8 +337,7 @@
                     </button>
                     <div class="accordion-content hidden px-6 pb-6 pt-0">
                         <p class="text-gray-600">
-                            API, ERP, CRM 등 내부 시스템과의 원활한 통합을 지원합니다.<br>
-                            기존 시스템 연동이 필요한 경우 별도 협의를 통해 맞춤형 일정을 수립할 수 있습니다.
+                            API, ERP, CRM 등 내부 시스템과의 원활한 통합을 지원합니다. 기존 시스템 연동이 필요한 경우 별도 협의를 통해 맞춤형 일정을 수립할 수 있습니다.
                         </p>
                     </div>
                 </div>
@@ -416,9 +350,9 @@
     <!-- CTA Section -->
     <div class="bg-primary">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 text-center">
-            <h2 class="text-3xl font-bold text-white">아웃바운드 콜을 변화시킬 준비가 되셨나요?</h2>
+            <h2 class="text-3xl font-bold text-white">AI임을 눈치채지 못한 이유, 직접 확인해보세요.</h2>
             <div class="mt-8">
-                <button class="bg-white hover:bg-gray-100 text-primary px-8 py-3 rounded-md text-base font-medium transition duration-150 ease-in-out shadow-lg">
+                <button class="bg-white hover:bg-gray-100 text-primary px-8 py-3 rounded-md text-base font-medium transition duration-150 ease-in-out shadow-lg" onclick="location.href='https://vo.la/4giyLEL'">
                     상담 예약
 </button>
             </div>
@@ -429,7 +363,7 @@
     <footer class="bg-gray-900 text-white">
 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
             <div class="mt-12 pt-8 border-t border-gray-800 text-center text-gray-400 text-sm">
-                <p>© 2025 Salescall. 모든 권리 보유.</p>
+                <p>Copyright © 2025 Salescall. All Rights Reserved.</p>
 </div>
         </div>
     </footer>