hesabixWpTheme/front-page.php
2026-05-22 13:52:15 +03:30

699 lines
67 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
/**
* صفحه نخست — معرفی پلتفرم مدیریت کسب‌وکار (+ هوش مصنوعی، ورک‌فلو، …)
*
* @package Hesabix2
*/
get_header();
$wrap = 'max-w-6xl mx-auto px-4 sm:px-6 lg:px-8';
$stats_updated = wp_date('Y/m', current_time('timestamp'));
$arc_url = 'https://arc.hesabix.ir';
$hesabix_chat_wp_plugin_url = 'https://source.hesabix.ir/hesabix/HesabixChatPlugin/releases';
/* تصاویر متحرک صفحه نخست — ترجیحاً در assets/img با نام‌های پیشنهادی: automation.gif | workflow.gif | ai-robot.gif (همچنین webp / mp4 / webm) */
$hesabix2_img_dir = get_template_directory() . '/assets/img';
$hesabix2_img_uri = get_template_directory_uri() . '/assets/img';
$hesabix2_resolve_motion = function (array $try) use ($hesabix2_img_dir, $hesabix2_img_uri) {
foreach ($try as $file) {
if (!is_string($file) || $file === '') {
continue;
}
$path = $hesabix2_img_dir . '/' . $file;
if (is_readable($path)) {
return $hesabix2_img_uri . '/' . $file;
}
}
return '';
};
$hesabix2_motion_automation = $hesabix2_resolve_motion(array(
'automation.gif', 'automation.webp', 'automate.gif', 'automate.webp',
'hesabix2-automation.gif', 'hesabix2-automation.webp',
));
$hesabix2_motion_workflow = $hesabix2_resolve_motion(array(
'workflow.gif', 'workflow.webp', 'flow.gif', 'flow.webp',
'hesabix2-workflow.gif', 'hesabix2-workflow.webp',
));
$hesabix2_motion_ai = $hesabix2_resolve_motion(array(
'ai-robot.gif', 'ai_robot.gif', 'robot-ai.gif', 'robot_ai.gif',
'ai.gif', 'robot.gif', 'hesabix2-ai.gif', 'hesabix2-robot.gif', 'hesabix2-ai-robot.gif',
));
$hesabix2_has_motion_row = ($hesabix2_motion_automation !== '' || $hesabix2_motion_workflow !== '' || $hesabix2_motion_ai !== '');
?>
<!-- Hero - چیدمان دوستونه دسکتاپ + بک‌گراند ابرهای متحرک -->
<section class="hero-with-clouds min-h-[85vh] sm:min-h-[90vh] flex flex-col justify-center py-12 sm:py-16 lg:py-20 relative overflow-hidden">
<div id="hero-clouds" class="hero-clouds" aria-hidden="true"></div>
<div class="<?php echo $wrap; ?> relative z-10">
<div class="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
<!-- متن -->
<div class="order-2 lg:order-1 text-center lg:text-right">
<p class="text-brand-600 text-sm font-medium mb-4">پلتفرم جامع مدیریت کسب‌وکار</p>
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-bold text-slate-800 leading-tight mb-5">حسابیکس</h1>
<p class="text-xl text-slate-600 mb-4 max-w-lg lg:mr-0 mx-auto">حسابداری، CRM، عملیات و انبار، باشگاه مشتریان، چت آنلاین و ورک‌فلو — با <strong class="text-slate-700 font-semibold">هوش مصنوعی در قلب سیستم</strong> برای تحلیل، پیشنهاد و اتوماسیون هوشمند</p>
<p class="text-slate-500 mb-8 max-w-md lg:mr-0 mx-auto">همراهی هوشمند در کنار تیم شما: از بینش داده تا سناریوهای پیچیده در بخش اتوماسیون — همه در یک پنل رایگان و متن‌باز</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start">
<a target="_blank" href="https://arc.hesabix.ir" class="inline-flex items-center justify-center gap-2 bg-accent-500 hover:bg-accent-400 text-white font-bold px-6 py-3.5 rounded-2xl transition min-h-[52px] shadow-md hover:shadow-lg">
ورود به نسخه آرک
<span class="bg-white/30 text-white text-xs px-2 py-0.5 rounded-lg">جدید</span>
</a>
<a target="_blank" href="https://app.hesabix.ir" class="inline-flex items-center justify-center border-2 border-brand-500 text-brand-600 hover:bg-brand-500 hover:text-white font-medium px-6 py-3.5 rounded-2xl transition min-h-[52px]">
ورود به نسخه شادمان
</a>
</div>
</div>
<!-- آمار -->
<div class="order-1 lg:order-2 flex flex-col gap-5 sm:gap-6">
<div class="grid grid-cols-2 gap-4">
<div class="bg-white rounded-3xl p-6 sm:p-8 border border-light-200 text-center shadow-sm hover:shadow-md transition">
<span class="text-4xl sm:text-5xl font-bold text-brand-500 block tabular-nums">79</span>
<span class="text-slate-500 text-sm mt-1 block">هزار کاربر</span>
</div>
<div class="bg-white rounded-3xl p-6 sm:p-8 border border-light-200 text-center shadow-sm hover:shadow-md transition">
<span class="text-4xl sm:text-5xl font-bold text-accent-500 block tabular-nums">63</span>
<span class="text-slate-500 text-sm mt-1 block">هزار کسب‌و‌کار</span>
</div>
</div>
<p class="text-center text-slate-400 text-xs leading-relaxed px-2"><?php echo esc_html(sprintf(__('ارقام تقریبی؛ آخرین به‌روزرسانی آماری: %s', 'hesabix2'), $stats_updated)); ?></p>
<div class="bg-gradient-to-br from-brand-400/20 to-light-200 rounded-3xl p-6 border border-brand-400/40 flex items-center gap-3">
<span class="flex-shrink-0 w-10 h-10 rounded-xl bg-white/80 text-brand-600 flex items-center justify-center border border-brand-400/30" aria-hidden="true">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
</span>
<p class="text-slate-600 text-sm leading-relaxed mb-0">همه‌جا در دسترس — از موبایل، تبلت و وب استفاده کنید.</p>
</div>
</div>
</div>
<div class="mt-10 lg:mt-14 w-full max-w-none">
<div class="rounded-2xl bg-gradient-to-br from-brand-500/10 to-accent-500/10 border border-brand-400/30 p-6 sm:p-8 lg:p-10 text-center lg:text-right">
<div class="flex flex-col sm:flex-row items-start gap-3 sm:gap-4 justify-center lg:justify-start max-w-4xl lg:mr-0 mx-auto">
<span class="mx-auto sm:mx-0 flex-shrink-0 w-11 h-11 sm:w-12 sm:h-12 rounded-xl bg-white/90 text-brand-600 flex items-center justify-center shadow-sm border border-brand-400/20" aria-hidden="true">
<svg class="w-6 h-6 sm:w-7 sm:h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/></svg>
</span>
<div class="min-w-0 flex-1 space-y-3 text-center lg:text-right">
<p class="text-slate-700 leading-relaxed text-base lg:text-lg mb-0">یک <strong class="text-slate-800">زیرساخت یکپارچه</strong> برای فروش، مالی، انبار، ارتباط با مشتری و خودکارسازی رویدادها — بدون پراکندگی بین چند ابزار جدا.</p>
<p class="text-slate-600 text-sm sm:text-base leading-relaxed mb-0"><strong class="text-slate-800">هوش مصنوعی</strong> در کنار شماست: می‌تواند داده‌ها را تحلیل کند، پیشنهاد بدهد و در ماژول اتوماسیون برای طراحی و اجرای کارهای چندمرحله‌ای و پیچیده به کار بیاید.</p>
<p class="text-slate-600 text-sm leading-relaxed mb-0">نسخهٔ <strong class="text-brand-600">آرک</strong> برای نوآوری سریع و نسخهٔ <strong class="text-brand-600">شادمان</strong> برای پایداری در عملیات؛ هر دو روی همان فلسفهٔ شفافیت و متن‌باز.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- امکانات کلیدی -->
<section id="features" class="py-16 sm:py-20 bg-gradient-to-b from-slate-50 to-white border-b border-slate-100">
<div class="<?php echo $wrap; ?>">
<div class="flex flex-col sm:flex-row sm:items-start gap-4 sm:gap-6 mb-6">
<span class="hesabix2-section-icon mx-auto sm:mx-0 flex-shrink-0 w-14 h-14 rounded-2xl bg-success-500/15 text-success-500 flex items-center justify-center border border-success-400/30" aria-hidden="true">
<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"/></svg>
</span>
<div class="flex-1 min-w-0 text-center sm:text-right">
<span class="inline-block w-10 h-1 rounded-full bg-success-500 mb-4"></span>
<h2 class="text-2xl sm:text-3xl font-bold text-slate-800 mb-2">امکانات پلتفرم</h2>
<p class="text-slate-500 mb-0 max-w-3xl sm:mr-0 mx-auto">از مالی و عملیات تا CRM، باشگاه مشتریان، گفت‌وگوی آنلاین و ورک‌فلو — با لایهٔ <strong class="text-slate-700 font-medium">هوش مصنوعی</strong> برای تحلیل، پیشنهاد و اتوماسیون پیشرفته؛ مناسب تیم‌های فروش، پشتیبانی، انبار و مالی.</p>
</div>
</div>
<?php if ($hesabix2_has_motion_row) : ?>
<div class="mt-8 lg:mt-10 grid sm:grid-cols-2 lg:grid-cols-3 gap-6 lg:gap-8" aria-label="<?php echo esc_attr__('اتوماسیون، ورک‌فلو و هوش مصنوعی', 'hesabix2'); ?>">
<?php
$hesabix2_motion_panels = array(
array(
'url' => $hesabix2_motion_automation,
'title' => __('اتوماسیون هوشمند', 'hesabix2'),
'desc' => __('رویدادها را به اقدام خودکار وصل کنید: از فاکتور و موجودی تا پیام و CRM — بدون دخالت دستی در هر تکرار.', 'hesabix2'),
),
array(
'url' => $hesabix2_motion_workflow,
'title' => __('ورک‌فلو چندمرحله‌ای', 'hesabix2'),
'desc' => __('فرایندهای پیچیده را مرحله‌به‌مرحله تعریف کنید؛ شرط‌ها، شاخه‌ها و هماهنگی بین تیم‌ها در یک مسیر مشخص.', 'hesabix2'),
),
array(
'url' => $hesabix2_motion_ai,
'title' => __('هوش مصنوعی و دستیار', 'hesabix2'),
'desc' => __('تحلیل داده، پیشنهاد اقدام بعدی و کمک در طراحی سناریوهای سنگین اتوماسیون — در کنار تیم شما، نه جایگزین آن.', 'hesabix2'),
),
);
foreach ($hesabix2_motion_panels as $mp) :
if ($mp['url'] === '') {
continue;
}
$is_video = (bool) preg_match('/\.(webm|mp4)$/i', $mp['url']);
$video_type = '';
if ($is_video) {
$video_type = preg_match('/\.webm$/i', $mp['url']) ? 'video/webm' : 'video/mp4';
}
?>
<figure class="hesabix2-motion-card rounded-2xl border border-light-200 bg-white shadow-sm overflow-hidden flex flex-col text-center lg:text-right">
<div class="hesabix2-motion-frame relative flex items-center justify-center bg-gradient-to-b from-slate-50 to-white px-4 py-5 sm:py-6 min-h-[11rem] sm:min-h-[13rem]">
<?php if ($is_video) : ?>
<video class="hesabix2-motion-media" autoplay muted loop playsinline preload="metadata" aria-label="<?php echo esc_attr($mp['title']); ?>">
<source src="<?php echo esc_url($mp['url']); ?>" type="<?php echo esc_attr($video_type); ?>">
</video>
<?php else : ?>
<img src="<?php echo esc_url($mp['url']); ?>" alt="<?php echo esc_attr($mp['title']); ?>" class="hesabix2-motion-media" loading="lazy" decoding="async" width="480" height="300">
<?php endif; ?>
</div>
<figcaption class="px-4 sm:px-5 pb-5 pt-3 border-t border-light-100 flex-1 flex flex-col">
<h3 class="text-base font-bold text-slate-800 mb-2"><?php echo esc_html($mp['title']); ?></h3>
<p class="text-slate-500 text-sm leading-relaxed mb-0 flex-1"><?php echo esc_html($mp['desc']); ?></p>
</figcaption>
</figure>
<?php endforeach; ?>
</div>
<?php endif; ?>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 <?php echo $hesabix2_has_motion_row ? 'mt-8 lg:mt-10' : 'mt-2'; ?>">
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-brand-400/50 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-brand-500/15 text-brand-600 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-brand-600 transition-colors">فاکتور و فروش</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">صورتحساب، پیش‌فاکتور و چرخهٔ فروش با چاپ، ارسال و پیوند به مالی و انبار.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">ورود به پنل <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-accent-400/50 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-accent-500/15 text-accent-500 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-accent-500 transition-colors">انبار و عملیات</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">کالا، چند انبار، گردش موجودی و هماهنگی با فروش — پایهٔ یک ERP سبک برای روزمرهٔ کسب‌وکار.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">ورود به پنل <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-violet-500/40 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-violet-500/15 text-violet-600 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 7h6m0 10v-3m-3 3h.01M9 17h.01M9 14h.01M12 14h.01M15 11h.01M12 11h.01M9 11h.01M7 21h10a2 2 0 002-2V5a2 2 0 00-2-2H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-violet-600 transition-colors">حسابداری و گزارش مالی</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">اسناد، تراز، داشبورد مالی و گزارش‌های دوره‌ای برای تصمیم مطمئن‌تر.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">ورود به پنل <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-brand-400/50 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-brand-500/15 text-brand-600 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-brand-600 transition-colors">CRM و مشتریان</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">مخاطب، فرصت فروش، فعالیت‌ها و پروندهٔ یکپارچه کنار فاکتور و تاریخچهٔ تعامل.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">ورود به پنل <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-accent-400/50 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-accent-500/15 text-accent-500 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-accent-500 transition-colors">باشگاه مشتریان</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">امتیاز، سطح‌بندی، پاداش و وفاداری در ارتباط با خرید و رفتار مشتری.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">ورود به پنل <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url($hesabix_chat_wp_plugin_url); ?>" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-violet-500/40 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-violet-500/15 text-violet-600 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-violet-600 transition-colors">چت آنلاین با مشتری</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">گفت‌وگوی لحظه‌ای، تاریخچه روی پروندهٔ مشتری و هماهنگی با تیم؛ برای سایت‌های وردپرس، <strong class="text-slate-600 font-medium">افزونهٔ رسمی اتصال چت وب</strong> به حسابیکس را از مخزن دریافت کنید.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">صفحهٔ انتشار افزونهٔ چت وردپرس <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-success-400/50 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-success-500/15 text-success-500 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-success-500 transition-colors">ورک‌فلو و اتوماسیون</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">قوانین «اگر این شد، آن انجام شود» برای فاکتور، موجودی، CRM و پیام؛ با تکیه بر <strong class="text-slate-600 font-medium">هوش مصنوعی</strong> برای سناریوهای چندمرحله‌ای و تصمیم‌گیری در موقعیت‌های پیچیده.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">ورود به پنل <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="hesabix2-ai-feature-card group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg transition flex flex-col gap-3 no-underline text-inherit">
<span class="hesabix2-ai-feature-icon w-12 h-12 rounded-xl flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-brand-600 transition-colors">هوش مصنوعی در کنار شما</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">تحلیل رویدادها و داده‌های کسب‌وکار، پیشنهاد اقدام بعدی و کمک به تیم در لحظه؛ در اتوماسیون برای تعریف، بهینه‌سازی و اجرای فرایندهای سنگین‌تر کنار ورک‌فلو قرار می‌گیرد.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">ورود به پنل <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-brand-400/50 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-brand-500/15 text-brand-600 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-brand-600 transition-colors">چند کاربر و نقش‌ها</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">همکاری تیمی با سطح دسترسی برای مالی، فروش، انبار، پشتیبانی و مدیر.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">ورود به پنل <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url(home_url('/')); ?>#plugins" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-success-400/50 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-success-500/15 text-success-500 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-success-500 transition-colors">یکپارچه‌سازی</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">مودیان، ووکامرس، افزونهٔ چت وردپرس و سایر اتصال‌ها برای فروشگاه و گفتگوی آنلاین.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">مشاهده افزونه‌ها <span aria-hidden="true">←</span></span>
</a>
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="group rounded-2xl border border-light-200 bg-white p-6 shadow-sm hover:shadow-lg hover:border-slate-300 transition flex flex-col gap-3 no-underline text-inherit">
<span class="w-12 h-12 rounded-xl bg-slate-200/80 text-slate-600 flex items-center justify-center flex-shrink-0">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 group-hover:text-slate-900 transition-colors">وب و موبایل</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1">دسترسی از مرورگر و دستگاه‌های مختلف برای کار میدانی و دورکاری.</p>
<span class="text-brand-600 text-sm font-medium inline-flex items-center gap-1">ورود به پنل <span aria-hidden="true">←</span></span>
</a>
</div>
</div>
</section>
<!-- کسب‌وکار آنلاین: گفتگو، جذب، پیام هدفمند -->
<section id="online-business" class="py-16 sm:py-20 bg-gradient-to-b from-white via-light-50/50 to-white border-y border-slate-100">
<div class="<?php echo $wrap; ?>">
<div class="flex flex-col sm:flex-row sm:items-start gap-4 sm:gap-6 mb-8 lg:mb-10">
<span class="hesabix2-section-icon mx-auto sm:mx-0 flex-shrink-0 w-14 h-14 rounded-2xl bg-brand-500/15 text-brand-600 flex items-center justify-center border border-brand-400/30" aria-hidden="true">
<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"/></svg>
</span>
<div class="flex-1 min-w-0 text-center sm:text-right">
<span class="inline-block w-10 h-1 rounded-full bg-brand-500 mb-4"></span>
<h2 class="text-2xl sm:text-3xl font-bold text-slate-800 mb-3">چطور به کسب‌وکار آنلاین شما کمک می‌کنیم؟</h2>
<p class="text-slate-600 leading-relaxed mb-0 max-w-3xl sm:mr-0 mx-auto">با حسابیکس به‌سادگی با مشتریان به‌صورت مستقیم گفتگو کنید؛ با ابزار پشتیبانی و چت یکپارچه، حس اعتماد و پاسخگویی را در آن‌ها زنده نگه دارید و تجربهٔ سایت یا فروشگاه آنلاین را از حالت صرفاً «مشاهده» به تعامل واقعی تبدیل کنید.</p>
</div>
</div>
<div class="grid md:grid-cols-3 gap-6 lg:gap-8">
<div class="rounded-2xl border border-light-200 bg-white p-6 sm:p-7 shadow-sm hover:shadow-md hover:border-brand-400/40 transition flex flex-col h-full">
<span class="w-12 h-12 rounded-xl bg-brand-500/15 text-brand-600 flex items-center justify-center flex-shrink-0 mb-4" aria-hidden="true">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 mb-2">گفتگوی آنلاین</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1 mb-3">یک ارتباط ایمن و ساده با بازدیدکنندگان سایت خود برقرار کنید و پشتیبانی خدمات و محصولات را در محیط <strong class="text-slate-700 font-medium">چت وب</strong> تجربه کنید — بدون پراکندگی بین چند ابزار جدا.</p>
<p class="text-sm mb-0 mt-auto">
<a href="<?php echo esc_url($hesabix_chat_wp_plugin_url); ?>" target="_blank" rel="noopener noreferrer" class="font-semibold text-brand-600 hover:text-brand-500 transition">افزونهٔ وردپرس — اتصال چت سایت به حسابیکس <span aria-hidden="true">←</span></a>
</p>
</div>
<div class="rounded-2xl border border-light-200 bg-white p-6 sm:p-7 shadow-sm hover:shadow-md hover:border-accent-400/40 transition flex flex-col h-full">
<span class="w-12 h-12 rounded-xl bg-accent-500/15 text-accent-500 flex items-center justify-center flex-shrink-0 mb-4" aria-hidden="true">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 mb-2">جذب مشتریان</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1 mb-0">هر بازدیدکنندهٔ سایت یک فرصت برای تبدیل شدن به مشتری است. بسیاری بدون آشنایی کافی با خدمات یا محصولات شما سایت را ترک می‌کنند؛ با شروع گفتگو در لحظهٔ درست، آن‌ها را راهنمایی کنید و به مشتریان وفادار تبدیلشان کنید.</p>
</div>
<div class="rounded-2xl border border-light-200 bg-white p-6 sm:p-7 shadow-sm hover:shadow-md hover:border-success-400/40 transition flex flex-col h-full">
<span class="w-12 h-12 rounded-xl bg-success-500/15 text-success-500 flex items-center justify-center flex-shrink-0 mb-4" aria-hidden="true">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"/></svg>
</span>
<h3 class="text-lg font-bold text-slate-800 mb-2">سامانهٔ هدفمند</h3>
<p class="text-slate-500 text-sm leading-relaxed flex-1 mb-0">با ارسال پیام‌های خودکار و هدفمند به مشتریان و کاربران، در زمان و مکان مناسب سر صحبت را باز کنید؛ کمک به فروش، یادآوری و پیگیری بدون فشار دستی روی تیم.</p>
</div>
</div>
<p class="text-center lg:text-right mt-8 mb-0 flex flex-col sm:flex-row flex-wrap items-center justify-center lg:justify-start gap-4 sm:gap-6">
<a href="<?php echo esc_url($arc_url); ?>" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-brand-600 hover:text-brand-500 font-semibold transition">ورود به پنل و فعال‌سازی چت و اتوماسیون <span aria-hidden="true">←</span></a>
<a href="<?php echo esc_url($hesabix_chat_wp_plugin_url); ?>" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-violet-600 hover:text-violet-500 font-semibold transition">دانلود افزونهٔ چت برای وردپرس <span aria-hidden="true">←</span></a>
</p>
</div>
</section>
<!-- راهنمای جامع - دو ستون با تاکید رنگی -->
<section id="guide" class="py-16 sm:py-20 bg-white border-y border-slate-100">
<div class="<?php echo $wrap; ?>">
<div class="grid lg:grid-cols-5 gap-10 lg:gap-14 items-start">
<div class="lg:col-span-3 space-y-6">
<div>
<div class="flex flex-col sm:flex-row sm:items-start gap-4 mb-4">
<span class="hesabix2-section-icon mx-auto sm:mx-0 flex-shrink-0 w-12 h-12 rounded-xl bg-brand-500/15 text-brand-600 flex items-center justify-center border border-brand-400/30" aria-hidden="true">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/></svg>
</span>
<div class="flex-1 min-w-0 text-center sm:text-right">
<span class="inline-block w-10 h-1 rounded-full bg-brand-500 mb-4"></span>
<h2 class="text-2xl sm:text-3xl font-bold text-slate-800 mb-4">راهنمای جامع</h2>
</div>
</div>
<p class="text-slate-600 leading-relaxed mb-4">حسابیکس یک <strong class="text-slate-800">پلتفرم مدیریت کسب‌وکار</strong> است: علاوه بر حسابداری و انبار، برای CRM، باشگاه وفاداری، چت و اتوماسیون فرایندها طراحی شده — با <strong class="text-slate-800">هوش مصنوعی در هسته</strong> که تحلیل و پیشنهاد می‌دهد و در ورک‌فلو برای کارهای پیچیده کنار تیم شماست؛ تا فروش، پشتیبانی و مالی روی یک منبع حقیقت کار کنند.</p>
<p class="text-slate-500">کافی است گام اول را بردارید؛ در کنار شما هستیم.</p>
</div>
<blockquote class="rounded-2xl border-r-4 border-brand-500 bg-light-50/80 border border-light-200 p-5 sm:p-6 not-italic">
<p class="text-slate-700 text-sm leading-relaxed mb-0">چه <strong class="text-slate-800">خرده‌فروشی و خدمات</strong> باشید چه <strong class="text-slate-800">توزیع و پیمانکاری</strong>، وقتی فاکتور، موجودی، پروندهٔ مشتری و پاسخ سریع در یک اکوسیستم جمع شود، هم هزینهٔ ابزارهای پراکنده کم می‌شود هم خطای دستی.</p>
</blockquote>
</div>
<div class="lg:col-span-2 space-y-4">
<div class="flex gap-4 items-start p-4 rounded-2xl bg-light-50 border border-light-200">
<span class="w-10 h-10 rounded-xl bg-brand-500/15 flex items-center justify-center text-brand-600 flex-shrink-0 font-bold">۱</span>
<div>
<p class="font-medium text-slate-800">ثبت‌نام رایگان</p>
<p class="text-slate-500 text-sm">بدون کارت بانکی؛ با ایمیل یا شماره، در چند دقیقه پنل را بسازید.</p>
</div>
</div>
<div class="flex gap-4 items-start p-4 rounded-2xl bg-light-50 border border-light-200">
<span class="w-10 h-10 rounded-xl bg-accent-500/15 flex items-center justify-center text-accent-500 flex-shrink-0 font-bold">۲</span>
<div>
<p class="font-medium text-slate-800">راه‌اندازی سریع</p>
<p class="text-slate-500 text-sm">تعریف کسب‌وکار، مخاطبین، انبار و اولین فاکتور؛ ویزاردها و فرم‌های ساده برای بهره‌برداری از ماژول‌های مالی و CRM همان روز.</p>
</div>
</div>
<div class="flex gap-4 items-start p-4 rounded-2xl bg-light-50 border border-light-200">
<span class="w-10 h-10 rounded-xl bg-success-500/15 flex items-center justify-center text-success-500 flex-shrink-0 font-bold">۳</span>
<div>
<p class="font-medium text-slate-800">همراهی و پشتیبانی</p>
<p class="text-slate-500 text-sm">پرسش از طریق تماس، تلگرام، بله و انجمن؛ برای سازمان‌ها گزینهٔ قرارداد اختصاصی.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- متن‌باز و مخازن -->
<section id="opensource" class="py-14 sm:py-16 bg-slate-800 text-white relative overflow-hidden">
<div class="absolute inset-0 bg-gradient-to-bl from-brand-600/25 via-transparent to-accent-500/15 pointer-events-none" aria-hidden="true"></div>
<div class="<?php echo $wrap; ?> relative z-10">
<div class="max-w-3xl lg:text-right text-center lg:mr-0 mx-auto">
<h2 class="text-2xl sm:text-3xl font-bold text-white mb-3 flex flex-wrap items-center justify-center lg:justify-start gap-3">
<span class="flex-shrink-0 w-12 h-12 rounded-xl bg-white/10 text-brand-300 flex items-center justify-center border border-white/20" aria-hidden="true">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"/></svg>
</span>
<span class="min-w-0 text-center lg:text-right">متن‌باز و قابل اعتماد</span>
</h2>
<p class="text-slate-300 leading-relaxed mb-6">کد منبع در دسترس است؛ می‌توانید ماژول‌های مالی، CRM، باشگاه، چت، ورک‌فلو و قابلیت‌های مرتبط با <strong class="text-white font-medium">هوش مصنوعی</strong> را بررسی کنید، در توسعه مشارکت کنید یا برای سازمان نسخهٔ سفارشی داشته باشید.</p>
<div class="flex flex-col sm:flex-row flex-wrap gap-3 justify-center lg:justify-start">
<a href="https://source.hesabix.ir" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 bg-brand-500 hover:bg-brand-600 text-white font-semibold px-6 py-3 rounded-xl transition shadow-lg shadow-brand-500/20">مخازن کد</a>
<a href="<?php echo esc_url(home_url('/professional-support/')); ?>" class="hesabix2-btn-outline-on-dark inline-flex items-center justify-center gap-2 text-white font-medium px-6 py-3 rounded-xl transition">درخواست همکاری یا قرارداد</a>
</div>
</div>
</div>
</section>
<!-- حامیان -->
<section id="supporters" class="py-16 sm:py-20 bg-light-50">
<div class="<?php echo $wrap; ?>">
<div class="flex flex-col sm:flex-row sm:items-start gap-4 sm:gap-6 mb-6">
<span class="hesabix2-section-icon mx-auto sm:mx-0 flex-shrink-0 w-14 h-14 rounded-2xl bg-accent-500/15 text-accent-500 flex items-center justify-center border border-accent-400/30" aria-hidden="true">
<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z"/></svg>
</span>
<div class="flex-1 min-w-0 text-center sm:text-right">
<span class="inline-block w-10 h-1 rounded-full bg-accent-500 mb-4"></span>
<h2 class="text-2xl sm:text-3xl font-bold text-slate-800 mb-2">حامیان حسابیکس</h2>
<p class="text-slate-500 mb-0 max-w-xl sm:mr-0 mx-auto">با مشارکت حامیان مالی و حمایت کاربران، به‌صورت مستمر در حال توسعه هستیم.</p>
</div>
</div>
<?php
$sponsor_img = get_template_directory_uri() . '/assets/img';
$sponsor_logos = array(
array(
'url' => 'https://parspack.ir',
'name' => 'پارس پک',
'icon' => $sponsor_img . '/parspack.png',
),
array(
'url' => 'https://mellipayamak.com',
'name' => 'ملی پیامک',
'icon' => $sponsor_img . '/melipayamak.png',
),
array(
'url' => 'https://irmotorbargh.com',
'name' => 'ایران موتور برق',
'icon' => $sponsor_img . '/motorbargh.png',
),
);
?>
<div class="grid grid-cols-1 sm:grid-cols-3 gap-6 mt-2">
<?php foreach ($sponsor_logos as $sp) : ?>
<a href="<?php echo esc_url($sp['url']); ?>" target="_blank" rel="noopener noreferrer" class="hesabix2-sponsor-card rounded-2xl border border-light-200 bg-white p-8 text-center hover:border-brand-400 hover:shadow-md transition shadow-sm block no-underline text-inherit">
<div class="h-14 flex items-center justify-center mb-3">
<img src="<?php echo esc_url($sp['icon']); ?>" alt="<?php echo esc_attr($sp['name']); ?>" width="48" height="48" class="hesabix2-sponsor-logo max-h-12 w-auto object-contain" loading="lazy" decoding="async">
</div>
<span class="text-lg font-bold text-slate-600"><?php echo esc_html($sp['name']); ?></span>
</a>
<?php endforeach; ?>
</div>
<?php
$sponsors_pages = get_pages(array(
'meta_key' => '_wp_page_template',
'meta_value' => 'page-sponsors.php',
'number' => 1,
));
if (!empty($sponsors_pages)) :
$sponsors_url = get_permalink($sponsors_pages[0]->ID);
?>
<div class="mt-8 text-center">
<a href="<?php echo esc_url($sponsors_url); ?>" class="inline-flex items-center gap-2 text-brand-600 hover:text-brand-500 font-medium transition">
مشاهده صفحه حامیان مالی و حمایت از حسابیکس
<span aria-hidden="true">←</span>
</a>
</div>
<?php endif; ?>
</div>
</section>
<!-- سه مرحله - تایم‌لاین افقی -->
<section class="py-16 sm:py-20 bg-white border-y border-slate-100">
<div class="<?php echo $wrap; ?>">
<div class="flex flex-col sm:flex-row sm:items-start gap-4 sm:gap-6 mb-8">
<span class="hesabix2-section-icon mx-auto sm:mx-0 flex-shrink-0 w-14 h-14 rounded-2xl bg-violet-500/15 text-violet-600 flex items-center justify-center border border-violet-400/30" aria-hidden="true">
<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
</span>
<div class="flex-1 min-w-0 text-center sm:text-right">
<span class="inline-block w-10 h-1 rounded-full bg-violet-500 mb-4"></span>
<h2 class="text-2xl sm:text-3xl font-bold text-slate-800 mb-2">شروعی آسان و سریع</h2>
<p class="text-slate-500 mb-0 max-w-2xl sm:mr-0 mx-auto">سه مرحله تا بهره‌برداری از پلتفرم — از ثبت‌نام تا مدیریت یکپارچهٔ مالی، مشتری و عملیات.</p>
</div>
</div>
<div class="grid md:grid-cols-3 gap-8 md:gap-6 mt-2">
<div class="md:flex md:flex-col md:items-center md:text-center">
<div class="flex gap-4 md:flex-col md:items-center">
<span class="w-14 h-14 rounded-2xl bg-accent-500 text-white font-bold text-xl flex items-center justify-center flex-shrink-0 shadow">۱</span>
<div class="md:mt-4">
<h3 class="text-lg font-bold text-slate-800 mb-2">ثبت‌نام و ساخت پنل</h3>
<p class="text-slate-500 text-sm leading-relaxed">عضو شوید و پنل را بسازید؛ چند کسب‌وکار و چند نقش را از یک داشبورد مدیریت کنید.</p>
<p class="text-success-500 text-sm mt-2">تکمیل شد</p>
</div>
</div>
</div>
<div class="md:flex md:flex-col md:items-center md:text-center">
<div class="flex gap-4 md:flex-col md:items-center">
<span class="w-14 h-14 rounded-2xl bg-accent-500 text-white font-bold text-xl flex items-center justify-center flex-shrink-0 shadow">۲</span>
<div class="md:mt-4">
<h3 class="text-lg font-bold text-slate-800 mb-2">تنظیمات و راه‌اندازی</h3>
<p class="text-slate-500 text-sm leading-relaxed">اطلاعات را وارد کنید؛ حسابیکس آماده است. پشتیبانی در کنار شماست.</p>
<p class="text-success-500 text-sm mt-2">تکمیل شد</p>
</div>
</div>
</div>
<div class="flex gap-4 md:flex-col md:items-center md:text-center">
<span class="w-14 h-14 rounded-2xl bg-accent-500 text-white font-bold text-xl flex items-center justify-center flex-shrink-0 shadow">۳</span>
<div class="md:mt-4">
<h3 class="text-lg font-bold text-slate-800 mb-2">دسترسی همه‌جا</h3>
<p class="text-slate-500 text-sm leading-relaxed">موبایل، تبلت، کامپیوتر — با یک اتصال اینترنت در هر نقطه جهان.</p>
<p class="text-accent-500 text-sm mt-2">آماده استفاده!</p>
</div>
</div>
</div>
</div>
</section>
<!-- افزونه‌ها -->
<section id="plugins" class="py-16 sm:py-20 bg-white border-y border-slate-100">
<div class="<?php echo $wrap; ?>">
<div class="flex flex-col sm:flex-row sm:items-start gap-4 sm:gap-6 mb-6">
<span class="hesabix2-section-icon mx-auto sm:mx-0 flex-shrink-0 w-14 h-14 rounded-2xl bg-success-500/15 text-success-500 flex items-center justify-center border border-success-400/30" aria-hidden="true">
<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 001 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z"/></svg>
</span>
<div class="flex-1 min-w-0 text-center sm:text-right">
<span class="inline-block w-10 h-1 rounded-full bg-success-500 mb-4"></span>
<h2 class="text-2xl sm:text-3xl font-bold text-slate-800 mb-2">افزونه‌های قدرتمند</h2>
<p class="text-slate-500 mb-0 max-w-xl sm:mr-0 mx-auto">اتصال پلتفرم به مودیان، فروشگاه، <strong class="text-slate-600 font-medium">چت وردپرس (چت وب)</strong> و سرویس‌های بیرونی — مکمل ماژول‌های داخلی CRM، باشگاه و ورک‌فلو.</p>
</div>
</div>
<div class="grid lg:grid-cols-2 gap-6 mt-2">
<div class="rounded-2xl border border-light-200 bg-light-50 overflow-hidden flex shadow-sm hover:shadow-md transition">
<div class="w-1.5 flex-shrink-0 bg-success-500"></div>
<div class="p-6 flex-1">
<div class="flex items-center justify-between gap-3 mb-3">
<h3 class="text-lg font-bold text-slate-800">اتصال به سامانه مودیان</h3>
<span class="text-xs font-medium text-success-600 bg-success-500/15 px-2.5 py-1 rounded-lg">فعال</span>
</div>
<p class="text-slate-500 text-sm leading-relaxed mb-3">ارسال خودکار فاکتورها به سامانه مودیان، دریافت تاییدیه و مدیریت ارتباط با سازمان امور مالیاتی.</p>
<span class="text-brand-600 text-sm font-medium">ارسال خودکار فاکتورها</span>
</div>
</div>
<div class="rounded-2xl border border-light-200 bg-light-50 overflow-hidden flex shadow-sm hover:shadow-md transition">
<div class="w-1.5 flex-shrink-0 bg-brand-500"></div>
<div class="p-6 flex-1">
<div class="flex items-center justify-between gap-3 mb-3">
<h3 class="text-lg font-bold text-slate-800">اتصال به ووکامرس</h3>
<span class="text-xs font-medium text-brand-600 bg-brand-500/15 px-2.5 py-1 rounded-lg">در دسترس</span>
</div>
<p class="text-slate-500 text-sm leading-relaxed mb-4">همگام‌سازی فروشگاه با حسابیکس؛ سفارشات، محصولات و مشتریان به‌صورت خودکار ثبت می‌شوند.</p>
<?php
$wc_plugin_arc = 'https://source.hesabix.ir/hesabix/ArcWOC/releases';
$wc_plugin_shad = 'https://source.hesabix.ir/morrning/hesabixWCPlugin/releases';
?>
<div class="space-y-3">
<div>
<label for="hesabix-wc-plugin-select" class="block text-slate-600 text-xs font-medium mb-1.5">نسخهٔ حسابیکس</label>
<select id="hesabix-wc-plugin-select" class="w-full px-4 py-3 rounded-xl border border-slate-200 bg-white text-slate-800 text-sm focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-brand-500 transition cursor-pointer">
<option value="<?php echo esc_url($wc_plugin_arc); ?>">آرک</option>
<option value="<?php echo esc_url($wc_plugin_shad); ?>">شادمان</option>
</select>
</div>
<a id="hesabix-wc-plugin-link" href="<?php echo esc_url($wc_plugin_arc); ?>" target="_blank" rel="noopener noreferrer" class="hesabix2-wc-plugin-cta inline-flex items-center justify-center w-full sm:w-auto min-h-[44px] px-5 py-2.5 rounded-xl text-sm font-semibold transition shadow-sm no-underline">
صفحهٔ انتشار افزونه ووکامرس
</a>
</div>
</div>
</div>
<div class="rounded-2xl border border-light-200 bg-light-50 overflow-hidden flex shadow-sm hover:shadow-md transition lg:col-span-2">
<div class="w-1.5 flex-shrink-0 bg-violet-500"></div>
<div class="p-6 flex-1 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-6">
<div class="min-w-0 flex-1">
<div class="flex items-center justify-between gap-3 mb-3">
<h3 class="text-lg font-bold text-slate-800">افزونهٔ وردپرس — اتصال چت وب</h3>
<span class="text-xs font-medium text-violet-700 bg-violet-500/15 px-2.5 py-1 rounded-lg whitespace-nowrap">وردپرس</span>
</div>
<p class="text-slate-500 text-sm leading-relaxed mb-0">ویجت گفتگو را روی سایت وردپرس خود نصب کنید و مکالمات را مستقیم به <strong class="text-slate-700 font-medium">چت وب</strong> و حسابیکس متصل نگه دارید؛ مناسب پشتیبانی و فروش آنلاین.</p>
</div>
<div class="flex-shrink-0 sm:self-center">
<a href="<?php echo esc_url($hesabix_chat_wp_plugin_url); ?>" target="_blank" rel="noopener noreferrer" class="hesabix2-chat-wp-cta inline-flex items-center justify-center w-full sm:w-auto min-h-[44px] px-5 py-2.5 rounded-xl text-sm font-semibold transition shadow-sm no-underline whitespace-nowrap">
صفحهٔ انتشار افزونه
</a>
</div>
</div>
</div>
</div>
</div>
<script>
(function () {
var sel = document.getElementById('hesabix-wc-plugin-select');
var link = document.getElementById('hesabix-wc-plugin-link');
if (!sel || !link) return;
function sync() {
link.href = sel.value;
}
sel.addEventListener('change', sync);
sync();
})();
</script>
</section>
<!-- وبلاگ -->
<?php
$blog_query = new WP_Query(array(
'post_type' => 'post',
'posts_per_page' => 3,
'post_status' => 'publish',
'orderby' => 'date',
));
$blog_accent = array('brand', 'violet', 'accent');
?>
<section class="py-16 sm:py-20 bg-light-50">
<div class="<?php echo $wrap; ?>">
<div class="flex flex-col sm:flex-row sm:items-start gap-4 sm:gap-6 mb-6">
<span class="hesabix2-section-icon mx-auto sm:mx-0 flex-shrink-0 w-14 h-14 rounded-2xl bg-brand-500/15 text-brand-600 flex items-center justify-center border border-brand-400/30" aria-hidden="true">
<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"/></svg>
</span>
<div class="flex-1 min-w-0 text-center sm:text-right">
<span class="inline-block w-10 h-1 rounded-full bg-brand-500 mb-4"></span>
<h2 class="text-2xl sm:text-3xl font-bold text-slate-800 mb-2">از وبلاگ حسابیکس</h2>
<p class="text-slate-500 mb-0">آخرین مقالات، به‌روزرسانی‌ها و نکات کار با پلتفرم.</p>
</div>
</div>
<?php if ($blog_query->have_posts()) : ?>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6 mt-2">
<?php
$i = 0;
while ($blog_query->have_posts()) : $blog_query->the_post();
$accent = $blog_accent[$i % 3];
$i++;
$has_thumb = has_post_thumbnail();
?>
<a href="<?php the_permalink(); ?>" class="fp-blog-card fp-blog-card--<?php echo esc_attr($accent); ?> group block rounded-2xl border border-light-200 bg-white overflow-hidden hover:shadow-lg transition-all duration-300">
<div class="fp-blog-card__media aspect-[16/10] overflow-hidden bg-light-100">
<?php if ($has_thumb) : ?>
<?php the_post_thumbnail('medium_large', array('class' => 'w-full h-full object-cover group-hover:scale-105 transition-transform duration-500')); ?>
<?php else : ?>
<div class="fp-blog-card__placeholder fp-blog-card__placeholder--<?php echo esc_attr($accent); ?> w-full h-full flex items-center justify-center">
<svg class="w-14 h-14 text-white/50" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"/></svg>
</div>
<?php endif; ?>
</div>
<div class="p-6">
<time class="text-slate-500 text-sm"><?php echo esc_html(get_the_date()); ?></time>
<h3 class="fp-blog-card__title text-lg font-bold text-slate-800 mt-2 mb-2 group-hover:text-brand-600 transition-colors line-clamp-2"><?php the_title(); ?></h3>
<p class="text-slate-500 text-sm leading-relaxed line-clamp-2"><?php echo wp_trim_words(get_the_excerpt(), 15); ?></p>
<span class="fp-blog-card__link text-brand-600 text-sm font-medium mt-3 inline-flex items-center gap-1 group-hover:gap-2 transition-all">ادامه مطلب ←</span>
</div>
</a>
<?php endwhile; wp_reset_postdata(); ?>
</div>
<div class="mt-8 text-center">
<a href="<?php echo esc_url(get_option('page_for_posts') ? get_permalink(get_option('page_for_posts')) : home_url('/')); ?>" class="text-brand-600 hover:text-brand-500 font-medium transition">مشاهده همه مقالات</a>
</div>
<?php else : ?>
<div class="text-center py-8 text-slate-500">هنوز مطلبی منتشر نشده است.</div>
<?php endif; ?>
</div>
</section>
<!-- کانال تلگرام و بله -->
<section class="hesabix2-channels-section py-12 sm:py-14 border-y border-slate-200">
<div class="<?php echo $wrap; ?>">
<div class="hesabix2-channels-inner flex flex-col lg:flex-row items-center justify-between gap-6 rounded-2xl border border-slate-200 bg-white p-6 sm:p-8 shadow-md">
<div class="flex flex-col sm:flex-row sm:items-center gap-4 text-center lg:text-right">
<span class="hesabix2-section-icon mx-auto lg:mx-0 flex-shrink-0 w-14 h-14 rounded-2xl bg-brand-500/10 text-brand-600 flex items-center justify-center border border-brand-500/20" aria-hidden="true">
<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
</span>
<div>
<h2 class="hesabix2-channels-title text-lg sm:text-xl font-bold text-slate-800 mb-1">کانال‌های رسمی</h2>
<p class="hesabix2-channels-desc text-slate-600 text-sm leading-relaxed max-w-xl mb-0">اخبار نسخه‌ها، آموزش‌های کوتاه و پاسخ به پرسش‌های رایج را در تلگرام یا بله دنبال کنید.</p>
</div>
</div>
<div class="flex flex-col sm:flex-row flex-wrap items-stretch sm:items-center justify-center gap-3 w-full lg:w-auto">
<a href="https://t.me/hesabixacc" target="_blank" rel="noopener noreferrer" class="hesabix2-telegram-cta inline-flex items-center justify-center gap-2 flex-shrink-0 font-bold px-6 py-3.5 rounded-xl transition min-h-[52px] no-underline">
<svg class="w-6 h-6 flex-shrink-0" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg>
تلگرام — @hesabixacc
</a>
<a href="https://ble.ir/join/AZcuMtW5u8" target="_blank" rel="noopener noreferrer" class="hesabix2-bale-cta inline-flex items-center justify-center gap-2 flex-shrink-0 text-white font-bold px-6 py-3.5 rounded-xl transition shadow-md min-h-[52px] no-underline">
<svg class="w-6 h-6 flex-shrink-0" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"/></svg>
پیوستن در بله
</a>
</div>
</div>
</div>
</section>
<!-- نظرات مشتریان -->
<section class="py-16 sm:py-20 bg-white border-y border-slate-100">
<div class="<?php echo $wrap; ?>">
<div class="flex flex-col sm:flex-row sm:items-start gap-4 sm:gap-6 mb-8">
<span class="hesabix2-section-icon mx-auto sm:mx-0 flex-shrink-0 w-14 h-14 rounded-2xl bg-accent-500/15 text-accent-500 flex items-center justify-center border border-accent-400/30" aria-hidden="true">
<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z"/></svg>
</span>
<div class="flex-1 min-w-0 text-center sm:text-right">
<span class="inline-block w-10 h-1 rounded-full bg-accent-500 mb-4"></span>
<h2 class="text-2xl sm:text-3xl font-bold text-slate-800 mb-2">نظرات مشتریان</h2>
<p class="text-slate-500 mb-0">آنچه کاربران درباره حسابیکس می‌گویند.</p>
</div>
</div>
<div class="grid md:grid-cols-3 gap-6 mt-2">
<div class="rounded-2xl border border-light-200 bg-light-50 p-6 shadow-sm hover:shadow-md transition">
<p class="text-slate-600 text-sm leading-relaxed mb-4">«برای چاپخانه برادرم دنبال نرم‌افزار حسابداری آنلاین بودم؛ به حسابیکس برخورد کردم و از همان اول راضی بودم…»</p>
<div class="flex items-center gap-3 pt-4 border-t border-light-200">
<span class="w-11 h-11 rounded-xl bg-violet-500/20 text-violet-600 font-bold flex items-center justify-center">ح</span>
<div>
<span class="font-semibold text-slate-800 block">حمیدرضا تینای تهرانی</span>
<span class="text-slate-500 text-sm">صاحب چاپخانه</span>
</div>
</div>
</div>
<div class="rounded-2xl border border-light-200 bg-light-50 p-6 shadow-sm hover:shadow-md transition">
<p class="text-slate-600 text-sm leading-relaxed mb-4">«شرکت خدمات کامپیوتری دارم؛ با حسابیکس مدیریت مالی خیلی ساده شد. قبلاً نرم‌افزارهای دیگر یا پیچیده بودن یا کم‌امکانات.»</p>
<div class="flex items-center gap-3 pt-4 border-t border-light-200">
<span class="w-11 h-11 rounded-xl bg-brand-500/20 text-brand-600 font-bold flex items-center justify-center">م</span>
<div>
<span class="font-semibold text-slate-800 block">محمد رضایی</span>
<span class="text-slate-500 text-sm">مدیر شرکت</span>
</div>
</div>
</div>
<div class="rounded-2xl border border-light-200 bg-light-50 p-6 shadow-sm hover:shadow-md transition">
<p class="text-slate-600 text-sm leading-relaxed mb-4">«فروشگاه پوشاک دارم؛ با معرفی حسابیکس از طرف دوست، از روز اول مدیریت موجودی و حساب‌وکتاب برام راحت شد.»</p>
<div class="flex items-center gap-3 pt-4 border-t border-light-200">
<span class="w-11 h-11 rounded-xl bg-accent-500/20 text-accent-600 font-bold flex items-center justify-center">ف</span>
<div>
<span class="font-semibold text-slate-800 block">فاطمه محمدی</span>
<span class="text-slate-500 text-sm">فروشگاه پوشاک</span>
</div>
</div>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>