| Path : /var/www/html/yedekle24/BackupShield/templates/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/yedekle24/BackupShield/templates/pricing.html |
{% extends 'base.html' %}
{% block title %}
{% if current_language == 'tr' %}
Fiyatlandırma - YedekleDB24
{% else %}
Pricing - YedekleDB24
{% endif %}
{% endblock %}
{% block content %}
<!-- Pricing Hero Section -->
<section class="hero-section bg-light py-5">
<div class="container py-5">
<div class="row align-items-center">
<div class="col-lg-8 mx-auto text-center">
<h1 class="display-4 fw-bold mb-4">
{% if current_language == 'tr' %}
Basit ve Şeffaf Fiyatlandırma
{% else %}
Simple and Transparent Pricing
{% endif %}
</h1>
<p class="lead text-secondary mb-0">
{% if current_language == 'tr' %}
İhtiyaçlarınıza uygun ölçeklenebilir planlar
{% else %}
Scalable plans to fit your needs
{% endif %}
</p>
</div>
</div>
</div>
</section>
<!-- Pricing Plans Section -->
<section class="py-5">
<div class="container py-4">
<div class="text-center mb-5">
<h2 class="fw-bold mb-4">
{% if current_language == 'tr' %}
Planlarımızı Keşfedin
{% else %}
Explore Our Plans
{% endif %}
</h2>
<p class="lead text-secondary mb-4">
{% if current_language == 'tr' %}
Her bütçe ve ihtiyaç için uygun bir plan
{% else %}
A plan for every budget and need
{% endif %}
</p>
<div class="pricing-switch d-inline-flex p-1 bg-light rounded mb-4">
<button class="btn pricing-btn active px-4 rounded me-1" data-period="monthly">
{% if current_language == 'tr' %}
Aylık
{% else %}
Monthly
{% endif %}
</button>
<button class="btn pricing-btn px-4 rounded" data-period="annual">
{% if current_language == 'tr' %}
Yıllık
{% else %}
Annual
{% endif %}
</button>
</div>
</div>
<div class="row g-4">
<!-- Starter Plan -->
<div class="col-lg-4">
<div class="pricing-card h-100 p-4 bg-light rounded-4 text-center">
<div class="pricing-header mb-4">
<h3 class="h4 fw-bold">
{% if current_language == 'tr' %}
Başlangıç
{% else %}
Starter
{% endif %}
</h3>
<div class="pricing-value">
<div class="price-monthly">
<h4 class="display-5 fw-bold mb-0">$29</h4>
<p class="text-muted">
{% if current_language == 'tr' %}
/ aylık
{% else %}
/ month
{% endif %}
</p>
</div>
<div class="price-annual d-none">
<h4 class="display-5 fw-bold mb-0">$290</h4>
<p class="text-muted">
{% if current_language == 'tr' %}
/ yıllık
{% else %}
/ year
{% endif %}
</p>
<span class="badge bg-success">
{% if current_language == 'tr' %}
2 AY ÜCRETSİZ
{% else %}
2 MONTHS FREE
{% endif %}
</span>
</div>
</div>
</div>
<div class="pricing-features text-start mb-4">
<ul class="list-unstyled mb-0">
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>3</strong> veritabanı bağlantısı
{% else %}
<strong>3</strong> database connections
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>Günlük</strong> otomatik yedeklemeler
{% else %}
<strong>Daily</strong> automated backups
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>25GB</strong> depolama alanı
{% else %}
<strong>25GB</strong> storage space
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>E-posta</strong> bildirimleri
{% else %}
<strong>Email</strong> notifications
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>1</strong> kullanıcı hesabı
{% else %}
<strong>1</strong> user account
{% endif %}
</span>
</li>
<li class="d-flex align-items-start text-muted">
<i class="fas fa-times-circle me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>7/24</strong> destek
{% else %}
<strong>24/7</strong> support
{% endif %}
</span>
</li>
</ul>
</div>
<a href="#" class="btn btn-outline-primary w-100">
{% if current_language == 'tr' %}
Hemen Başla
{% else %}
Get Started
{% endif %}
</a>
</div>
</div>
<!-- Professional Plan -->
<div class="col-lg-4">
<div class="pricing-card h-100 p-4 bg-primary text-white rounded-4 text-center position-relative">
<div class="ribbon position-absolute top-0 end-0 bg-warning text-dark px-3 py-1 fw-bold">
{% if current_language == 'tr' %}
Popüler
{% else %}
Popular
{% endif %}
</div>
<div class="pricing-header mb-4">
<h3 class="h4 fw-bold">
{% if current_language == 'tr' %}
Profesyonel
{% else %}
Professional
{% endif %}
</h3>
<div class="pricing-value">
<div class="price-monthly">
<h4 class="display-5 fw-bold mb-0">$79</h4>
<p class="text-white-50">
{% if current_language == 'tr' %}
/ aylık
{% else %}
/ month
{% endif %}
</p>
</div>
<div class="price-annual d-none">
<h4 class="display-5 fw-bold mb-0">$790</h4>
<p class="text-white-50">
{% if current_language == 'tr' %}
/ yıllık
{% else %}
/ year
{% endif %}
</p>
<span class="badge bg-warning text-dark">
{% if current_language == 'tr' %}
2 AY ÜCRETSİZ
{% else %}
2 MONTHS FREE
{% endif %}
</span>
</div>
</div>
</div>
<div class="pricing-features text-start mb-4">
<ul class="list-unstyled mb-0">
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-warning me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>10</strong> veritabanı bağlantısı
{% else %}
<strong>10</strong> database connections
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-warning me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>Saatlik</strong> otomatik yedeklemeler
{% else %}
<strong>Hourly</strong> automated backups
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-warning me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>100GB</strong> depolama alanı
{% else %}
<strong>100GB</strong> storage space
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-warning me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>E-posta ve SMS</strong> bildirimleri
{% else %}
<strong>Email and SMS</strong> notifications
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-warning me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>5</strong> kullanıcı hesabı
{% else %}
<strong>5</strong> user accounts
{% endif %}
</span>
</li>
<li class="d-flex align-items-start">
<i class="fas fa-check-circle text-warning me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>7/24</strong> destek
{% else %}
<strong>24/7</strong> support
{% endif %}
</span>
</li>
</ul>
</div>
<a href="#" class="btn btn-light w-100">
{% if current_language == 'tr' %}
Hemen Başla
{% else %}
Get Started
{% endif %}
</a>
</div>
</div>
<!-- Enterprise Plan -->
<div class="col-lg-4">
<div class="pricing-card h-100 p-4 bg-light rounded-4 text-center">
<div class="pricing-header mb-4">
<h3 class="h4 fw-bold">
{% if current_language == 'tr' %}
Kurumsal
{% else %}
Enterprise
{% endif %}
</h3>
<div class="pricing-value">
<div class="price-monthly">
<h4 class="display-5 fw-bold mb-0">$199</h4>
<p class="text-muted">
{% if current_language == 'tr' %}
/ aylık
{% else %}
/ month
{% endif %}
</p>
</div>
<div class="price-annual d-none">
<h4 class="display-5 fw-bold mb-0">$1990</h4>
<p class="text-muted">
{% if current_language == 'tr' %}
/ yıllık
{% else %}
/ year
{% endif %}
</p>
<span class="badge bg-success">
{% if current_language == 'tr' %}
2 AY ÜCRETSİZ
{% else %}
2 MONTHS FREE
{% endif %}
</span>
</div>
</div>
</div>
<div class="pricing-features text-start mb-4">
<ul class="list-unstyled mb-0">
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>Sınırsız</strong> veritabanı bağlantısı
{% else %}
<strong>Unlimited</strong> database connections
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>Özel</strong> yedekleme planları
{% else %}
<strong>Custom</strong> backup schedules
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>500GB</strong> depolama alanı
{% else %}
<strong>500GB</strong> storage space
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>Tüm</strong> bildirim kanalları
{% else %}
<strong>All</strong> notification channels
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>Sınırsız</strong> kullanıcı hesabı
{% else %}
<strong>Unlimited</strong> user accounts
{% endif %}
</span>
</li>
<li class="d-flex align-items-start">
<i class="fas fa-check-circle text-success me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
<strong>Öncelikli 7/24</strong> destek
{% else %}
<strong>Priority 24/7</strong> support
{% endif %}
</span>
</li>
</ul>
</div>
<a href="#" class="btn btn-outline-primary w-100">
{% if current_language == 'tr' %}
İletişime Geç
{% else %}
Contact Us
{% endif %}
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Custom Plan Section -->
<section class="bg-light py-5">
<div class="container py-4">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="text-center mb-5">
<h2 class="fw-bold mb-4">
{% if current_language == 'tr' %}
Özel Planlar
{% else %}
Custom Plans
{% endif %}
</h2>
<p class="lead text-secondary">
{% if current_language == 'tr' %}
Büyük ekipler ve özel ihtiyaçlar için ölçeklenebilir çözümler
{% else %}
Scalable solutions for large teams and specific needs
{% endif %}
</p>
</div>
<div class="custom-plan-card p-5 bg-white rounded-4 shadow-sm">
<div class="row align-items-center">
<div class="col-lg-7 mb-4 mb-lg-0">
<h3 class="fw-bold mb-4">
{% if current_language == 'tr' %}
İhtiyaçlarınıza Özel Çözüm
{% else %}
Tailored to Your Requirements
{% endif %}
</h3>
<p class="mb-4">
{% if current_language == 'tr' %}
Büyük veri kümeleri, çoklu veri merkezi dağıtımları veya özel endüstri gereksinimleri için ihtiyaçlarınıza göre özelleştirilmiş bir çözüm sunuyoruz.
{% else %}
We offer a solution customized to your needs for large datasets, multi-data center deployments, or specific industry requirements.
{% endif %}
</p>
<ul class="list-unstyled mb-0">
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-primary me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
Özel entegrasyon desteği
{% else %}
Custom integration support
{% endif %}
</span>
</li>
<li class="mb-3 d-flex align-items-start">
<i class="fas fa-check-circle text-primary me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
Özel geliştirme imkanı
{% else %}
Custom development options
{% endif %}
</span>
</li>
<li class="d-flex align-items-start">
<i class="fas fa-check-circle text-primary me-2 mt-1"></i>
<span>
{% if current_language == 'tr' %}
Adanmış hesap yöneticisi
{% else %}
Dedicated account manager
{% endif %}
</span>
</li>
</ul>
</div>
<div class="col-lg-5 text-center text-lg-end">
<a href="{{ url_for('contact') }}" class="btn btn-primary btn-lg px-4">
{% if current_language == 'tr' %}
Teklif Alın
{% else %}
Get a Quote
{% endif %}
</a>
<p class="text-muted mt-3 mb-0">
{% if current_language == 'tr' %}
48 saat içinde yanıt garantisi
{% else %}
Response guaranteed within 48 hours
{% endif %}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="py-5">
<div class="container py-4">
<div class="text-center mb-5">
<h2 class="fw-bold">
{% if current_language == 'tr' %}
Sıkça Sorulan Sorular
{% else %}
Frequently Asked Questions
{% endif %}
</h2>
<p class="lead text-secondary">
{% if current_language == 'tr' %}
Fiyatlandırma ve abonelikler hakkında yanıtlar
{% else %}
Answers about pricing and subscriptions
{% endif %}
</p>
</div>
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="accordion" id="pricingFAQ">
<div class="accordion-item mb-3 border rounded-3">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button rounded-3" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
{% if current_language == 'tr' %}
Ücretsiz deneme süresi boyunca kredi kartı bilgisi gerekiyor mu?
{% else %}
Do I need to provide credit card information during the free trial?
{% endif %}
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#pricingFAQ">
<div class="accordion-body">
{% if current_language == 'tr' %}
Hayır, 30 günlük ücretsiz deneme süresince herhangi bir kredi kartı bilgisi girmeniz gerekmez. Deneme süresi sonunda hizmetlere devam etmek isterseniz ödeme bilgilerinizi o zaman ekleyebilirsiniz.
{% else %}
No, you don't need to enter any credit card information during the 30-day free trial. If you wish to continue with the services after the trial period, you can add your payment information then.
{% endif %}
</div>
</div>
</div>
<div class="accordion-item mb-3 border rounded-3">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed rounded-3" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
{% if current_language == 'tr' %}
İstediğim zaman planımı değiştirebilir miyim?
{% else %}
Can I change my plan at any time?
{% endif %}
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#pricingFAQ">
<div class="accordion-body">
{% if current_language == 'tr' %}
Evet, planınızı istediğiniz zaman yükseltebilir veya düşürebilirsiniz. Yükseltmeler anında etkinleşir ve ücretlendirme orantılı olarak ayarlanır. Plan düşürme işlemleri mevcut fatura döneminin sonunda geçerli olur.
{% else %}
Yes, you can upgrade or downgrade your plan at any time. Upgrades take effect immediately with prorated billing adjustment. Downgrades take effect at the end of your current billing cycle.
{% endif %}
</div>
</div>
</div>
<div class="accordion-item mb-3 border rounded-3">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed rounded-3" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
{% if current_language == 'tr' %}
Hangi ödeme yöntemlerini kabul ediyorsunuz?
{% else %}
What payment methods do you accept?
{% endif %}
</button>
</h2>
<div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#pricingFAQ">
<div class="accordion-body">
{% if current_language == 'tr' %}
Visa, Mastercard, American Express ve Discover kredi kartlarını, PayPal'ı ve bazı ülkelerde banka havalesi seçeneğini kabul ediyoruz. Kurumsal müşteriler için fatura ile ödeme seçeneği de mevcuttur.
{% else %}
We accept Visa, Mastercard, American Express, and Discover credit cards, PayPal, and bank transfer options in select countries. Invoice payment is also available for enterprise customers.
{% endif %}
</div>
</div>
</div>
<div class="accordion-item mb-3 border rounded-3">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed rounded-3" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
{% if current_language == 'tr' %}
İade politikanız nedir?
{% else %}
What is your refund policy?
{% endif %}
</button>
</h2>
<div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#pricingFAQ">
<div class="accordion-body">
{% if current_language == 'tr' %}
Hizmetlerimizden memnun kalmamanız durumunda, ilk abonelik ödemesinden sonraki 14 gün içinde tam geri ödeme sunuyoruz. 14 günden sonra, kalan döneminiz için orantılı geri ödeme sağlayabiliriz.
{% else %}
We offer a full refund within 14 days of your first subscription payment if you're not satisfied with our services. After 14 days, we may provide a prorated refund for your remaining period.
{% endif %}
</div>
</div>
</div>
<div class="accordion-item border rounded-3">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed rounded-3" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
{% if current_language == 'tr' %}
Depolama alanı limitlerini aşarsam ne olur?
{% else %}
What happens if I exceed my storage limits?
{% endif %}
</button>
</h2>
<div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#pricingFAQ">
<div class="accordion-body">
{% if current_language == 'tr' %}
Depolama alanı sınırlarınıza yaklaştığınızda size bildirim göndeririz. Sınırı aşmanız durumunda, ek depolama için GB başına küçük bir ücret uygulanır veya bir üst plana yükseltebilirsiniz.
{% else %}
We send you notifications as you approach your storage limits. If you exceed the limit, you'll be charged a small fee per GB of additional storage, or you can upgrade to a higher plan.
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="bg-light py-5">
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-10 text-center">
<h2 class="fw-bold mb-4">
{% if current_language == 'tr' %}
Hala Kararsız mısınız?
{% else %}
Still Undecided?
{% endif %}
</h2>
<p class="lead text-secondary mb-5">
{% if current_language == 'tr' %}
Yedekleme ihtiyaçlarınız hakkında konuşalım ve size en uygun çözümü bulalım
{% else %}
Let's talk about your backup needs and find the perfect solution for you
{% endif %}
</p>
<div class="d-flex flex-wrap justify-content-center">
<a href="https://demo.yedekledb24.tr/" class="btn btn-primary btn-lg me-3 mb-3" target="_blank">
{% if current_language == 'tr' %}
Ücretsiz Demo
{% else %}
Free Demo
{% endif %}
</a>
<a href="{{ url_for('contact') }}" class="btn btn-outline-primary btn-lg mb-3">
{% if current_language == 'tr' %}
Satış Ekibiyle Görüşün
{% else %}
Talk to Sales
{% endif %}
</a>
</div>
</div>
</div>
</div>
</section>
{% endblock %}
{% block extra_js %}
<script>
// Toggle between monthly and annual pricing
document.addEventListener('DOMContentLoaded', function() {
const pricingBtns = document.querySelectorAll('.pricing-btn');
pricingBtns.forEach(btn => {
btn.addEventListener('click', function() {
// Remove active class from all buttons
pricingBtns.forEach(b => b.classList.remove('active'));
// Add active class to clicked button
this.classList.add('active');
const period = this.getAttribute('data-period');
// Toggle price display
if (period === 'annual') {
document.querySelectorAll('.price-monthly').forEach(el => el.classList.add('d-none'));
document.querySelectorAll('.price-annual').forEach(el => el.classList.remove('d-none'));
} else {
document.querySelectorAll('.price-monthly').forEach(el => el.classList.remove('d-none'));
document.querySelectorAll('.price-annual').forEach(el => el.classList.add('d-none'));
}
});
});
});
</script>
{% endblock %}