Spaces:

kms7530
/

undefined

Running

App Files Files Community

kms7530 commited on Oct 16, 2025

Commit

164a32a

verified ·

1 Parent(s): 9ee17b7

Change everything except the service name “Salescall” to Korean.

Browse files

Files changed (1) hide show

index.html +89 -88

index.html CHANGED Viewed

@@ -3,8 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>CallGenius AI - Human-Like Voice Outbound Calls</title>
-    <script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script>
@@ -41,18 +41,18 @@
                     <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>
                 <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">Features</a>
-                    <a href="#how-it-works" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">How It Works</a>
-                    <a href="#pricing" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Pricing</a>
-                    <a href="#contact" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Contact</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">
-                        Get Started
-                    </button>
                 </div>
             </div>
         </div>
@@ -64,21 +64,21 @@
             <div class="md:flex md:items-center md:justify-between">
                 <div class="md:w-1/2">
                     <h1 class="text-4xl md:text-5xl font-bold text-gray-900 leading-tight">
-                        AI That Converts Like a <br>
-                        <span class="text-primary">10-Year Veteran Agent</span>
-                    </h1>
                     <p class="mt-4 text-lg text-gray-600">
-                            Our AI replicates the persuasive techniques of top-performing sales agents with
-                            natural pitch variation and lightning-fast human reaction speed (300ms vs industry average 1.2s) -
-                            97% of test subjects couldn't tell it was 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">
-                            Start Free Trial
                         </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">
-                            See Demo
-                        </button>
                     </div>
                 </div>
                 <div class="hidden md:block md:w-1/2">
@@ -91,41 +91,42 @@
                                     <i data-feather="phone" class="text-primary"></i>
                                 </div>
                                 <div>
-                                    <h3 class="font-medium text-gray-900">Live Call Demo</h3>
-                                    <p class="text-sm text-gray-500">Speak with our AI now</p>
-                                </div>
                             </div>
                             <div class="mt-6 space-y-4">
                             <div class="flex justify-between">
-                                <span class="text-sm text-gray-500">Response Speed</span>
-                                <span class="text-sm font-medium text-primary">0.3s (vs 1.2s avg)</span>
-                            </div>
                             <div class="h-2 bg-gray-200 rounded-full overflow-hidden">
                                 <div class="relative h-full">
-                                    <div class="absolute h-full bg-red-500 rounded-full" style="width: 100%"></div>
-                                    <div class="absolute h-full bg-green-500 rounded-full" style="left: 75%; width: 25%"></div>
 </div>
                             </div>
                             <div class="flex justify-between text-xs text-gray-500">
-                                <span>Competitors: 1.2s</span>
-                                <span class="text-primary font-medium">CallGenius: 0.3s</span>
-                            </div>
 <div class="flex justify-between">
-                                <span class="text-sm text-gray-500">Persuasion Score</span>
-                                <span class="text-sm font-medium text-secondary">97% effective</span>
-                            </div>
                             <div class="h-2 bg-gray-200 rounded-full overflow-hidden">
                                 <div class="h-full bg-secondary rounded-full" style="width: 97%"></div>
                             </div>
                             <div class="flex justify-between mt-4">
-                                <span class="text-sm text-gray-500">Max Concurrent Calls</span>
-                                <span class="text-sm font-medium text-primary">100+ lines</span>
-                            </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">
-                                Start Demo Call
-                            </button>
                         </div>
                     </div>
                 </div>
@@ -136,10 +137,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">Superior Voice Technology</h2>
             <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
-                Engineered for <span class="text-primary">performance</span> and <span class="text-secondary">authenticity</span>
-            </p>
         </div>
         <div class="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
@@ -148,30 +149,30 @@
                 <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">Veteran Agent Voice</h3>
                 <p class="mt-2 text-gray-600">
-                    Trustworthy voice model based on actual 10-year veteran agents with natural pitch variation and human reaction speed (300ms).
-                </p>
             </div>
             <!-- Feature 2 -->
             <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
                 <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>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">Data-Driven Conversion</h3>
                 <p class="mt-2 text-gray-600">
-                    Analyzes peak response times, optimizes call scripts, and handles 100+ simultaneous calls during peak hours for maximum outreach.
-                </p>
             </div>
 <!-- Feature 3 -->
             <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
                 <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>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">Multi-Language Support</h3>
                 <p class="mt-2 text-gray-600">
-                    Seamlessly switch between 20+ languages and dialects with perfect pronunciation and cultural nuance.
-                </p>
             </div>
             <!-- Feature 4 -->
@@ -179,10 +180,10 @@
                 <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>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">Real-Time Analytics</h3>
                 <p class="mt-2 text-gray-600">
-                    Get instant insights into call performance, sentiment analysis, and conversion metrics with our dashboard.
-                </p>
             </div>
             <!-- Feature 5 -->
@@ -190,20 +191,20 @@
                 <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>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">Enterprise Security</h3>
                 <p class="mt-2 text-gray-600">
-                    Military-grade encryption and compliance with all major regulations including GDPR and HIPAA.
-                </p>
             </div>
             <!-- Feature 6 -->
             <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
                 <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>
                 </div>
-                <h3 class="mt-4 text-lg font-medium text-gray-900">Automated Follow-ups</h3>
                 <p class="mt-2 text-gray-600">
-                    Identifies qualified leads, schedules visits/consultations, and sends reminder texts - all handled automatically by AI.
-                </p>
             </div>
 </div>
     </div>
@@ -212,10 +213,10 @@
     <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">How CallGenius AI Works</h2>
                 <p class="mt-4 max-w-2xl text-xl text-gray-600 mx-auto">
-                    Transform your outbound calls in just 3 simple steps
-                </p>
             </div>
             <div class="mt-16">
@@ -228,12 +229,12 @@
                         <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">Veteran-Level Persuasion</h3>
                             </div>
                             <p class="mt-4 text-gray-600">
-                                Our AI uses proven techniques from top agents: hooking phrases, key point emphasis,
-                                and complaint handling. It empathizes naturally and proactively persuades customers
-                                with ultra-fast human-like responses (300ms vs industry standard 1.2s).
 </p>
                         </div>
 <div class="mt-8 md:mt-0 md:w-1/2">
@@ -243,9 +244,9 @@
                                         <i data-feather="upload" class="text-primary"></i>
                                     </div>
                                     <div>
-                                        <h4 class="font-medium text-gray-900">Supported Formats</h4>
-                                        <p class="text-sm text-gray-500">CSV, Excel, Salesforce, HubSpot, Zoho</p>
-                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -256,11 +257,11 @@
                         <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">Design Your Conversation</h3>
                             </div>
                             <p class="mt-4 text-gray-600">
-                                Use our intuitive flow builder to create natural-sounding dialogues with branching logic based on responses.
-                            </p>
                         </div>
                         <div class="mt-8 md:mt-0 md:w-1/2">
                             <div class="bg-white p-6 rounded-xl shadow-md">
@@ -269,9 +270,9 @@
                                         <i data-feather="message-square" class="text-secondary"></i>
                                     </div>
                                     <div>
-                                        <h4 class="font-medium text-gray-900">Conversation Tools</h4>
-                                        <p class="text-sm text-gray-500">Visual builder, pre-made templates, voice testing</p>
-                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -282,11 +283,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">3</div>
-                                <h3 class="ml-4 text-xl font-bold text-gray-900">Launch & Analyze</h3>
                             </div>
                             <p class="mt-4 text-gray-600">
-                                Start your campaign with one click and monitor real-time performance with our comprehensive analytics dashboard.
-                            </p>
                         </div>
                         <div class="mt-8 md:mt-0 md:w-1/2">
                             <div class="bg-white p-6 rounded-xl shadow-md">
@@ -295,9 +296,9 @@
                                         <i data-feather="activity" class="text-primary"></i>
                                     </div>
                                     <div>
-                                        <h4 class="font-medium text-gray-900">Key Metrics</h4>
-                                        <p class="text-sm text-gray-500">Answer rate, conversion, sentiment, call duration</p>
-                                    </div>
                                 </div>
                             </div>
                         </div>
@@ -310,14 +311,14 @@
     <!-- 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">Ready to Transform Your Outbound Calls?</h2>
             <p class="mt-4 max-w-2xl text-xl text-blue-100 mx-auto">
-                Start your free 14-day trial. No credit card required.
-            </p>
             <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">
-                    Get Started Now
-                </button>
             </div>
         </div>
     </div>
@@ -326,8 +327,8 @@
     <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. All rights reserved.</p>
-            </div>
         </div>
     </footer>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Salescall - AI 기반 인간 같은 아웃바운드 콜 서비스</title>
+<script src="https://cdn.tailwindcss.com"></script>
     <script src="https://unpkg.com/feather-icons"></script>
     <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
     <script>
                     <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>
                 <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="#pricing" 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>
                 </div>
             </div>
         </div>
             <div class="md:flex md:items-center md:justify-between">
                 <div class="md:w-1/2">
                     <h1 class="text-4xl md:text-5xl font-bold text-gray-900 leading-tight">
+                        전문 영업 사원처럼 전환하는 AI<br>
+                        <span class="text-primary">10년 경력의 베테랑 에이전트 수준</span>
+</h1>
                     <p class="mt-4 text-lg text-gray-600">
+                            당사의 AI는 최고의 영업 사원의 설득 기술을 재현하며,
+                            자연스러운 음조 변화와 번개 같은 반응 속도(300ms vs 업계 평균 1.2s)를 자랑합니다.
+                            테스트 대상자의 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>
                         <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">
                                     <i data-feather="phone" class="text-primary"></i>
                                 </div>
                                 <div>
+                                <h3 class="font-medium text-gray-900">실시간 통화 데모</h3>
+                                <p class="text-sm text-gray-500">지금 AI와 대화해보세요</p>
+</div>
                             </div>
                             <div class="mt-6 space-y-4">
                             <div class="flex justify-between">
+                                <span class="text-sm text-gray-500">응답 속도</span>
+                                <span class="text-sm font-medium text-primary">0.3초 (평균 1.2초 대비)</span>
+</div>
                             <div class="h-2 bg-gray-200 rounded-full overflow-hidden">
                                 <div class="relative h-full">
+                                    <div class="absolute h-full bg-red-200 rounded-full" style="width: 100%"></div>
+                                    <div class="absolute h-full bg-green-500 rounded-full" style="left: 0%; width: 25%">
+                                </div>
 </div>
                             </div>
                             <div class="flex justify-between text-xs text-gray-500">
+                                <span>경쟁사: 1.2초</span>
+                                <span class="text-primary font-medium">Salescall: 0.3초</span>
+</div>
 <div class="flex justify-between">
+                                <span class="text-sm text-gray-500">설득 점수</span>
+                                <span class="text-sm font-medium text-secondary">97% 효과성</span>
+</div>
                             <div class="h-2 bg-gray-200 rounded-full overflow-hidden">
                                 <div class="h-full bg-secondary rounded-full" style="width: 97%"></div>
                             </div>
                             <div class="flex justify-between mt-4">
+                                <span class="text-sm text-gray-500">최대 동시 통화</span>
+                                <span class="text-sm font-medium text-primary">100+ 라인</span>
+</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>
                 </div>
     <!-- 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>
             <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>
         </div>
         <div class="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
                 <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>
             </div>
             <!-- Feature 2 -->
             <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
                 <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>
                 </div>
+                <h3 class="mt-4 text-lg font-medium text-gray-900">데이터 기반 전환</h3>
                 <p class="mt-2 text-gray-600">
+                    최적의 응답 시간을 분석하고, 통화 스크립트를 최적화하며, 피크 시간대에 100+ 동시 통화를 처리하여 최대의 접근성을 제공합니다.
+</p>
             </div>
 <!-- Feature 3 -->
             <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
                 <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>
                 </div>
+                <h3 class="mt-4 text-lg font-medium text-gray-900">다국어 지원</h3>
                 <p class="mt-2 text-gray-600">
+                    20개 이상의 언어와 방언을 완벽한 발음과 문화적 뉘앙스로 원활하게 전환합니다.
+</p>
             </div>
             <!-- Feature 4 -->
                 <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>
                 </div>
+                <h3 class="mt-4 text-lg font-medium text-gray-900">실시간 분석</h3>
                 <p class="mt-2 text-gray-600">
+                    대시보드를 통해 통화 성과, 감정 분석, 전환 지표에 대한 즉각적인 통찰력을 얻으세요.
+</p>
             </div>
             <!-- Feature 5 -->
                 <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>
                 </div>
+                <h3 class="mt-4 text-lg font-medium text-gray-900">엔터프라이즈 보안</h3>
                 <p class="mt-2 text-gray-600">
+                    군사급 암호화 및 GDPR과 HIPAA를 포함한 모든 주요 규정 준수.
+</p>
             </div>
             <!-- Feature 6 -->
             <div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300 ease-in-out">
                 <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>
                 </div>
+                <h3 class="mt-4 text-lg font-medium text-gray-900">자동화된 후속 조치</h3>
                 <p class="mt-2 text-gray-600">
+                    적격 리드를 식별하고, 방문/상담을 예약하며, 알림 문자를 발송합니다. 모든 것이 AI에 의해 자동으로 처리됩니다.
+</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">Salescall 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="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>
                             <p class="mt-4 text-gray-600">
+                                당사 AI는 최고의 에이전트로부터 검증된 기술을 사용합니다: 관심 유발 문구, 핵심 포인트 강조,
+                                불만 처리 등. 자연스럽게 공감하며 초고속 인간 같은 반응(300ms vs 업계 표준 1.2s)으로
+                                고객을 적극적으로 설득합니다.
 </p>
                         </div>
 <div class="mt-8 md:mt-0 md:w-1/2">
                                         <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>
+</div>
                                 </div>
                             </div>
                         </div>
                         <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>
                             <p class="mt-4 text-gray-600">
+                                직관적인 플로우 빌더를 사용하여 응답에 따른 분기 로직이 있는 자연스러운 대화를 만드세요.
+</p>
                         </div>
                         <div class="mt-8 md:mt-0 md:w-1/2">
                             <div class="bg-white p-6 rounded-xl shadow-md">
                                         <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>
+</div>
                                 </div>
                             </div>
                         </div>
                         <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>
                             <p class="mt-4 text-gray-600">
+                                한 번의 클릭으로 캠페인을 시작하고 포괄적인 분석 대시보드로 실시간 성과를 모니터링하세요.
+</p>
                         </div>
                         <div class="mt-8 md:mt-0 md:w-1/2">
                             <div class="bg-white p-6 rounded-xl shadow-md">
                                         <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>
+</div>
                                 </div>
                             </div>
                         </div>
     <!-- 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>
             <p class="mt-4 max-w-2xl text-xl text-blue-100 mx-auto">
+                신용카드 없이 14일 무료 체험을 시작하세요.
+</p>
             <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>
             </div>
         </div>
     </div>
     <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>
+</div>
         </div>
     </footer>