Improved contents

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}

contextwizard_tokushoho.html

@@ -195,7 +195,7 @@
 							<div class="alert alert-info d-flex align-items-center" role="alert" style="margin-top: 24px;">
 								<i class="bx bx-calendar bx-sm me-2"></i>
 								<div>
-									<strong>最終更新日：</strong>2025年12月9日
+									<strong>最終更新日：</strong>2025年12月29日
 								</div>
 							</div>
 
@@ -210,11 +210,11 @@
 												<tbody>
 													<tr>
 														<th>販売業者</th>
-														<td>amiPro, LLC</td>
+														<td>ａｍｉＰｒｏ合同会社　(法 人 番 号 1 0 1 1 0 0 3 0 1 6 4 0 3)</td>
 													</tr>
 													<tr>
-														<th>運営統括責任者</th>
-														<td>石　李</td>
+													<th>運営責任者</th>
+														<td>杜　慶捷</td>
 													</tr>
 													<tr>
 														<th>所在地</th>
@@ -248,7 +248,7 @@
 													</tr>
 													<tr>
 														<th>販売価格</th>
-														<td><strong>500円（税込）</strong><br><small class="text-muted">※買い切り型のため、追加料金や月額費用は発生しません</small></td>
+													<td>500円（税込、買い切り型）</td>
 													</tr>
 													<tr>
 														<th>商品代金以外の必要料金</th>
@@ -270,18 +270,11 @@
 												<tbody>
 													<tr>
 														<th>支払方法</th>
-														<td>
-															クレジットカード<br>
-															<small class="text-muted">
-																<i class="bx bxl-visa" style="font-size: 1.5rem; vertical-align: middle;"></i>
-																<i class="bx bxl-mastercard" style="font-size: 1.5rem; vertical-align: middle;"></i>
-																Visa / Mastercard / JCB / American Express
-															</small>
-														</td>
+													<td>クレジットカード（Visa / Mastercard / JCB / American Express）</td>
 													</tr>
 													<tr>
 														<th>支払時期</th>
-														<td>購入手続き完了時に即時決済</td>
+													<td>購入時即時決済</td>
 													</tr>
 												</tbody>
 											</table>
@@ -299,11 +292,11 @@
 												<tbody>
 													<tr>
 														<th>引渡時期</th>
-														<td>決済完了後、即時ご利用いただけます<br><small class="text-muted">※拡張機能内でPro機能が自動的に有効化されます</small></td>
+													<td>決済完了後即時（拡張機能内でPro機能が自動有効化）</td>
 													</tr>
 													<tr>
 														<th>引渡方法</th>
-														<td>デジタルコンテンツのオンライン提供<br><small class="text-muted">※物理的な商品の配送はありません</small></td>
+													<td>オンラインによるデジタル提供（物理配送なし）</td>
 													</tr>
 												</tbody>
 											</table>
@@ -320,15 +313,8 @@
 											<table class="table table-bordered">
 												<tbody>
 													<tr>
-														<th>返品・返金</th>
-														<td>
-															デジタル商品の性質上、購入後の返品・返金はお受けできません。<br>
-															<small class="text-muted">
-																※ただし、技術的な問題により商品が正常に動作しない場合は、
-																サポート窓口（<a href="mailto:support@amipro.me">support@amipro.me</a>）までお問い合わせください。
-																個別に対応させていただきます。
-															</small>
-														</td>
+													<th>返品・キャンセル</th>
+													<td>本商品はデジタルコンテンツの性質上、原則として購入後の返品・キャンセル・返金はお受けできません。ただし、技術的な問題により正常に動作しない場合、サポート（<a href="mailto:support@amipro.me">support@amipro.me</a>）までお問い合わせください。個別に対応いたします。</td>
 													</tr>
 												</tbody>
 											</table>
@@ -345,12 +331,8 @@
 											<table class="table table-bordered">
 												<tbody>
 													<tr>
-														<th>対応ブラウザ</th>
-														<td>Google Chrome 最新版</td>
-													</tr>
-													<tr>
-														<th>対応OS</th>
-														<td>Windows / macOS / Linux<br><small class="text-muted">※Chrome拡張機能が動作する環境であればご利用いただけます</small></td>
+													<th>動作環境</th>
+													<td>Google Chrome最新版（Windows / macOS / Linux対応）</td>
 													</tr>
 												</tbody>
 											</table>

contextwizard_top.html

@@ -23,7 +23,7 @@
 			gtag('config', 'G-850DCHX9EJ');
 		</script>
 
-		<meta name="description" content="ContextWizard keeps every AI conversation searchable, private, and under your control" />
+		<meta name="description" content="The universal context indexer for your AI chats. Extract, search, and transfer knowledge across platforms." />
 
 		<!-- Favicon -->
 		<link rel="icon" type="image/x-icon" href="files/favicon.ico" />
@@ -236,7 +236,7 @@
 							<section class="hero reveal">
 								<div class="hero__text" data-animate>
 									<span class="hero__badge"><i class="bx bx-bot"></i> ContextWizard</span>
-									<h1 class="hero__title">Unleash the power of every AI platform — all in one place.</h1>
+									<h1 class="hero__title">The universal context indexer for your AI chats. Extract, search, and transfer knowledge across platforms.</h1>
 									<p class="hero__lead">
 										Harness each assistant's strengths, one-click backup or migrate every thread, and start immediately with zero configuration.
 									</p>
@@ -265,7 +265,7 @@
 										>
 											<i class="bx bx-download me-1"></i>Install from Edge store
 										</a>
-										<a href="https://www.youtube.com/watch?v=RKBZ2g4WjbU" class="btn btn-outline-primary" style="min-width: 200px;" target="_blank">
+										<a href="https://www.youtube.com/watch?v=UDKbb1h-NMA" class="btn btn-outline-primary" style="min-width: 200px;" target="_blank">
 											<i class="bx bx-play-circle me-1"></i>Watch Video
 										</a>
 									</div>
@@ -420,6 +420,33 @@
 									</div>
 								</div>
 							</section>
+
+							<section class="card mb-5 reveal" data-animate>
+								<div class="card-body">
+									<h3 class="card-title" style="margin-bottom: 1.5rem;">Frequently Asked Questions</h3>
+									
+									<div style="margin-bottom: 1.5rem;">
+										<h4 style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How to copy a long ChatGPT thread into Claude without formatting issues?</h4>
+										<p style="margin-bottom: 0;">
+											ContextWizard extracts only the core conversation text, making it perfect for context transfer.
+										</p>
+									</div>
+
+									<div style="margin-bottom: 1.5rem;">
+										<h4 style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">Best way to search through multiple AI platform histories at once?</h4>
+										<p style="margin-bottom: 0;">
+											Use a local indexer like ContextWizard that supports 10+ platforms including Grok and Perplexity.
+										</p>
+									</div>
+
+									<div style="margin-bottom: 0;">
+										<h4 style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How to build a local knowledge base from AI chats?</h4>
+										<p style="margin-bottom: 0;">
+											ContextWizard turns your browsing history into a clean, searchable text database.
+										</p>
+									</div>
+								</div>
+							</section>
 						</div>
 						<!-- / Content -->
 

fido2_top.html

@@ -155,7 +155,7 @@
       lang_map = new Map();
       lang_map.set("en-US", "amiPro's core is completely open source, thus providing complete verifiability and security.<br>Not only the FIDO2 server, but also the iOS/Android SDK for App development are completely open source.");
       lang_map.set("zh-CN", "amiPro的核心完全永久开源，从而提供完全的可验证性和安全性。<br>不仅FIDO2服务器，App开发用iOS/Android SDK也完全开源。");
-      lang_map.set("ja", "amiPro のコアは完全にオープンソースであり、完全な検証性とセキュリティを提供します。<br>FIDO2 サーバーだけでなく、アプリ開発用の iOS / Android SDK も完全にオープンソースです。");
+      lang_map.set("ja", "amiPro のコアは完全な検証性とセキュリティを提供します。<br>Web開発用JS SDKやアプリ開発用の iOS / Android SDK は完全にオープンソースです。");
       i18n_messages.set("info_open_src", lang_map);
 
       lang_map = new Map();
@@ -195,9 +195,9 @@
       i18n_messages.set("info_howmuch", lang_map);
 
       lang_map = new Map();
-      lang_map.set("en-US", "One month free trial<br>(After free registration of the management portal, all functions are free to try for one month)");
-      lang_map.set("zh-CN", "一个月免费试用<br>（免费注册管理门户后，所有功能免费试用一个月）");
-      lang_map.set("ja", "1ヶ月間の無料トライアル<br>（管理ポータルの無料登録後、すべての機能を1ヶ月間無料でお試しいただけます）");
+      lang_map.set("en-US", "Three month free trial<br>(After free registration of the management portal, all functions are free to try for three months)<br>No credit card required.");
+      lang_map.set("zh-CN", "三个月免费试用<br>（免费注册管理门户后，所有功能免费试用三个月）<br> 无需信用卡");
+      lang_map.set("ja", "3ヶ月間の無料トライアル<br>（管理ポータルの無料登録後、すべての機能を3ヶ月間無料でお試しいただけます）<br> クレジットカードは不要です。");
       i18n_messages.set("btn_portal", lang_map);
 
       lang_map = new Map();
@@ -252,8 +252,8 @@
       i18n_messages.set("hero_chip_1", lang_map);
 
       lang_map = new Map();
-      lang_map.set("en-US", "Open source server + SDK");
-      lang_map.set("ja", "オープンソースのサーバー＋SDK");
+      lang_map.set("en-US", "Core server + Open source SDK");
+      lang_map.set("ja", "コアサーバー＋オープンソースSDK");
       i18n_messages.set("hero_chip_2", lang_map);
 
       lang_map = new Map();
@@ -412,8 +412,7 @@
             <section class="hero reveal">
               <div class="hero__text" data-animate>
                 <span class="hero__eyebrow" id="hero_eyebrow">Passkey cloud platform</span>
-                <div class="ticker" style="margin: 1rem 0;">
-                  <span class="ticker__dot"></span>
+                <div class="ticker" style="margin: 1rem 0;">                  
                   <span id="top_msg">Top message</span>
                 </div>
                 <h1 class="hero__title" id="hero_title">FIDO2 journeys people want to finish</h1>
@@ -432,7 +431,7 @@
                     <span id="stat_label_1">FIDO certified</span>
                   </div>
                   <div class="stat-card">
-                    <strong>1 day</strong>
+                    <strong>30 minutes</strong>
                     <span id="stat_label_2">Fast onboarding</span>
                   </div>
                   <div class="stat-card">
@@ -494,7 +493,7 @@
                     <p class="card-text" id="info_amipro_fido">
                       amiPro FIDO
                     </p><br>
-                    <a href="files/FIDO-Conformance-Tools-v1.7.27.1.mp4" target="_blank" class="btn btn-primary" id="label_fido_video">FIDO Video</a>
+                    <a href="https://youtu.be/N23eTcWQE5w" target="_blank" class="btn btn-primary" id="label_fido_video">FIDO Video</a>
                   </div>
                 </div>
               </div>
@@ -506,7 +505,7 @@
                     <p class="card-text" id="info_open_src">
                       Open src
                     </p><br>
-                    <a href="https://github.com/dqj1998/fido2-node" target="_blank" class="btn btn-primary" id="label_open_src">Open src</a>
+                    <a href="https://github.com/dqj1998/dFido2Lib-ios" target="_blank" class="btn btn-primary" id="label_open_src">Open src</a>
                   </div>
                 </div>
               </div>

integration.html

@@ -75,7 +75,7 @@
       const i18n_messages = new Map();
       
       var lang_map = new Map();
-      lang_map.set("en-US", "amiPro - the easiest to integrate Passkeys cloud service");
+      lang_map.set("en-US", "amiPro - The easiest-to-integrate Passkey cloud service");
       lang_map.set("zh-CN", "amiPro - 最易集成的Passkey云服务");
       lang_map.set("ja", "amiPro - 最も簡単に統合できるパスキー・クラウド・サービス");
       i18n_messages.set("label_welcome", lang_map);
@@ -99,9 +99,9 @@
       i18n_messages.set("title_contact_cta", lang_map);
 
       lang_map = new Map();
-      lang_map.set("en-US", "One month free trial<br>(After free registration of the management portal, all functions are free to try for one month)");
-      lang_map.set("zh-CN", "一个月免费试用<br>（免费注册管理门户后，所有功能免费试用一个月）");
-      lang_map.set("ja", "1ヶ月間の無料トライアル<br>（管理ポータルの無料登録後、すべての機能を1ヶ月間無料でお試しいただけます）");
+      lang_map.set("en-US", "Three month free trial<br>(After free registration of the management portal, all functions are free to try for three months)<br>No credit card required.");
+      lang_map.set("zh-CN", "三个月免费试用<br>（免费注册管理门户后，所有功能免费试用三个月）<br> 无需信用卡");
+      lang_map.set("ja", "3ヶ月間の無料トライアル<br>（管理ポータルの無料登録後、すべての機能を3ヶ月間無料でお試しいただけます）<br> クレジットカードは不要です。");
       i18n_messages.set("btn_portal", lang_map);
 
       lang_map = new Map();
@@ -130,11 +130,11 @@
 
       lang_map = new Map();
       lang_map.set("en-US", "Use the amiPro JavaScript SDK to add passkey sign-in to your website's login page. <br>1. Download the amiPro SDK. <br><a href='https://sample.amipro.me/files/dfido2-lib.js' target='_blank'>dfido2-lib.js</a><br><a href='https://sample.amipro.me/files/amipro_utils.js' target='_blank'>amipro_utils.js</a><br>"+
-           "2. In the <head> section, import the SDK with script tags specifying src.<br>3. Refer to the window.onload code in the sample site's <head> and add passkey login to your website's login page.<br><a href='https://sample.amipro.me/login.html' target='_blank'>https://sample.amipro.me/login.html</a>");
+           "2. In the head section, import the SDK with script tags specifying src.<br>3. Refer to the window.onload code in the sample site's head and add passkey login to your website's login page.<br><a href='https://sample.amipro.me/login.html' target='_blank'>https://sample.amipro.me/login.html</a>");
       lang_map.set("zh-CN", "使用 amiPro JavaScript SDK 为网站登录页面集成 Passkey 登录。<br>1. 下载 amiPro SDK。<br><a href='https://sample.amipro.me/files/dfido2-lib.js' target='_blank'>dfido2-lib.js</a><br><a href='https://sample.amipro.me/files/amipro_utils.js' target='_blank'>amipro_utils.js</a><br>"+
-           "2. 在<head>部分使用带 src 的 script 标签引入 SDK。<br>3. 参考示例站点<head>中 window.onload 周边的代码，将 Passkey 登录集成到网站的登录页面。<br><a href='https://sample.amipro.me/login.html' target='_blank'>https://sample.amipro.me/login.html</a>");
+           "2. 在head部分使用带 src 的 script 标签引入 SDK。<br>3. 参考示例站点head中 window.onload 周边的代码，将 Passkey 登录集成到网站的登录页面。<br><a href='https://sample.amipro.me/login.html' target='_blank'>https://sample.amipro.me/login.html</a>");
       lang_map.set("ja", "amiPro JavaScript SDK を使用して、Web サイトのログインページにパスキー ログインを追加します。<br>1. amiPro SDK をダウンロードします。<br><a href='https://sample.amipro.me/files/dfido2-lib.js' target='_blank'>dfido2-lib.js</a><br><a href='https://sample.amipro.me/files/amipro_utils.js' target='_blank'>amipro_utils.js</a><br>"+
-          "2. <head> セクションで src を指定した script タグで SDK を読み込みます。<br>3. サンプルサイトの <head> にある window.onload 周辺のコードを参照し、ログインページにパスキーログインを追加してください。<br><a href='https://sample.amipro.me/login.html' target='_blank'>https://sample.amipro.me/login.html</a>");
+          "2. headセクションで src を指定した script タグで SDK を読み込みます。<br>3. サンプルサイトのheadにある window.onload 周辺のコードを参照し、ログインページにパスキーログインを追加してください。<br><a href='https://sample.amipro.me/login.html' target='_blank'>https://sample.amipro.me/login.html</a>");
       i18n_messages.set("info_top_step2", lang_map);
 
       lang_map = new Map();
@@ -158,7 +158,7 @@
       lang_map = new Map();
       lang_map.set("en-US", "There are two methods of session management:<br>Method 1. Use amiPro's validSession API to manage sessions. Refer to the setSessionStatus function in <a href='https://sample.amipro.me/devices.html' target='_blank'>https://sample.amipro.me/devices.html</a>. <br>Method 2: Use your website's original session management, just call amiPro's logoutFido2UserSession function in your website's original session timeout processing.");
       lang_map.set("zh-CN", "会话管理有两种方式：<br>方式1、使用amiPro的validSession API 管理会话。参考<a href='https://sample.amipro.me/devices.html' target='_blank'>https://sample.amipro.me/devices.html</a>中的setSessionStatus函数。<br>方式2、使用您的网站原有的会话管理，只需在您的网站原有的会话超时的处理中调用amiPro的logoutFido2UserSession函数。");
-      lang_map.set("ja", "セッション管理は2つ方法があります:<br>方法 1: amiPro の validSession API を使用してセッションを管理します。<a href='https://sample.amipro.me/devices.html' target='_blank'>https://sample.amipro.me/devices.html</a>にあるsetSessionStatus関数を参考してください。 <br>方法 2: Web サイトの既存のセッション管理を使用します。Web サイトの既存のセッションのタイムアウト処理中、 amiPro の logoutFido2UserSession 関数を呼び出すだけで管理出来ます。");
+      lang_map.set("ja", "セッション管理は2つ方法があります:<br>方法 1: amiPro の validSession API を使用してセッションを管理します。<a href='https://sample.amipro.me/devices.html' target='_blank'>https://sample.amipro.me/devices.html</a>にあるsetSessionStatus関数を参考してください。 <br>方法 2: Web サイトの既存のセッション管理を使用します。Web サイトの既存のセッションのタイムアウト処理の中に、 amiPro の logoutFido2UserSession 関数を呼び出すだけで管理出来ます。");
       i18n_messages.set("info_top_step4", lang_map);
 
       lang_map = new Map();
@@ -168,7 +168,7 @@
       i18n_messages.set("btn_step5", lang_map);
 
       lang_map = new Map();
-      lang_map.set("en-US", "Use your email address to register amiPro management portal for free:<br>1. Please use the PC and other devices you plan to manage amiPro and open the following link with your browser. <br><a href='https://portal.amipro.me/'>https://portal.amipro.me</a><br>2. In the management portal, enter your email address and click the [Create a new account or add a new device] link. <br>3. Use the same browser to open the link in the email you received and add the device<br>4. Click [Go to top page] and use the added device [Passkey Login].<br><img src='files/portal_reg_jp.jpg' width=50%>");
+      lang_map.set("en-US", "Use your email address to register amiPro management portal for free:<br>1. Please use the PC and other devices you plan to manage amiPro and open the following link with your browser. <br><a href='https://portal.amipro.me/'>https://portal.amipro.me</a><br>2. In the management portal, enter your email address and click the [Create Account/Add new device] link. <br>3. Use the same browser to open the link in the email you received and add the device<br>4. Click [Go to top page] and use the added device [Passkey Login].<br><img src='files/portal_reg_en.jpg' width=50%>");
       lang_map.set("zh-CN", "使用您的邮件地址免费注册amiPro管理门户: <br>1、请用您准备管理amiPro的PC等设备及其浏览器打开以下链接。<br><a href='https://portal.amipro.me/'>https://portal.amipro.me</a><br>2、在管理门户中，输入您的邮件地址并点击【创建新账号或添加新设备】链接。<br>3、使用相同的浏览器打开您收到的邮件中的链接并添加设备<br>4、点击【去首页】，使用添加的设备【Passkey登录】进入管理门户。<br><img src='files/portal_reg_jp.jpg' width=50%>");
       lang_map.set("ja", "電子メール アドレスを使用して、amiPro 管理ポータルに無料でサインアップします: <br>1. amiPro を管理する予定の PC およびその他のデバイスを使用し、ブラウザで次のリンクを開いてください。 <br><a href='https://portal.amipro.me/'>https://portal.amipro.me</a><br>2. 管理ポータルで、電子メール アドレスを入力し、[アカウントを作成・新しいデバイスを追加] リンクをクリックしてください。 <br>3. 受信した電子メールにあるURLを同じブラウザで開いてデバイスを追加してください。<br>4. [トップページへ] をクリックして、登録したデバイスで[パスキーでログイン]でログインして、トップページへ。<br><img src='files/portal_reg_jp.jpg' width=50%>");
       i18n_messages.set("info_top_step5", lang_map);
@@ -180,11 +180,41 @@
       i18n_messages.set("btn_step6", lang_map);
 
       lang_map = new Map();
-      lang_map.set("en-US", "Click [Settings] on the Portal left menu, and then click [Add] on the right page. Enter your website domain name (the port number cannot be included), and note that your website needs to use the HTTPS protocol. <br>【Device registration page】is the link to the device management page built by step 3.<br>Click [Submit] to complete the settings.<br><img src='files/portal_conf_jp.jpg' width=80%>");
+      lang_map.set("en-US", "Click [Settings] on the Portal left menu, and then click [Add] on the right page. Enter your website domain name (the port number cannot be included), and note that your website needs to use the HTTPS protocol. <br>【Device registration page】is the link to the device management page built by step 3.<br>Click [Submit] to complete the settings.<br><img src='files/portal_conf_en.jpg' width=80%>");
       lang_map.set("zh-CN", "点击管理门户左侧菜单中的【设定】，之后点击右侧页面中的【添加】。输入您的网站域名（不能包含端口号），注意您的网站需要使用HTTPS协议。<br>【设备注册页面】为步骤3构建的设备管理页面的链接。<br>最后需要点击【提  交】完成设定。<br><img src='files/portal_conf_jp.jpg' width=80%>");
       lang_map.set("ja", "管理ポータル左メニューの[設定]をクリックし、右ページの[追加]をクリックしてください。 Web サイトのドメイン名を入力します (ポート番号は含めることはできません)。Web サイトでは HTTPS プロトコルを使用する必要があることに注意してください。 <br>【デバイス登録ページ】は手順3で作成したデバイス管理ページへのリンクです。<br>最後は送信をクリックして設定完了<br><img src='files/portal_conf_jp.jpg' width=80%>");
       i18n_messages.set("info_top_step6", lang_map);
       
+      lang_map = new Map();
+      lang_map.set("en-US", "Ship Passkeys in 30 Minutes");
+      lang_map.set("zh-CN", "在30分钟内部署Passkey");
+      lang_map.set("ja", "30分でパスキーを導入");
+      i18n_messages.set("hero_title", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Follow the production-proven playbook: explore the sample site, drop in the JavaScript SDK, fine-tune device management, and configure the amiPro portal for your domains.");
+      lang_map.set("zh-CN", "遵循已在生产中验证的流程：查看示例站点，嵌入 JavaScript SDK，微调设备管理，并为您的域配置 amiPro 门户。");
+      lang_map.set("ja", "本番で実績のある手順に従ってください: サンプルサイトを確認し、JavaScript SDK を導入し、デバイス管理を調整し、amiPro ポータルをドメインに対して設定します。");
+      i18n_messages.set("hero_lead", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Browser + App SDK");
+      lang_map.set("zh-CN", "浏览器 + 应用 SDK");
+      lang_map.set("ja", "ブラウザ + アプリ SDK");
+      i18n_messages.set("hero_chip_1", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Recovery-ready");
+      lang_map.set("zh-CN", "支持恢复");
+      lang_map.set("ja", "リカバリ対応");
+      i18n_messages.set("hero_chip_2", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Session control");
+      lang_map.set("zh-CN", "会话控制");
+      lang_map.set("ja", "セッション制御");
+      i18n_messages.set("hero_chip_3", lang_map);
+
       window.onload = async function() {
         setI18NText(i18n_messages)
         initRevealAnimations()
@@ -229,15 +259,15 @@
             <section class="hero reveal" style="margin: 24px;">
               <div class="hero__text" data-animate>
                 <span class="hero__eyebrow" id="label_integartion_title">Integration</span>
-                <h1 class="hero__title">Launch Passkey journeys in six guided steps</h1>
-                <p class="hero__lead">
+                <h1 class="hero__title" id="hero_title">Launch Passkey journeys in six guided steps</h1>
+                <p class="hero__lead" id="hero_lead">
                   Follow the production-proven playbook: explore the sample site, drop in the JavaScript SDK,
                   fine-tune device management, and configure the amiPro portal for your domains.
                 </p>
                 <div class="hero__chips">
-                  <span class="hero-chip">Browser + App SDK</span>
-                  <span class="hero-chip">Recovery-ready</span>
-                  <span class="hero-chip">Session control</span>
+                  <span class="hero-chip" id="hero_chip_1">Browser + App SDK</span>
+                  <span class="hero-chip" id="hero_chip_2">Recovery-ready</span>
+                  <span class="hero-chip" id="hero_chip_3">Session control</span>
                 </div>
                 <div style="margin-top: 2rem; display: flex; gap: 0.8rem; flex-wrap: wrap;">
                   <a href="https://portal.amipro.me" target="_blank" class="btn btn-primary" id="btn_portal">Portal</a>

merits.html

@@ -75,7 +75,7 @@
       const i18n_messages = new Map();
       
       var lang_map = new Map();
-      lang_map.set("en-US", "amiPro - the easiest to integrate Passkeys cloud service");
+      lang_map.set("en-US", "amiPro - The easiest-to-integrate Passkey cloud service");
       lang_map.set("zh-CN", "amiPro - 最易集成的Passkey云服务");
       lang_map.set("ja", "amiPro - 最も簡単に統合できるパスキー・クラウド・サービス");
       i18n_messages.set("label_welcome", lang_map);
@@ -167,6 +167,42 @@
       lang_map.set("ja", "業界大手のリサーチより、パスキーは：<br>* フィッシングや認証情報の盗難の減少:<b>99.9</b>%<br>* 3 年後のROI:<b>203</b>%<br>* 3 年目のヘルプデスク チケットの削減:<b>75</b>%");
       i18n_messages.set("info_4", lang_map);
 
+      lang_map = new Map();
+      lang_map.set("en-US", "Passkey impact");
+      lang_map.set("zh-CN", "Passkey 影响");
+      lang_map.set("ja", "Passkey の影響");
+      i18n_messages.set("hero_eyebrow", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Security your customers can feel");
+      lang_map.set("zh-CN", "客户能感受到的安全性");
+      lang_map.set("ja", "顧客が実感できるセキュリティ");
+      i18n_messages.set("hero_title", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Reduce phishing to near zero, lift conversion, and slash support load with amiPro's enterprise-grade Passkey platform.");
+      lang_map.set("zh-CN", "将钓鱼攻击降至接近零，提高转化率，并通过 amiPro 企业级 Passkey 平台大幅减少支持负担。");
+      lang_map.set("ja", "amiPro のエンタープライズ向けパスキープラットフォームでフィッシングをほぼゼロに抑え、コンバージョンを高め、サポート負荷を削減します。");
+      i18n_messages.set("hero_lead", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Higher trust");
+      lang_map.set("zh-CN", "更高的信任");
+      lang_map.set("ja", "より高い信頼");
+      i18n_messages.set("hero_chip_1", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Happier customers");
+      lang_map.set("zh-CN", "更满意的客户");
+      lang_map.set("ja", "顧客満足度の向上");
+      i18n_messages.set("hero_chip_2", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Lower costs");
+      lang_map.set("zh-CN", "更低的成本");
+      lang_map.set("ja", "コスト削減");
+      i18n_messages.set("hero_chip_3", lang_map);
+
       window.onload = async function() {
         setI18NText(i18n_messages)
 
@@ -214,19 +250,19 @@
             <div style="margin: 24px;">
               <section class="hero reveal">
                 <div class="hero__text" data-animate>
-                  <span class="hero__eyebrow">Passkey impact</span>
-                  <h1 class="hero__title">Security your customers can feel</h1>
-                  <p class="hero__lead">
+                  <span class="hero__eyebrow" id="hero_eyebrow">Passkey impact</span>
+                  <h1 class="hero__title" id="hero_title">Security your customers can feel</h1>
+                  <p class="hero__lead" id="hero_lead">
                     Reduce phishing to near zero, lift conversion, and slash support load with amiPro's
                     enterprise-grade Passkey platform.
                   </p>
                   <div class="hero__chips">
-                    <span class="hero-chip">Higher trust</span>
-                    <span class="hero-chip">Happier customers</span>
-                    <span class="hero-chip">Lower costs</span>
+                    <span class="hero-chip" id="hero_chip_1">Higher trust</span>
+                    <span class="hero-chip" id="hero_chip_2">Happier customers</span>
+                    <span class="hero-chip" id="hero_chip_3">Lower costs</span>
                   </div>
                   <div style="margin-top: 2rem; display: flex; gap: 0.8rem; flex-wrap: wrap;">
-                    <a href="https://portal.amipro.me" target="_blank" class="btn btn-primary">Portal</a>
+                    <a href="https://portal.amipro.me" target="_blank" class="btn btn-primary" id="btn_portal">Portal</a>
                     <a href="mailto:sales@amipro.me?subject=passkey%20benefits" class="btn btn-outline-info" id="title_contact_cta">Contact</a>
                   </div>
                 </div>

passkey.html

@@ -75,7 +75,7 @@
       const i18n_messages = new Map();
       
       var lang_map = new Map();
-      lang_map.set("en-US", "amiPro - the easiest to integrate Passkeys cloud service");
+      lang_map.set("en-US", "amiPro - The easiest-to-integrate Passkey cloud service");
       lang_map.set("zh-CN", "amiPro - 最易集成的Passkey云服务");
       lang_map.set("ja", "amiPro - 最も簡単に統合できるパスキー・クラウド・サービス");
       i18n_messages.set("label_welcome", lang_map);
@@ -146,6 +146,42 @@
       lang_map.set("ja", "A:モバイルデバイスブラウザ<br>B:コンピュータブラウザ<br>C:モバイルデバイスアプリ(AppにamiPro SDKを埋め込む)<br>D:あなたのウェブサイト E:amiProクラウド・サービス<br><br>1、ブラウザはあなたのウェブサイトからamiPro JavaScript SDKをダウンロードします(Appはこのステップは必要ありません)<br>2、ブラウザとアプリはSDKを介してamiProクラウド・サービスを呼び出して認証します<br>3、amiProは認証結果をあなたのサーバーに返します<br><img src='files/amipro_sys.jpg' style='width: 80%;'>");
       i18n_messages.set("info_4", lang_map);
       
+      lang_map = new Map();
+      lang_map.set("en-US", "Passkey essentials");
+      lang_map.set("zh-CN", "Passkey essentials");
+      lang_map.set("ja", "Passkey essentials");
+      i18n_messages.set("hero_eyebrow", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Everything teams need to understand Passkeys");
+      lang_map.set("zh-CN", "团队理解 Passkey 所需的一切");
+      lang_map.set("ja", "チームがパスキーを理解するために必要なすべて");
+      i18n_messages.set("hero_title", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Share the fundamentals with product, security, and CX partners using this at-a-glance passkey briefing powered by amiPro research.");
+      lang_map.set("zh-CN", "使用由 amiPro 研究提供的一览式 Passkey 简报，与产品、安全和客户体验伙伴共享基础知识。");
+      lang_map.set("ja", "amiPro のリサーチによる一目でわかるパスキー解説を使用して、プロダクト、セキュリティ、CX のパートナーと基礎を共有します。");
+      i18n_messages.set("hero_lead", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "FIDO2 ready");
+      lang_map.set("zh-CN", "FIDO2 准备就绪");
+      lang_map.set("ja", "FIDO2 対応");
+      i18n_messages.set("hero_chip_1", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Phishing resistant");
+      lang_map.set("zh-CN", "抵御钓鱼");
+      lang_map.set("ja", "フィッシング耐性");
+      i18n_messages.set("hero_chip_2", lang_map);
+
+      lang_map = new Map();
+      lang_map.set("en-US", "Device agnostic");
+      lang_map.set("zh-CN", "设备无关");
+      lang_map.set("ja", "デバイス非依存");
+      i18n_messages.set("hero_chip_3", lang_map);
+
       window.onload = async function() {
         setI18NText(i18n_messages)
         initRevealAnimations()
@@ -190,19 +226,19 @@
             <div style="margin: 24px;">
               <section class="hero reveal">
                 <div class="hero__text" data-animate>
-                  <span class="hero__eyebrow">Passkey essentials</span>
-                  <h1 class="hero__title">Everything teams need to understand Passkeys</h1>
-                  <p class="hero__lead">
+                  <span class="hero__eyebrow" id="hero_eyebrow">Passkey essentials</span>
+                  <h1 class="hero__title" id="hero_title">Everything teams need to understand Passkeys</h1>
+                  <p class="hero__lead" id="hero_lead">
                     Share the fundamentals with product, security, and CX partners using this at-a-glance passkey
                     briefing powered by amiPro research.
                   </p>
                   <div class="hero__chips">
-                    <span class="hero-chip">FIDO2 ready</span>
-                    <span class="hero-chip">Phishing resistant</span>
-                    <span class="hero-chip">Device agnostic</span>
+                    <span class="hero-chip" id="hero_chip_1">FIDO2 ready</span>
+                    <span class="hero-chip" id="hero_chip_2">Phishing resistant</span>
+                    <span class="hero-chip" id="hero_chip_3">Device agnostic</span>
                   </div>
                   <div style="margin-top: 2rem; display: flex; gap: 0.8rem; flex-wrap: wrap;">
-                    <a href="merits.html" class="btn btn-outline-info">See benefits</a>
+                    <a href="merits.html" class="btn btn-outline-info" id="label_merits">See benefits</a>
                     <a href="mailto:sales@amipro.me?subject=Passkey%20questions" class="btn btn-primary" id="title_contact_cta">Contact</a>
                   </div>
                 </div>
@@ -231,7 +267,6 @@
               <section class="info-panel" data-animate style="margin-top: 3rem;">
                 <h4 id="info_title_4">define</h4>
                 <p id="info_4">define</p>
-                <img src="files/amipro_sys.jpg" alt="amiPro architecture" style="width: 100%; border-radius: 18px; margin-top: 1rem;">
               </section>
             </div>
             <!-- / Content -->