hesabixWpTheme/page-sponsors.php

<?php
/**
 * Template Name: حامیان مالی
 * قالب صفحه حامیان مالی و اسپانسرها — به‌تقلید از قالب Hesabix، با استایل Hesabix2
 *
 * @package Hesabix2
 */

get_header();

$wrap   = 'max-w-6xl mx-auto px-4 sm:px-6 lg:px-8';
$theme_uri = get_template_directory_uri();
$theme_dir = get_template_directory();
?>

<!-- بنر اصلی -->
<section class="bg-gradient-to-l from-brand-600 to-brand-500 relative overflow-hidden">
    <?php
    $banner = $theme_dir . '/assets/img/sp/donate-banner.webp';
    if (is_readable($banner)) :
    ?>
    <img src="<?php echo esc_url($theme_uri . '/assets/img/sp/donate-banner.webp'); ?>"
         class="w-full h-48 object-cover opacity-20"
         alt="حمایت و کمک مالی به حسابیکس">
    <?php endif; ?>
    <div class="absolute inset-0 flex flex-col justify-center text-white px-4 sm:px-6 lg:px-8">
        <div class="<?php echo $wrap; ?>">
            <h1 class="text-2xl sm:text-3xl font-bold mb-2">حمایت از حسابیکس</h1>
            <p class="text-sm sm:text-base text-white/90 max-w-xl">
                حسابیکس با ❤ و به‌صورت متن‌باز توسط گروهی از علاقه‌مندان توسعه داده می‌شود.
            </p>
        </div>
    </div>
</section>

<!-- بخش محتوا و حمایت -->
<section class="py-12 sm:py-16 bg-slate-50 border-b border-slate-100">
    <div class="<?php echo $wrap; ?>">
        <div class="grid lg:grid-cols-3 gap-8 items-start">
            <div class="lg:col-span-2 rounded-2xl bg-white border border-slate-200 p-6 sm:p-8 shadow-sm">
                <p class="text-slate-600 leading-relaxed mb-4">
                    یکی از شاخصه‌های مهم حسابیکس متن‌باز بودن آن است؛ به همین دلیل این پلتفرم را به‌صورت رایگان به همگان ارائه می‌کنیم. متن‌باز بودن به‌معنای نداشتن هزینه نیست — حسابیکس برای توسعه و نگهداری زیرساخت‌ها همواره با هزینه‌هایی روبه‌رو است که بخش اعظم آن از طریق کمک‌های مردمی تأمین می‌شود.
                </p>
                <p class="text-lg font-semibold text-brand-600 mb-4">
                    حسابیکس با کمک‌های مالی شما به‌روز می‌شود، حتی با خرید یک چایی!
                </p>
                <p class="text-slate-500 text-sm leading-relaxed">
                    مهم‌ترین ویژگی نرم‌افزار متن‌باز این است که کدهای برنامه به‌صورت کاملاً باز در اختیار همگان قرار می‌گیرد. شما هر تغییری بخواهید می‌توانید در کدها ایجاد کنید و حتی در نرم‌افزارهای تجاری خود از آن استفاده کنید.
                </p>
            </div>
            <div class="lg:col-span-1">
                <div class="rounded-2xl bg-white border border-slate-200 overflow-hidden shadow-sm hover:shadow-md transition">
                    <?php
                    $donate_img = $theme_dir . '/assets/img/donate.png';
                    if (is_readable($donate_img)) :
                    ?>
                    <img src="<?php echo esc_url($theme_uri . '/assets/img/donate.png'); ?>"
                         class="w-full h-40 object-contain bg-slate-50"
                         alt="پرداخت آنلاین کمک مالی">
                    <?php else : ?>
                    <div class="w-full h-40 bg-gradient-to-br from-brand-500/10 to-accent-500/10 flex items-center justify-center">
                        <span class="text-4xl text-slate-300">💝</span>
                    </div>
                    <?php endif; ?>
                    <div class="p-5 text-center">
                        <h3 class="text-brand-600 font-semibold mb-2">من هم از حسابیکس حمایت مالی می‌کنم</h3>
                        <p class="text-slate-500 text-sm mb-4">لطفاً با حمایت از حسابیکس در توسعه آن سهیم باشید.</p>
                        <a href="https://zarinp.al/hesabix.ir"
                           target="_blank"
                           rel="noopener noreferrer"
                           class="inline-flex items-center justify-center bg-success-500 hover:bg-success-400 text-white font-medium py-2.5 px-5 rounded-xl text-sm transition">
                            پرداخت آنلاین
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- بخش حامیان و اسپانسرها -->
<section id="supporters" class="py-12 sm:py-16 bg-white">
    <div class="<?php echo $wrap; ?>">
        <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-10 max-w-xl">با مشارکت حامیان مالی و حمایت کاربران، به‌صورت مستمر در حال توسعه هستیم.</p>

        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
            <?php
            $sponsors = array(
                array(
                    'logo'   => '/assets/img/parspack.png',
                    'name'   => 'پارس پک',
                    'desc'   => 'از یک استارت‌آپ کوچک تا سازمانی بزرگ پشتیبان‌تان هستیم.',
                    'url'    => 'https://parspack.com',
                ),
                array(
                    'logo'   => '/assets/img/melipayamak.png',
                    'name'   => 'ملی پیامک',
                    'desc'   => 'ملی پیامک یک سامانه پیامکی معمولی نیست! یک ابزار کارا و قدرتمند است.',
                    'url'    => 'https://melipayamak.com',
                ),
                array(
                    'logo'   => '/assets/img/motorbargh.png',
                    'name'   => 'ایران موتور برق',
                    'desc'   => 'خرید موتوربرق با بهترین کیفیت و مناسب‌ترین قیمت از ایران موتور برق.',
                    'url'    => 'https://irmotorbargh.com',
                ),
                array(
                    'logo'   => '',
                    'name'   => 'حامی حسابیکس باشید',
                    'desc'   => 'اینجا جای بنر شماست، هم‌اکنون درخواست خود را ارسال کنید.',
                    'url'    => 'https://app.hesabix.ir',
                    'cta'    => 'ارسال تیکت',
                ),
            );
            foreach ($sponsors as $s) :
                $logo_path = !empty($s['logo']) ? $theme_dir . $s['logo'] : '';
                $has_logo  = $logo_path !== '' && is_readable($logo_path);
            ?>
            <div class="rounded-2xl border-2 border-slate-200 bg-white overflow-hidden shadow-sm hover:border-brand-400 hover:shadow-md transition">
                <a href="<?php echo esc_url($s['url']); ?>" target="_blank" rel="noopener noreferrer" class="block p-6 text-center">
                    <?php if ($has_logo) : ?>
                    <img src="<?php echo esc_url($theme_uri . $s['logo']); ?>"
                         class="w-full h-24 object-contain mx-auto mb-3"
                         alt="<?php echo esc_attr($s['name']); ?>">
                    <?php else : ?>
                    <div class="w-full h-24 flex items-center justify-center bg-slate-50 rounded-xl mb-3">
                        <span class="text-2xl font-bold text-slate-400"><?php echo esc_html(mb_substr($s['name'], 0, 1)); ?></span>
                    </div>
                    <?php endif; ?>
                    <span class="text-base font-semibold text-slate-700 block mb-2"><?php echo esc_html($s['name']); ?></span>
                    <p class="text-slate-500 text-sm leading-relaxed"><?php echo esc_html($s['desc']); ?></p>
                    <?php if (!empty($s['cta'])) : ?>
                    <span class="inline-block mt-4 border-2 border-brand-500 text-brand-600 hover:bg-brand-500 hover:text-white py-2 px-4 rounded-xl text-sm font-medium transition">
                        <?php echo esc_html($s['cta']); ?>
                    </span>
                    <?php else : ?>
                    <span class="inline-block mt-4 text-brand-600 text-sm font-medium">وب‌سایت ←</span>
                    <?php endif; ?>
                </a>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>

<?php
get_footer();