hesabixSite/templates/general/professional-support.html.twig
Hesabix be126d506b
Some checks are pending
PHP Composer / build (push) Waiting to run
progress in QA service
2025-09-05 18:03:55 +03:30

407 lines
33 KiB
Twig
Raw 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.

{% extends 'base.html.twig' %}
{% block title %}پشتیبانی تخصصی نرم افزار حسابداری حسابیکس{% endblock %}
{% block body %}
<!-- Hero Section -->
<div class="bg-gradient-to-br from-blue-600 via-purple-600 to-indigo-700 text-white py-16">
<div class="container mx-auto px-4">
<div class="max-w-4xl mx-auto text-center">
<div class="mb-8">
<div class="inline-flex items-center justify-center mb-6 bg-white bg-opacity-20 rounded-full w-32 h-32">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-yellow-400">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
</svg>
</div>
<h1 class="text-4xl md:text-5xl font-bold mb-6">پشتیبانی تخصصی حسابیکس</h1>
<p class="text-xl text-blue-100 mb-8">نرم افزار حسابداری ابری، متن باز و رایگان با پشتیبانی حرفه‌ای برای کسب و کارها</p>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="container mx-auto px-4 py-16">
<!-- Open Source Section -->
<div class="mb-16">
<div class="max-w-6xl mx-auto">
<div class="bg-white rounded-3xl shadow-2xl overflow-hidden">
<div class="p-8 md:p-12">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 items-center">
<div class="text-center lg:text-right">
<div class="bg-green-100 rounded-full inline-flex items-center justify-center mb-6 w-32 h-32">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600">
<polyline points="16,18 22,12 16,6"></polyline>
<polyline points="8,6 2,12 8,18"></polyline>
</svg>
</div>
<h2 class="text-3xl font-bold text-green-600 mb-4">حسابیکس - نرم افزار متن باز</h2>
<p class="text-gray-600 text-lg leading-relaxed">حسابیکس یک نرم افزار حسابداری ابری، متن باز و کاملاً رایگان است که شما می‌توانید از آن برای مدیریت مالی کسب و کار خود استفاده کنید.</p>
</div>
<div class="grid grid-cols-2 gap-4">
<div class="text-center p-4 bg-gray-50 rounded-2xl hover:bg-gray-100 transition-colors duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-600 mb-2 mx-auto">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
<h6 class="font-bold mb-1 text-gray-800">جامعه فعال</h6>
<small class="text-gray-500">توسعه‌دهندگان</small>
</div>
<div class="text-center p-4 bg-gray-50 rounded-2xl hover:bg-gray-100 transition-colors duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 mb-2 mx-auto">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
<h6 class="font-bold mb-1 text-gray-800">امنیت بالا</h6>
<small class="text-gray-500">کدهای باز</small>
</div>
<div class="text-center p-4 bg-gray-50 rounded-2xl hover:bg-gray-100 transition-colors duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-500 mb-2 mx-auto">
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
<polyline points="7,10 12,15 17,10"></polyline>
<line x1="12" y1="15" x2="12" y2="3"></line>
</svg>
<h6 class="font-bold mb-1 text-gray-800">کاملاً رایگان</h6>
<small class="text-gray-500">بدون هزینه</small>
</div>
<div class="text-center p-4 bg-gray-50 rounded-2xl hover:bg-gray-100 transition-colors duration-200">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-yellow-500 mb-2 mx-auto">
<circle cx="12" cy="12" r="3"></circle>
<path d="M12 1v6m0 6v6"></path>
<path d="M21 12h-6m-6 0H3"></path>
</svg>
<h6 class="font-bold mb-1 text-gray-800">قابل سفارشی</h6>
<small class="text-gray-500">انعطاف‌پذیر</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Professional Services Section -->
<div class="mb-16">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-12">
<h2 class="text-4xl md:text-5xl font-bold text-blue-600 mb-6">پشتیبانی تخصصی برای کسب و کارها</h2>
<p class="text-gray-600 text-lg max-w-4xl mx-auto leading-relaxed">اگر شما یک شرکت یا کسب و کار دارید و نیاز به پشتیبانی حرفه‌ای، قابلیت‌های سفارشی یا خدمات تخصصی برای نرم افزار حسابداری حسابیکس دارید، ما آماده ارائه خدمات زیر هستیم:</p>
</div>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<!-- Custom Development -->
<div class="group">
<div class="bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 h-full">
<div class="p-8">
<div class="flex items-center mb-6">
<div class="bg-blue-100 rounded-full flex items-center justify-center w-16 h-16 ml-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-600">
<circle cx="12" cy="12" r="3"></circle>
<path d="M12 1v6m0 6v6"></path>
<path d="M21 12h-6m-6 0H3"></path>
</svg>
</div>
<div>
<h4 class="text-xl font-bold text-gray-800 mb-2">توسعه قابلیت‌های سفارشی</h4>
<p class="text-gray-600">توسعه ماژول‌های حسابداری خاص مطابق با نیازهای کسب و کار شما</p>
</div>
</div>
<ul class="space-y-3">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">تحلیل نیازمندی‌های حسابداری</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">طراحی ماژول‌های اختصاصی</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">یکپارچه‌سازی با سیستم‌های موجود</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">تست و تضمین کیفیت</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Technical Support -->
<div class="group">
<div class="bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 h-full">
<div class="p-8">
<div class="flex items-center mb-6">
<div class="bg-green-100 rounded-full flex items-center justify-center w-16 h-16 ml-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
</div>
<div>
<h4 class="text-xl font-bold text-gray-800 mb-2">پشتیبانی فنی ۲۴/۷</h4>
<p class="text-gray-600">پشتیبانی فنی شبانه‌روزی برای حل مشکلات حسابداری و پاسخ به سوالات</p>
</div>
</div>
<ul class="space-y-3">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">پاسخ سریع به مشکلات فنی</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">راهنمایی تخصصی حسابداری</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">حل مشکلات از راه دور</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">پشتیبانی تلفنی و آنلاین</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Training -->
<div class="group">
<div class="bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 h-full">
<div class="p-8">
<div class="flex items-center mb-6">
<div class="bg-blue-100 rounded-full flex items-center justify-center w-16 h-16 ml-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-600">
<path d="M22 10v6M2 10l10-5 10 5-10 5z"></path>
<path d="M6 12v5c3 3 9 3 12 0v-5"></path>
</svg>
</div>
<div>
<h4 class="text-xl font-bold text-gray-800 mb-2">آموزش و راهنمایی</h4>
<p class="text-gray-600">آموزش کارکنان در استفاده بهینه از نرم افزار حسابداری حسابیکس</p>
</div>
</div>
<ul class="space-y-3">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">آموزش حضوری و آنلاین</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">مستندات آموزشی اختصاصی</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">ویدیوهای آموزشی حسابداری</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">پشتیبانی آموزشی مداوم</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Installation -->
<div class="group">
<div class="bg-white rounded-3xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 h-full">
<div class="p-8">
<div class="flex items-center mb-6">
<div class="bg-yellow-100 rounded-full flex items-center justify-center w-16 h-16 ml-4">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-yellow-600">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect>
<line x1="8" y1="21" x2="16" y2="21"></line>
<line x1="12" y1="17" x2="12" y2="21"></line>
</svg>
</div>
<div>
<h4 class="text-xl font-bold text-gray-800 mb-2">نصب و راه‌اندازی</h4>
<p class="text-gray-600">نصب، پیکربندی و راه‌اندازی نرم افزار حسابداری در محیط شما</p>
</div>
</div>
<ul class="space-y-3">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">نصب روی سرور اختصاصی</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">پیکربندی امنیتی</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">تنظیمات پایگاه داده</span>
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600 ml-3">
<polyline points="20,6 9,17 4,12"></polyline>
</svg>
<span class="text-gray-700">تضمین عملکرد بهینه</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Contact CTA Section -->
<div class="mb-16">
<div class="max-w-4xl mx-auto">
<div class="bg-gradient-to-br from-blue-600 via-purple-600 to-indigo-700 text-white rounded-3xl shadow-2xl overflow-hidden">
<div class="p-8 md:p-12 text-center">
<div class="mb-8">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-yellow-400 mb-6 mx-auto">
<polygon points="13,2 3,14 12,14 11,22 21,10 12,10 13,2"></polygon>
</svg>
<h3 class="text-3xl font-bold mb-4">آماده شروع هستید؟</h3>
<p class="text-xl text-blue-100 mb-8">برای دریافت خدمات تخصصی و مشاوره رایگان درباره نرم افزار حسابداری حسابیکس، همین حالا با ما تماس بگیرید</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mb-3 mx-auto text-yellow-400">
<circle cx="12" cy="12" r="10"></circle>
<polyline points="12,6 12,12 16,14"></polyline>
</svg>
<h6 class="text-lg font-bold mb-2">پاسخ سریع</h6>
<small class="text-blue-200">حداکثر ۲۴ ساعت</small>
</div>
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mb-3 mx-auto text-yellow-400">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path>
</svg>
<h6 class="text-lg font-bold mb-2">پشتیبانی ۲۴/۷</h6>
<small class="text-blue-200">همیشه در دسترس</small>
</div>
<div class="text-center">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mb-3 mx-auto text-yellow-400">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
<h6 class="text-lg font-bold mb-2">تضمین کیفیت</h6>
<small class="text-blue-200">خدمات تضمین شده</small>
</div>
</div>
<a href="{{ path('app_page', {'url': 'contact'}) }}" class="inline-flex items-center px-8 py-4 bg-yellow-500 text-gray-900 rounded-2xl hover:bg-yellow-400 transform hover:-translate-y-1 transition-all duration-300 shadow-lg hover:shadow-xl font-bold text-lg">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="ml-2">
<line x1="22" y1="2" x2="11" y2="13"></line>
<polygon points="22,2 15,2 11,6 2,15 2,22 9,22 13,18 22,9 22,2"></polygon>
</svg>
ارسال درخواست پشتیبانی
</a>
</div>
</div>
</div>
</div>
<!-- Benefits Section -->
<div>
<div class="max-w-6xl mx-auto">
<div class="text-center mb-12">
<h2 class="text-4xl md:text-5xl font-bold text-blue-600 mb-6">مزایای پشتیبانی تخصصی حسابیکس</h2>
<p class="text-gray-600 text-lg max-w-4xl mx-auto leading-relaxed">چرا باید از خدمات پشتیبانی تخصصی ما برای نرم افزار حسابداری حسابیکس استفاده کنید؟</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="text-center p-6 group">
<div class="bg-blue-100 rounded-full inline-flex items-center justify-center mb-6 w-20 h-20 group-hover:scale-110 transition-transform duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-600">
<polygon points="13,2 3,14 12,14 11,22 21,10 12,10 13,2"></polygon>
</svg>
</div>
<h5 class="text-xl font-bold mb-3 text-gray-800">پاسخ سریع</h5>
<p class="text-gray-600">دریافت پاسخ تخصصی در کمترین زمان ممکن</p>
</div>
<div class="text-center p-6 group">
<div class="bg-green-100 rounded-full inline-flex items-center justify-center mb-6 w-20 h-20 group-hover:scale-110 transition-transform duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-green-600">
<path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"></path>
</svg>
</div>
<h5 class="text-xl font-bold mb-3 text-gray-800">حل مشکلات</h5>
<p class="text-gray-600">حل مشکلات پیچیده حسابداری در کمترین زمان</p>
</div>
<div class="text-center p-6 group">
<div class="bg-blue-100 rounded-full inline-flex items-center justify-center mb-6 w-20 h-20 group-hover:scale-110 transition-transform duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-blue-600">
<polyline points="16,18 22,12 16,6"></polyline>
<polyline points="8,6 2,12 8,18"></polyline>
</svg>
</div>
<h5 class="text-xl font-bold mb-3 text-gray-800">توسعه سفارشی</h5>
<p class="text-gray-600">توسعه قابلیت‌های اختصاصی برای کسب و کار شما</p>
</div>
<div class="text-center p-6 group">
<div class="bg-yellow-100 rounded-full inline-flex items-center justify-center mb-6 w-20 h-20 group-hover:scale-110 transition-transform duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-yellow-600">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path>
<circle cx="9" cy="7" r="4"></circle>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"></path>
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg>
</div>
<h5 class="text-xl font-bold mb-3 text-gray-800">آموزش کارکنان</h5>
<p class="text-gray-600">آموزش کامل کارکنان برای استفاده بهینه از حسابیکس</p>
</div>
<div class="text-center p-6 group">
<div class="bg-red-100 rounded-full inline-flex items-center justify-center mb-6 w-20 h-20 group-hover:scale-110 transition-transform duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-red-600">
<circle cx="12" cy="12" r="3"></circle>
<path d="M12 1v6m0 6v6"></path>
<path d="M21 12h-6m-6 0H3"></path>
</svg>
</div>
<h5 class="text-xl font-bold mb-3 text-gray-800">پشتیبانی از راه دور</h5>
<p class="text-gray-600">حل مشکلات بدون نیاز به حضور فیزیکی</p>
</div>
<div class="text-center p-6 group">
<div class="bg-gray-100 rounded-full inline-flex items-center justify-center mb-6 w-20 h-20 group-hover:scale-110 transition-transform duration-300">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-600">
<polyline points="23,4 23,10 17,10"></polyline>
<polyline points="1,20 1,14 7,14"></polyline>
<path d="M20 21C20 19.6044 20 18.4067 20 17.4069C20 16.4072 20 15.6081 20 15.0096C20 14.4111 20 14.012 20 13.8125C20 13.6129 20 13.5132 20 13.5132C20 13.5132 20 13.6129 20 13.8125C20 14.012 20 14.4111 20 15.0096C20 15.6081 20 16.4072 20 17.4069C20 18.4067 20 19.6044 20 21"></path>
<path d="M4 3C4 4.3956 4 5.5933 4 6.5931C4 7.5928 4 8.3919 4 8.9904C4 9.5889 4 9.988 4 10.1875C4 10.3871 4 10.4868 4 10.4868C4 10.4868 4 10.3871 4 10.1875C4 9.988 4 9.5889 4 8.9904C4 8.3919 4 7.5928 4 6.5931C4 5.5933 4 4.3956 4 3"></path>
</svg>
</div>
<h5 class="text-xl font-bold mb-3 text-gray-800">به‌روزرسانی مداوم</h5>
<p class="text-gray-600">به‌روزرسانی و نگهداری منظم نرم افزار حسابداری</p>
</div>
</div>
</div>
</div>
</div>
{% endblock %}