<?php
// Pricing Page Shortcode: [admoon_pricing]
add_shortcode('admoon_pricing', function () {
ob_start(); ?>
<section class="adm-pricing">
<div class="adm-container">
<header class="adm-hero">
<h1 class="adm-title">تعرفه تبلیغات گوگل</h1>
<p class="adm-subtitle">پلن مناسب خودتان را انتخاب کنید. (متنها را مطابق نیازتان تغییر بدهید)</p>
<div class="adm-hero-actions">
<a class="adm-btn adm-btn-primary" href="#adm-plans">مشاهده پلنها</a>
<a class="adm-btn adm-btn-ghost" href="#adm-contact">مشاوره رایگان</a>
</div>
</header>
<div id="adm-plans" class="adm-grid">
<?php
$plans = [
[
'name' => 'Basic',
'price' => '5,900,000',
'period' => 'ماهانه',
'badge' => '',
'features' => [
'راهاندازی کمپین',
'کیورد ریسرچ پایه',
'گزارش ماهانه',
'پشتیبانی واتساپ',
],
'cta' => 'شروع',
'popular' => false,
],
[
'name' => 'Standard',
'price' => '9,900,000',
'period' => 'ماهانه',
'badge' => 'پرفروش',
'features' => [
'بهینهسازی هفتگی',
'کیورد ریسرچ پیشرفته',
'گزارش دو هفتهای',
'A/B تست آگهی',
],
'cta' => 'انتخاب پلن',
'popular' => true,
],
[
'name' => 'Premium',
'price' => '14,900,000',
'period' => 'ماهانه',
'badge' => '',
'features' => [
'بهینهسازی پیشرفته',
'استراتژی قیف فروش',
'گزارش هفتگی',
'مدیریت چند کمپین',
],
'cta' => 'رزرو جلسه',
'popular' => false,
],
];
foreach ($plans as $p): ?>
<article class="adm-card <?php echo $p['popular'] ? 'is-popular' : ''; ?>">
<div class="adm-card-head">
<h3 class="adm-plan"><?php echo esc_html($p['name']); ?></h3>
<?php if (!empty($p['badge'])): ?>
<span class="adm-badge"><?php echo esc_html($p['badge']); ?></span>
<?php endif; ?>
</div>
<div class="adm-price">
<span class="adm-price-num"><?php echo esc_html($p['price']); ?></span>
<span class="adm-price-cur">تومان</span>
<span class="adm-price-period">/ <?php echo esc_html($p['period']); ?></span>
</div>
<ul class="adm-features">
<?php foreach ($p['features'] as $f): ?>
<li><?php echo esc_html($f); ?></li>
<?php endforeach; ?>
</ul>
<a class="adm-btn adm-btn-primary adm-btn-full" href="#adm-contact">
<?php echo esc_html($p['cta']); ?>
</a>
</article>
<?php endforeach; ?>
</div>
<section class="adm-faq">
<h2>سوالات پرتکرار</h2>
<div class="adm-faq-grid">
<details>
<summary>بودجه تبلیغ جدا از هزینه مدیریت است؟</summary>
<p>بله. بودجه تبلیغ مستقیم به گوگل پرداخت میشود و هزینه مدیریت جداست.</p>
</details>
<details>
<summary>چه زمانی نتیجه میگیرم؟</summary>
<p>بسته به حوزه، معمولاً از هفته اول دادههای قابل تحلیل دارید و از ماه اول بهبود محسوس دیده میشود.</p>
</details>
<details>
<summary>قرارداد و گزارش دارید؟</summary>
<p>بله. گزارشها طبق پلن و قرارداد ارائه میشود.</p>
</details>
</div>
</section>
<section id="adm-contact" class="adm-contact">
<h2>مشاوره رایگان</h2>
<p>شماره تماس/فرم/لینک واتساپ اینجا قرار میگیرد.</p>
<div class="adm-contact-actions">
<a class="adm-btn adm-btn-primary" href="tel:+989000000000">تماس</a>
<a class="adm-btn adm-btn-ghost" href="#">واتساپ</a>
</div>
</section>
</div>
</section>
<?php
return ob_get_clean();
});
// Inline CSS (برای شروع). بهتره بعداً ببری داخل فایل css قالب.
add_action('wp_head', function () { ?>
<style>
.adm-pricing{padding:48px 16px;font-family:inherit}
.adm-container{max-width:1100px;margin:0 auto}
.adm-hero{text-align:center;margin-bottom:28px}
.adm-title{font-size:36px;line-height:1.2;margin:0 0 10px}
.adm-subtitle{margin:0 auto 18px;max-width:700px;opacity:.8}
.adm-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.adm-btn{display:inline-block;padding:12px 16px;border-radius:14px;text-decoration:none;border:1px solid rgba(0,0,0,.12)}
.adm-btn-primary{background:#111;color:#fff}
.adm-btn-ghost{background:transparent;color:#111}
.adm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.adm-grid{grid-template-columns:1fr}}
.adm-card{border:1px solid rgba(0,0,0,.10);border-radius:18px;padding:18px;background:#fff}
.adm-card.is-popular{border-color:rgba(0,0,0,.35);transform:translateY(-2px)}
.adm-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.adm-plan{margin:0;font-size:20px}
.adm-badge{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.06)}
.adm-price{margin:14px 0 10px;font-size:18px}
.adm-price-num{font-size:28px;font-weight:800}
.adm-price-cur,.adm-price-period{opacity:.75}
.adm-features{list-style:none;padding:0;margin:12px 0 16px;display:grid;gap:8px}
.adm-features li{padding-right:18px;position:relative;opacity:.9}
.adm-features li:before{content:"✓";position:absolute;right:0;top:0;opacity:.7}
.adm-btn-full{width:100%;text-align:center}
.adm-faq{margin-top:34px}
.adm-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
@media (max-width:900px){.adm-faq-grid{grid-template-columns:1fr}}
details{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:12px;background:#fff}
summary{cursor:pointer;font-weight:700}
.adm-contact{margin-top:34px;padding:18px;border-radius:18px;border:1px solid rgba(0,0,0,.10);text-align:center}
.adm-contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:12px}
</style>
<?php });