| Path : /var/www/html/ofisbulutta.com/OfisTeknoloji/templates/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/ofisbulutta.com/OfisTeknoloji/templates/product_detail.html |
{% extends "base.html" %}
{% block content %}
<div class="container py-5">
<!-- Product Description Section -->
<div class="row mb-5">
<div class="col-lg-12">
{% if product.id == 'zimbra' %}
<div class="text-center mb-4">
<img src="/attached_assets/image_1741979482714.png" alt="Zimbra Logo" class="mb-4" style="max-height: 100px;">
</div>
{% elif product.id == 'drive' %}
<div class="text-center mb-4">
<img src="/attached_assets/Screenshot from 2025-03-14 21-55-00.png" alt="Nextcloud Logo" class="mb-4" style="max-height: 100px;">
</div>
{% endif %}
<h1 class="text-center mb-4">{{ product.name }}</h1>
<p class="lead text-center">{{ product.description }}</p>
</div>
</div>
<!-- Main Features Grid -->
<div class="row g-4 mb-5">
{% for feature in product.features %}
<div class="col-md-4 text-center">
<div class="feature-box">
{% if product.id == 'obarchiver' %}
{% if loop.index == 1 %}
<i class="fas fa-archive fa-2x mb-3 text-primary"></i>
{% elif loop.index == 2 %}
<i class="fas fa-backup fa-2x mb-3 text-primary"></i>
{% elif loop.index == 3 %}
<i class="fas fa-sync fa-2x mb-3 text-primary"></i>
{% elif loop.index == 4 %}
<i class="fas fa-search fa-2x mb-3 text-primary"></i>
{% else %}
<i class="fas fa-chart-line fa-2x mb-3 text-primary"></i>
{% endif %}
{% else %}
<i class="fas fa-check-circle fa-2x mb-3 text-primary"></i>
{% endif %}
<h4>{{ feature }}</h4>
</div>
</div>
{% endfor %}
</div>
<!-- Product Details -->
<div class="row mb-5">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<p class="mb-0">{{ product.details }}</p>
</div>
</div>
</div>
</div>
<!-- Key Features Section -->
<div class="row mb-5">
<div class="col-lg-12">
<div class="card">
<div class="card-body">
<h3 class="card-title text-center mb-4">{{ _('Öne Çıkan Özellikler') }}</h3>
<div class="row g-4">
{% for highlight in product.highlights %}
<div class="col-md-4">
<div class="feature-box">
{% if loop.index == 1 %}
<i class="fas fa-lock fa-2x mb-3 text-primary"></i>
{% elif loop.index == 2 %}
<i class="fas fa-bolt fa-2x mb-3 text-primary"></i>
{% elif loop.index == 3 %}
<i class="fas fa-undo fa-2x mb-3 text-primary"></i>
{% elif loop.index == 4 %}
<i class="fas fa-search-plus fa-2x mb-3 text-primary"></i>
{% elif loop.index == 5 %}
<i class="fas fa-chart-bar fa-2x mb-3 text-primary"></i>
{% else %}
<i class="fas fa-headset fa-2x mb-3 text-primary"></i>
{% endif %}
<h4>{{ highlight }}</h4>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<!-- Technical Features Section -->
<div class="row mb-5">
<div class="col-lg-12">
<div class="card bg-light">
<div class="card-body">
<h3 class="card-title text-center mb-4">{{ _('Teknik Özellikler') }}</h3>
<div class="row g-4">
{% for feature in product.security_features %}
<div class="col-md-6">
<div class="d-flex align-items-start">
{% if loop.index == 1 %}
<i class="fas fa-shield-alt text-success me-3 mt-1"></i>
{% elif loop.index == 2 %}
<i class="fas fa-layer-group text-success me-3 mt-1"></i>
{% elif loop.index == 3 %}
<i class="fas fa-filter text-success me-3 mt-1"></i>
{% elif loop.index == 4 %}
<i class="fas fa-chart-line text-success me-3 mt-1"></i>
{% elif loop.index == 5 %}
<i class="fas fa-user-lock text-success me-3 mt-1"></i>
{% else %}
<i class="fas fa-history text-success me-3 mt-1"></i>
{% endif %}
<p class="mb-3">{{ feature }}</p>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
<!-- Pricing Table -->
{% if product.id == 'zimbra' %}
<div class="row mb-5">
<div class="col-lg-12">
<h2 class="text-center mb-4">{{ _('Fiyatlandırma') }}</h2>
<div class="table-responsive">
<table class="table table-bordered pricing-table">
<thead>
<tr>
<th scope="col">{{ _('Özellikler') }}</th>
<th scope="col">{{ _('TEMEL') }}</th>
<th scope="col">{{ _('GELİŞMİŞ') }}</th>
<th scope="col">{{ _('PROFESYONEL') }}</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">{{ _('E-posta Hesabı') }}</th>
<td>50+ eposta</td>
<td>100+ eposta</td>
<td>150+ eposta</td>
</tr>
<tr>
<th scope="row">{{ _('Depolama') }}</th>
<td>240GB Nvme2 SSD</td>
<td>500GB Nvme2 SSD</td>
<td>1TB Nvme2 SSD</td>
</tr>
<tr>
<th scope="row">{{ _('ActiveSync') }}</th>
<td>{{ _('ActiveSync desteği') }}</td>
<td>{{ _('ActiveSync desteği') }}</td>
<td>{{ _('ActiveSync desteği') }}</td>
</tr>
<tr>
<th scope="row">{{ _('SSL/TLS') }}</th>
<td>{{ _('SSL/TLS erişim') }}</td>
<td>{{ _('SSL/TLS erişim') }}</td>
<td>{{ _('SSL/TLS erişim') }}</td>
</tr>
<tr>
<th scope="row">{{ _('Fiyat') }}</th>
<td>1250₺/{{ _('ay') }}</td>
<td>2500₺/{{ _('ay') }}</td>
<td>3750₺/{{ _('ay') }}</td>
</tr>
<tr>
<td></td>
<td><a href="{{ url_for('contact') }}" class="btn btn-outline-primary">{{ _('SATIN AL') }}</a></td>
<td><a href="{{ url_for('contact') }}" class="btn btn-primary">{{ _('SATIN AL') }}</a></td>
<td><a href="{{ url_for('contact') }}" class="btn btn-outline-primary">{{ _('SATIN AL') }}</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
{% endif %}
<!-- CTA Section -->
<div class="row">
<div class="col-lg-8 mx-auto text-center">
<h3 class="mb-4">{{ _('Ücretsiz Demo İster misiniz?') }}</h3>
<p class="lead mb-4">{{ _('E-posta sistemlerinizi koruma altına almak için bizimle iletişime geçin.') }}</p>
<a href="{{ url_for('contact') }}" class="btn btn-primary btn-lg">
{{ _('Demo Talep Et') }}
</a>
</div>
</div>
</div>
{% endblock %}