<?php
if (!defined('ABSPATH')) {
	exit;
}
?>

<div class="probonoseo-license-wrap">
	<div class="probonoseo-section">
		<h2 class="probonoseo-section-title">Pro版について</h2>
		<p class="probonoseo-section-description">ProbonoSEO Pro版では、AI機能や競合分析など225項目の追加機能が利用可能になります。</p>
	</div>

	<div class="probonoseo-license-grid">
		<div class="probonoseo-license-left">
			<div class="probonoseo-card">
				<h3 class="probonoseo-card-title">
					<span class="dashicons dashicons-info"></span>
					Basic版をご利用中
				</h3>
				<p class="probonoseo-card-description">現在75項目の無料機能をご利用いただけます。Pro版にアップグレードすると、下記を含む225項目の機能が追加されます。</p>
			</div>

			<div class="probonoseo-card probonoseo-pro-preview-card">
				<h3 class="probonoseo-card-title probonoseo-card-title-pro">
					<span class="dashicons dashicons-superhero-alt"></span>
					AI日本語SEO補助（Pro版）
				</h3>
				<p class="probonoseo-card-description">AIを活用してタイトルや見出し、本文の作成・改善を支援します。</p>
				<div class="probonoseo-pro-preview-grid">
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">タイトル提案AI</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">見出し改善AI</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">記事構成案生成AI</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">説明文改善AI</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">要点サマリー生成</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">FAQ自動生成</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
				</div>
			</div>

			<div class="probonoseo-card probonoseo-pro-preview-card">
				<h3 class="probonoseo-card-title probonoseo-card-title-pro">
					<span class="dashicons dashicons-chart-line"></span>
					競合分析（Pro版）
				</h3>
				<p class="probonoseo-card-description">競合サイトのSEO状況を分析し、改善点を提案します。</p>
				<div class="probonoseo-pro-preview-grid">
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">競合タイトル分析</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">競合メタ分析</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">競合見出し構造分析</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">競合キーワード分析</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
				</div>
			</div>

			<div class="probonoseo-card probonoseo-pro-preview-card">
				<h3 class="probonoseo-card-title probonoseo-card-title-pro">
					<span class="dashicons dashicons-search"></span>
					AIO / AI検索対応（Pro版）
				</h3>
				<p class="probonoseo-card-description">ChatGPT・Perplexity・Google AI OverviewなどAI検索エンジンへの最適化を強化します。</p>
				<div class="probonoseo-pro-preview-grid">
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">HowTo Schema</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">AIO診断スコア</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">コンテンツ構造AIOアドバイス</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">LocalBusiness Schema</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">VideoObject Schema</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">Person Schema（著者詳細）</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
					<div class="probonoseo-pro-preview-item">
						<span class="probonoseo-pro-preview-label">AIクローラー個別制御</span>
						<span class="probonoseo-pro-preview-badge">Pro</span>
					</div>
				</div>
			</div>
		</div>

		<div class="probonoseo-license-right">
			<div class="probonoseo-card probonoseo-card-sticky">
				<h3 class="probonoseo-card-title">
					<span class="dashicons dashicons-star-filled"></span>
					Pro版機能一覧
				</h3>

				<div class="probonoseo-total-features">
					<div class="probonoseo-feature-count">
						<span class="probonoseo-count-label">BASIC版</span>
						<span class="probonoseo-count-number">75項目</span>
					</div>
					<div class="probonoseo-feature-plus">+</div>
					<div class="probonoseo-feature-count">
						<span class="probonoseo-count-label">PRO版</span>
						<span class="probonoseo-count-number probonoseo-count-pro">225項目</span>
					</div>
					<div class="probonoseo-feature-equals">=</div>
					<div class="probonoseo-feature-count probonoseo-feature-total">
						<span class="probonoseo-count-label">合計</span>
						<span class="probonoseo-count-number probonoseo-count-total">300項目</span>
					</div>
				</div>

				<div class="probonoseo-pro-features">
					<h4>Pro版の主な機能</h4>
					<ul>
						<li>AI日本語SEO補助（21項目）</li>
						<li>競合分析（12項目）</li>
						<li>投稿SEO（21項目）</li>
						<li>Pro専用強化（25項目）</li>
						<li>SERP強化（32項目）</li>
						<li>schema高度版（48項目）</li>
						<li>速度改善Pro（18項目）</li>
						<li>サイト診断Pro（12項目）</li>
						<li>全体管理（6項目）</li>
						<li>OpenAI API連携（2項目）</li>
						<li>AIO / AI検索対応（7項目）</li>
					</ul>
				</div>

				<div class="probonoseo-pro-purchase">
					<h4>Pro版を購入</h4>
					<div class="probonoseo-pricing-plans">
						<div class="probonoseo-plan">
							<div class="probonoseo-plan-name">5サイトプラン</div>
							<div class="probonoseo-plan-price">¥9,800</div>
							<div class="probonoseo-plan-sites">最大5サイトまで</div>
						</div>
						<div class="probonoseo-plan probonoseo-plan-popular">
							<div class="probonoseo-plan-badge">おすすめ</div>
							<div class="probonoseo-plan-name">無制限プラン</div>
							<div class="probonoseo-plan-price">¥14,800</div>
							<div class="probonoseo-plan-sites">サイト数無制限</div>
						</div>
					</div>
					<p class="probonoseo-plan-note">買い切り・永久ライセンス</p>
					<a href="https://seo.prbn.org/" target="_blank" class="probonoseo-buy-button">Pro版の詳細を見る</a>
					<p class="probonoseo-purchase-note">年間費用なし・アップデート永久無料<br>1ライセンスで複数サイト運営可能<br>※価格は税込みです</p>
				</div>
			</div>
		</div>
	</div>
</div>