api/templates/main/enterprise.html.twig

598 lines
No EOL
36 KiB
Twig
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.

{% extends 'base.html.twig' %}
{% block title %}پشتیبانی سازمانی | سرویس نقشه اختصاصی می‌مپس{% endblock %}
{% block description %}سرویس‌های سازمانی و اختصاصی نقشه می‌مپس - طراحی استایل نقشه، نقشه وکتوری، مسیریابی ماتریسی، جستجو و قابلیت‌های پیشرفته{% endblock %}
{% block keywords %}سرویس سازمانی, نقشه اختصاصی, نقشه وکتوری, مسیریابی ماتریسی, جستجو نقشه, استایل نقشه, API اختصاصی, پشتیبانی سازمانی{% endblock %}
{% block og_title %}پشتیبانی سازمانی - سرویس نقشه اختصاصی می‌مپس{% endblock %}
{% block og_description %}سرویس‌های سازمانی و اختصاصی نقشه می‌مپس با قابلیت‌های پیشرفته{% endblock %}
{% block body %}
<!-- Hero Section -->
<section class="hero-section text-white">
<div class="container">
<div class="text-center">
<h1 class="display-4 fw-bold mb-4">
پشتیبانی سازمانی
<span class="d-block">سرویس نقشه اختصاصی می‌مپس</span>
</h1>
<p class="lead opacity-90">
راه‌اندازی سرویس نقشه اختصاصی با قابلیت‌های پیشرفته برای سازمان‌ها و شرکت‌ها
</p>
<div class="mt-4">
<a href="#services" class="btn btn-primary btn-lg me-3">مشاهده خدمات</a>
<a href="{{ path('app_main_contact') }}" class="btn btn-outline-light btn-lg">تماس با ما</a>
</div>
</div>
</div>
</section>
<!-- Services Overview -->
<section id="services" class="py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold text-gradient mb-3">خدمات سازمانی ما</h2>
<p class="lead text-muted">
راه‌حل‌های کامل نقشه برای کسب‌وکارهای بزرگ
</p>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6">
<div class="card h-100 border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon icon-primary">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M4 1h16c1.1 0 2 .9 2 2v4c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2z"/>
<path d="M4 9h16c1.1 0 2 .9 2 2v4c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2v-4c0-1.1.9-2 2-2z"/>
<path d="M4 17h16c1.1 0 2 .9 2 2v2c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2z"/>
<circle cx="6" cy="4" r="1"/>
<circle cx="6" cy="12" r="1"/>
<circle cx="6" cy="20" r="1"/>
</svg>
</div>
<h4 class="fw-bold mb-3">سرویس اختصاصی</h4>
<p class="text-muted mb-0">
راه‌اندازی سرور نقشه اختصاصی با دامنه و آدرس مخصوص سازمان شما
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card h-100 border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon icon-success">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
<path d="M12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/>
<circle cx="12" cy="12" r="2"/>
<path d="M12 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
<path d="M12 16c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
<path d="M4 12c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2z"/>
<path d="M16 12c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2z"/>
</svg>
</div>
<h4 class="fw-bold mb-3">طراحی استایل</h4>
<p class="text-muted mb-0">
طراحی استایل نقشه اختصاصی مطابق با برند و نیازهای سازمان شما
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card h-100 border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon icon-warning">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3 3h18v18H3V3zm16 16V5H5v14h14z"/>
<path d="M7 7h10v2H7V7zm0 4h10v2H7v-2zm0 4h6v2H7v-2z"/>
<path d="M9 9h2v2H9V9zm4 0h2v2h-2V9zm-4 4h2v2H9v-2zm4 0h2v2h-2v-2z"/>
</svg>
</div>
<h4 class="fw-bold mb-3">نقشه وکتوری</h4>
<p class="text-muted mb-0">
ارائه نقشه‌های وکتوری با کیفیت بالا و قابلیت تعامل پیشرفته
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card h-100 border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon icon-info">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
<path d="M12 4c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8zm0 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"/>
<path d="M12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/>
<circle cx="12" cy="12" r="1"/>
<path d="M8 12c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4z"/>
<path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"/>
</svg>
</div>
<h4 class="fw-bold mb-3">مسیریابی ماتریسی</h4>
<p class="text-muted mb-0">
محاسبه مسیر بین چندین نقطه با الگوریتم‌های بهینه‌سازی پیشرفته
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card h-100 border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon icon-secondary">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="8"/>
<path d="m21 21-4.35-4.35"/>
<path d="M11 6v10"/>
<path d="M6 11h10"/>
</svg>
</div>
<h4 class="fw-bold mb-3">جستجوی پیشرفته</h4>
<p class="text-muted mb-0">
سیستم جستجوی هوشمند با قابلیت جستجو در آدرس، مکان‌ها و POI ها
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card h-100 border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon icon-dark">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
<path d="M12 6c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/>
<circle cx="12" cy="12" r="2"/>
<path d="M8 8c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4z"/>
<path d="M8 16c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4z"/>
<path d="M16 8c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4z"/>
<path d="M16 16c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4z"/>
</svg>
</div>
<h4 class="fw-bold mb-3">API اختصاصی</h4>
<p class="text-muted mb-0">
توسعه API های اختصاصی برای نیازهای خاص سازمان شما
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Detailed Services -->
<section class="py-5 bg-light">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold text-gradient mb-3">جزئیات خدمات</h2>
<p class="lead text-muted">
قابلیت‌های پیشرفته و تخصصی برای سازمان‌ها
</p>
</div>
<!-- Custom Service -->
<div class="row mb-5">
<div class="col-lg-6">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-primary text-white">
<h4 class="mb-0">🏢 سرویس اختصاصی</h4>
</div>
<div class="card-body">
<h5 class="fw-bold mb-3">ویژگی‌ها:</h5>
<ul class="list-unstyled">
<li class="mb-2">✅ <strong>دامنه اختصاصی:</strong> نقشه.yourcompany.com</li>
<li class="mb-2">✅ <strong>SSL اختصاصی:</strong> امنیت کامل داده‌ها</li>
<li class="mb-2">✅ <strong>پشتیبانی 24/7:</strong> پشتیبانی فنی شبانه‌روزی</li>
<li class="mb-2">✅ <strong>مانیتورینگ:</strong> نظارت مداوم بر عملکرد</li>
<li class="mb-2">✅ <strong>Backup خودکار:</strong> پشتیبان‌گیری خودکار</li>
<li class="mb-2">✅ <strong>مقیاس‌پذیری:</strong> قابلیت افزایش ظرفیت</li>
</ul>
<div class="mt-4">
<h6 class="fw-bold text-primary">مثال URL:</h6>
<code class="bg-light p-2 rounded d-block">https://maps.yourcompany.com/hot/{z}/{x}/{y}.png</code>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-success text-white">
<h4 class="mb-0">🎨 طراحی استایل</h4>
</div>
<div class="card-body">
<h5 class="fw-bold mb-3">قابلیت‌ها:</h5>
<ul class="list-unstyled">
<li class="mb-2">✅ <strong>رنگ‌بندی اختصاصی:</strong> مطابق با برند سازمان</li>
<li class="mb-2">✅ <strong>فونت سفارشی:</strong> فونت‌های فارسی و انگلیسی</li>
<li class="mb-2">✅ <strong>نمادهای اختصاصی:</strong> آیکون‌های سفارشی</li>
<li class="mb-2">✅ <strong>لایه‌های اضافی:</strong> لایه‌های اطلاعاتی خاص</li>
<li class="mb-2">✅ <strong>تم‌های مختلف:</strong> روز/شب/ماهواره</li>
<li class="mb-2">✅ <strong>انیمیشن:</strong> افکت‌های بصری پیشرفته</li>
</ul>
<div class="mt-4">
<h6 class="fw-bold text-success">استایل‌های آماده:</h6>
<span class="badge bg-primary me-2">سازمانی</span>
<span class="badge bg-success me-2">طبیعی</span>
<span class="badge bg-warning me-2">شهری</span>
<span class="badge bg-info">ماهواره</span>
</div>
</div>
</div>
</div>
</div>
<!-- Vector Maps -->
<div class="row mb-5">
<div class="col-lg-6">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-warning text-white">
<h4 class="mb-0">🔷 نقشه وکتوری</h4>
</div>
<div class="card-body">
<h5 class="fw-bold mb-3">مزایا:</h5>
<ul class="list-unstyled">
<li class="mb-2">✅ <strong>کیفیت بالا:</strong> در هر سطح زوم</li>
<li class="mb-2">✅ <strong>حجم کم:</strong> بارگذاری سریع‌تر</li>
<li class="mb-2">✅ <strong>تعامل پیشرفته:</strong> امکان تغییر استایل</li>
<li class="mb-2">✅ <strong>لایه‌های جداگانه:</strong> کنترل مستقل هر لایه</li>
<li class="mb-2">✅ <strong>انیمیشن:</strong> حرکت و تغییر شکل</li>
<li class="mb-2">✅ <strong>فیلتر کردن:</strong> نمایش انتخابی عناصر</li>
</ul>
<div class="mt-4">
<h6 class="fw-bold text-warning">فرمت‌های پشتیبانی شده:</h6>
<span class="badge bg-secondary me-2">MVT</span>
<span class="badge bg-secondary me-2">GeoJSON</span>
<span class="badge bg-secondary">TopoJSON</span>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-info text-white">
<h4 class="mb-0">🗺️ مسیریابی ماتریسی</h4>
</div>
<div class="card-body">
<h5 class="fw-bold mb-3">کاربردها:</h5>
<ul class="list-unstyled">
<li class="mb-2">✅ <strong>تحویل کالا:</strong> بهینه‌سازی مسیر تحویل</li>
<li class="mb-2">✅ <strong>بازاریابی:</strong> برنامه‌ریزی بازدید مشتریان</li>
<li class="mb-2">✅ <strong>خدمات میدانی:</strong> مدیریت تیم‌های عملیاتی</li>
<li class="mb-2">✅ <strong>حمل و نقل:</strong> بهینه‌سازی ناوگان</li>
<li class="mb-2">✅ <strong>اورژانس:</strong> مسیریابی سریع</li>
<li class="mb-2">✅ <strong>توریسم:</strong> برنامه‌ریزی سفر</li>
</ul>
<div class="mt-4">
<h6 class="fw-bold text-info">الگوریتم‌های پشتیبانی شده:</h6>
<span class="badge bg-secondary me-2">Dijkstra</span>
<span class="badge bg-secondary me-2">A*</span>
<span class="badge bg-secondary">Floyd-Warshall</span>
</div>
</div>
</div>
</div>
</div>
<!-- Advanced Features -->
<div class="row mb-5">
<div class="col-lg-6">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-secondary text-white">
<h4 class="mb-0">🔍 جستجوی پیشرفته</h4>
</div>
<div class="card-body">
<h5 class="fw-bold mb-3">قابلیت‌ها:</h5>
<ul class="list-unstyled">
<li class="mb-2">✅ <strong>جستجوی آدرس:</strong> با دقت بالا</li>
<li class="mb-2">✅ <strong>جستجوی POI:</strong> مکان‌های مورد علاقه</li>
<li class="mb-2">✅ <strong>جستجوی جغرافیایی:</strong> بر اساس مختصات</li>
<li class="mb-2">✅ <strong>Autocomplete:</strong> تکمیل خودکار</li>
<li class="mb-2">✅ <strong>فیلتر پیشرفته:</strong> بر اساس دسته‌بندی</li>
<li class="mb-2">✅ <strong>جستجوی چندزبانه:</strong> فارسی و انگلیسی</li>
</ul>
<div class="mt-4">
<h6 class="fw-bold text-secondary">دسته‌بندی‌های POI:</h6>
<span class="badge bg-primary me-2">رستوران</span>
<span class="badge bg-success me-2">هتل</span>
<span class="badge bg-warning me-2">بانک</span>
<span class="badge bg-info">فروشگاه</span>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-dark text-white">
<h4 class="mb-0">⚙️ API اختصاصی</h4>
</div>
<div class="card-body">
<h5 class="fw-bold mb-3">سرویس‌ها:</h5>
<ul class="list-unstyled">
<li class="mb-2">✅ <strong>Geocoding API:</strong> تبدیل آدرس به مختصات</li>
<li class="mb-2">✅ <strong>Reverse Geocoding:</strong> تبدیل مختصات به آدرس</li>
<li class="mb-2">✅ <strong>Routing API:</strong> محاسبه مسیر</li>
<li class="mb-2">✅ <strong>Matrix API:</strong> محاسبه فاصله و زمان</li>
<li class="mb-2">✅ <strong>Search API:</strong> جستجوی مکان‌ها</li>
<li class="mb-2">✅ <strong>Analytics API:</strong> تحلیل استفاده</li>
</ul>
<div class="mt-4">
<h6 class="fw-bold text-dark">فرمت‌های پاسخ:</h6>
<span class="badge bg-secondary me-2">JSON</span>
<span class="badge bg-secondary me-2">XML</span>
<span class="badge bg-secondary">GeoJSON</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Additional Features -->
<section class="py-5">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold text-gradient mb-3">قابلیت‌های اضافی</h2>
<p class="lead text-muted">
ویژگی‌های پیشرفته برای نیازهای خاص سازمان‌ها
</p>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon enterprise-icon-sm icon-danger">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4z"/>
<path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5z"/>
<path d="M12 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/>
<circle cx="12" cy="12" r="1"/>
</svg>
</div>
<h5 class="fw-bold mb-3">امنیت پیشرفته</h5>
<p class="text-muted mb-0">
احراز هویت API، محدودیت نرخ درخواست، رمزنگاری داده‌ها
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon enterprise-icon-sm icon-primary">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z"/>
<path d="M9 9h2v2H9V9zm0 4h2v2H9v-2zm0-8h2v2H9V5z"/>
<path d="M11 5h2v2h-2V5zm0 4h2v2h-2V9zm0 4h2v2h-2v-2z"/>
</svg>
</div>
<h5 class="fw-bold mb-3">تحلیل و گزارش</h5>
<p class="text-muted mb-0">
گزارش‌های تحلیلی، آمار استفاده، نمودارهای تعاملی
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon enterprise-icon-sm icon-success">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<rect x="5" y="2" width="14" height="20" rx="2" ry="2"/>
<line x1="12" y1="18" x2="12.01" y2="18"/>
<path d="M8 6h8"/>
<path d="M8 10h8"/>
<path d="M8 14h4"/>
</svg>
</div>
<h5 class="fw-bold mb-3">SDK موبایل</h5>
<p class="text-muted mb-0">
کتابخانه‌های آماده برای اندروید، iOS، React Native
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon enterprise-icon-sm icon-warning">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<ellipse cx="12" cy="5" rx="9" ry="3"/>
<path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/>
<path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/>
<path d="M12 8v8"/>
<path d="M8 10h8"/>
</svg>
</div>
<h5 class="fw-bold mb-3">پایگاه داده جغرافیایی</h5>
<p class="text-muted mb-0">
ذخیره و مدیریت داده‌های جغرافیایی سازمان
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon enterprise-icon-sm icon-info">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M1 4v6h6"/>
<path d="M23 20v-6h-6"/>
<path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"/>
<path d="M12 8v8"/>
<path d="M8 12h8"/>
</svg>
</div>
<h5 class="fw-bold mb-3">همگام‌سازی داده</h5>
<p class="text-muted mb-0">
همگام‌سازی خودکار با سیستم‌های موجود سازمان
</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-sm hover-card">
<div class="card-body text-center p-4">
<div class="enterprise-icon enterprise-icon-sm icon-secondary">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/>
<circle cx="9" cy="7" r="4"/>
<path d="M22 21v-2a4 4 0 0 0-3-3.87"/>
<path d="M16 3.13a4 4 0 0 1 0 7.75"/>
</svg>
</div>
<h5 class="fw-bold mb-3">مدیریت کاربران</h5>
<p class="text-muted mb-0">
سیستم مدیریت کاربران و دسترسی‌های مختلف
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing -->
<section class="py-5 bg-light">
<div class="container">
<div class="text-center mb-5">
<h2 class="display-5 fw-bold text-gradient mb-3">طرح‌های سازمانی</h2>
<p class="lead text-muted">
انتخاب طرح مناسب برای نیازهای سازمان شما
</p>
</div>
<div class="row g-4 justify-content-center">
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-primary text-white text-center">
<h4 class="mb-0">طرح پایه</h4>
</div>
<div class="card-body text-center">
<h3 class="fw-bold text-primary mb-3">شروع از ۵ میلیون تومان</h3>
<ul class="list-unstyled">
<li class="mb-2">✅ دامنه اختصاصی</li>
<li class="mb-2">✅ SSL اختصاصی</li>
<li class="mb-2">✅ پشتیبانی فنی</li>
<li class="mb-2">✅ API پایه</li>
<li class="mb-2">✅ استایل سفارشی</li>
<li class="mb-2">✅ نقشه وکتوری</li>
</ul>
<a href="{{ path('app_main_contact') }}" class="btn btn-primary w-100">درخواست مشاوره</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-sm h-100 border-primary">
<div class="card-header bg-success text-white text-center">
<h4 class="mb-0">طرح پیشرفته</h4>
<span class="badge bg-warning text-dark">محبوب</span>
</div>
<div class="card-body text-center">
<h3 class="fw-bold text-success mb-3">شروع از ۱۵ میلیون تومان</h3>
<ul class="list-unstyled">
<li class="mb-2">✅ تمام قابلیت‌های پایه</li>
<li class="mb-2">✅ مسیریابی ماتریسی</li>
<li class="mb-2">✅ جستجوی پیشرفته</li>
<li class="mb-2">✅ API کامل</li>
<li class="mb-2">✅ SDK موبایل</li>
<li class="mb-2">✅ پشتیبانی 24/7</li>
</ul>
<a href="{{ path('app_main_contact') }}" class="btn btn-success w-100">درخواست مشاوره</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-sm h-100">
<div class="card-header bg-warning text-white text-center">
<h4 class="mb-0">طرح سازمانی</h4>
</div>
<div class="card-body text-center">
<h3 class="fw-bold text-warning mb-3">قیمت‌گذاری اختصاصی</h3>
<ul class="list-unstyled">
<li class="mb-2">✅ تمام قابلیت‌های پیشرفته</li>
<li class="mb-2">✅ توسعه اختصاصی</li>
<li class="mb-2">✅ پایگاه داده جغرافیایی</li>
<li class="mb-2">✅ همگام‌سازی داده</li>
<li class="mb-2">✅ مدیریت کاربران</li>
<li class="mb-2">✅ مشاوره تخصصی</li>
</ul>
<a href="{{ path('app_main_contact') }}" class="btn btn-warning w-100">تماس مستقیم</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact CTA Section -->
<section class="py-5">
<div class="container">
<div class="text-center">
<div class="card border-0 shadow-sm">
<div class="card-body p-5">
<h2 class="display-5 fw-bold text-gradient mb-3">آماده شروع هستید؟</h2>
<p class="lead text-muted mb-4">
برای دریافت مشاوره رایگان و راه‌اندازی سرویس اختصاصی با ما تماس بگیرید
</p>
<div class="d-flex justify-content-center gap-3 flex-wrap">
<a href="{{ path('app_main_contact') }}" class="btn btn-primary btn-lg">
<svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor" class="me-2">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
</svg>
تماس با ما
</a>
<a href="https://t.me/memaps_enterprise" target="_blank" rel="noopener noreferrer" class="btn btn-success btn-lg">
<svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor" class="me-2">
<path d="M22 2L11 13"/>
<path d="M22 2l-7 20-4-9-9-4 20-7z"/>
<path d="M12 12l-2-2"/>
</svg>
تلگرام
</a>
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('assets/css/enterprise-icons.css') }}">
<style>
.hover-card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important;
}
.text-gradient {
background: linear-gradient(45deg, #007bff, #28a745);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
</style>
{% endblock %}