<style media="screen">
    .banner-bg {
        padding-top: 4rem;
    }
    .fontstyle {
        font-weight: bold;
    }

    .urun-ozellikleri {
        font-size: 18px;
        display: flex;
        align-items: center;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .urun-ozellikleri i {
        font-size: 24px;
        color: #6c757d;
        transition: color 0.3s ease;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px; /* Sabit genişlik */
        height: 40px; /* Sabit yükseklik */
        margin-right: 12px;
    }

    .urun-ozellikleri small {
        font-size: 16px;
        color: #333;
    }

    .urun-ozellikleri:hover {
        background-color: #f4f6fc;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .urun-ozellikleri:hover i {
        color: #495057;
    }
</style>
<style media="screen">
.banner-bg .col-xl-12{
  padding-top: 50px;
}

.banner-bg {
    background-image: linear-gradient(90deg, #000000f5 30%, rgba(8, 15, 44, 0)),
                      url(https://serversistemleri.com/assets/img/yedek.webp) !important;
    background-size: cover !important;
    background-position: center !important;
}

.text-custom{
  color: black;
}

/* Mobilde arka plan resmini kaldır ve beyaz yap */
@media (max-width: 768px) {
  .step-container{
    display: none !important;
  }
  .banner-bg {
      background-position: 40% !important;
      background-image: linear-gradient(90deg, #000000f5 10%, rgba(8, 15, 44, 0)),
                        url(https://serversistemleri.com/assets/img/yedek.webp) !important;
  }
  .banner-bg .col-xl-12{
    padding-top: 0px;
  }

  .text-custom{
      color: white;
  }
}
</style>
<section class="banner-bg bg-dark ssl-banner">
    <div class="container">
        <div class="row align-items-center g-4">
            <div class="col-xl-12">
                <div class="pb-40">
                    <h1 class="text-white mb-3 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">Yedekleme Hizmeti</h1>
                    <p class="text-white mb-8 max-text-60 text-opacity-75 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                        Riskleri en aza indirmenin yolu, kapsamlı bir yedekleme stratejisi oluşturmaktan geçer.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<?php $urunler = $whmcs->ProGet(23); include 'inc/verim-guvende-spec.php'; ?>
<section class="">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="text-center">
                    <h2 class="mb-8">Güvenliğinizi sağlayın, zirveye çıkın!</h2>
                </div>
            </div>

            <div class="col-12">
                <div class="tab-content sal-animate" data-sal="fade" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <div class="tab-pane fade show active" role="tabpanel">
                        <div class="row g-4">
                            <?php foreach ($urunler as $product): ?>

                            <div class="paket-baslat col-xl-3 col-md-6">
                                <div class="paket-ust-3">
                                    <svg id="katman_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 282.9 51.7">
                                        <path id="Path_706" d="M280.2,169.9l-4.4,189.7" />
                                        <path id="Path_7061" data-name="Path_706" d="M282,92.7l-1.8,77.2" />
                                        <path id="Path_7062" data-name="Path_706" d="M282.9,51.7l-1,41" />
                                        <path id="Path_7063" data-name="Path_706" d="M.2,51.7L0,12,233.4,0c27.4,0,49.6,23.1,49.6,51.7" />
                                        <path id="Path_7064" data-name="Path_706" d="M.5,92.7l-.2-41" />
                                        <path id="Path_7065" data-name="Path_706" d="M1.1,192.5L.5,92.7" />
                                        <path id="Path_7066" data-name="Path_706" d="M3.3,573.9L1.1,192.5" />
                                        <path id="Path_7067" data-name="Path_706" d="M270.6,579.2l-267.3-5.4" />
                                        <path id="Path_7068" data-name="Path_706" d="M275.8,359.6l-5.1,219.6" />
                                    </svg>
                                </div>
                                <div class="price-card-item-one position-relative overflow-hidden bg-white px-7 py-9 border-end rounded-3" style="border-radius: 0 50px 0 0 !important;">
                                    <div class="text-center">
                                        <img style="height: 82px;" src="<?php echo $site_url; ?>assets/img/icons/data-sharing_1.svg" alt="image" class="img-fluid mb-5" />
                                        <h6 class="mb-1"><?php echo str_replace('-', ' ', $product['name']); ?></h6>
                                        <div class="mt-5">
                                            <div class="monthly-price">
                                                <h4 class="mb-0"><try>₺<?php echo $product['pricing']['TRY']['monthly']; ?></try><usd>$<?php echo $product['pricing']['USD']['monthly']; ?></usd></h4>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="monthly-price">
                                      <a class="btn btn-dark btn-arrow btn-lg w-100 fs-14 fw-bolder rounded mt-6" onclick="addToProduct(<?php echo $product['pid']; ?>)">
                                        <span class="btn-arrow__text">
                                          Sepete Ekle
                                          <span class="btn-arrow__icon">
                                            <i class="las la-arrow-right"></i>
                                          </span>
                                        </span>
                                      </a>
                                    </div>
                                    <div class="mt-6">
                                        <ul class="list-unstyled d-flex flex-column gap-1 mb-0">
                                          <?php foreach ($spec[$product['pid']] as $specKey => $specDetails): ?>
                                            <li class="urun-ozellikleri d-flex align-items-center gap-1">
                                              <?php if (isset($specDetails['icon'])): ?>
                                                <i class="<?php echo $specDetails['icon']; ?>"></i>
                                              <?php else: ?>
                                                <i class="fa-solid fa-user-plus"></i>
                                              <?php endif; ?>

                                              <small>
                                                <?php if (isset($specDetails['name'])): ?>
                                                  <span class="fw-bold"><?php echo $specDetails['name']; ?></span>
                                                <?php endif; ?>

                                                <?php if (isset($specDetails['desc'])): ?>
                                                  <span><?php echo $specDetails['desc']; ?></span>
                                                <?php endif; ?>
                                              </small>
                                            </li>
                                          <?php endforeach; ?>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<div class="card-body pt-60 pb-60 px-md-12 text-center">
    <div class="row justify-content-center">
        <div class="col-12">
            <h3 class="mb-6">
                Sizlere Ne Sunuyoruz?
            </h3>
        </div>
        <div class="col-8">
            <ul class="list-unstyled p-0 m-0 info-list" style="flex-wrap: nowrap;">
                <li class="text-center">
                    <h5 class="mb-3">
                        UnnaBulut BackupBox
                    </h5>
                    <p class="mb-0">
                        Windows işletim sistemlerinizin imajını dilediğiniz lokasyona güvenle yedekleme imkanı sunar.
                    </p>
                </li>
                <li class="text-center">
                    <h5 class="mb-3">
                        UnnaBulut BackupBox
                    </h5>
                    <p class="mb-0">
                        Windows işletim sistemlerinizin imajını güvenli bulut sistemimize yedekler.
                    </p>
                </li>
                <li class="text-center">
                    <h5 class="mb-3">
                        UnnaBulut Smart Backup
                    </h5>
                    <p class="mb-0">
                        Dosya, e-posta (PST) ve popüler veritabanları (MsSQL, MySQL, FirebirdSQL, PostgreSQL) yedekleme çözümleri.
                    </p>
                </li>
                <li class="text-center">
                    <h5 class="mb-3">
                        UnnaBulut DocSafe
                    </h5>
                    <p class="mb-0">
                        Ortak alan, ücretsiz online ofis uygulamaları ve klasör yetkilendirme imkanları.
                    </p>
                </li>
            </ul>
        </div>
    </div>
</div>

<section class="pt-120 pb-60 position-relative z-1">
    <div class="container">
        <!-- 1. Ürün -->
        <div class="row g-4 align-items-center mb-5" style="margin-bottom: 150px !important;">
            <div class="col-lg-6">
                <h2 class="mb-3 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">UnnaBulut BackupBox</h2>
                <p class="mb-5 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                  <h6>Windows Sistemlerinizi İstediğiniz Lokasyona Yedekleme</h6>
                    UnnaBulut BackupBox, Windows sisteminizin tam imaj yedeklemesini yaparak verilerinizi güvence altına alır.
                </p>
                <ul class="list-unstyled d-flex flex-column gap-3 mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Tam İmaj Yedekleme:</span> Sistemdeki her şeyi tamamen yedekler.</p>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Hızlı ve Güvenli:</span> Bulut ortamında güvenle yedekler.</p>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Kapsamlı Geri Yükleme:</span> Verilerinizi hızlıca geri yükler.</p>
                    </li>
                </ul>
            </div>
            <div class="col-lg-6 d-flex justify-content-center">
                <img style="width:250px;" src="<?php echo $site_url; ?>assets/img/backup/backup-alan-10.png" alt="image" class="img-fluid sal-animate" data-sal="fade" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
            </div>
        </div>

        <!-- 2. Ürün -->
        <div class="row g-4 align-items-center mb-5" style="margin-bottom: 150px !important;">
            <div class="col-lg-6 d-flex justify-content-center">
                <img style="width:250px;" src="<?php echo $site_url; ?>assets/img/backup/backup-alan-4.png" alt="image" class="img-fluid sal-animate" data-sal="fade" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
            </div>
            <div class="col-lg-6">
                <h2 class="mb-3 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">UnnaBulut BackupBox</h2>
                <p class="mb-5 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                  <h6>Windows Sistemlerinizin İmajını Bulut Sistemine Yedekleme</h6>
                    UnnaBulut BackupBox, sanal makineler için bulut tabanlı yedekleme çözümleri sunar ve verilerinizi güvenli bir ortamda saklar.
                </p>
                <ul class="list-unstyled d-flex flex-column gap-3 mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Sanal Makine Yedeklemesi:</span> VMware, Hyper-V gibi ortamları destekler.</p>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Bulut Tabanlı Depolama:</span> Veriler şifrelenmiş olarak saklanır.</p>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Hızlı Geri Yükleme:</span> Sanal makineleriniz hızlıca geri yüklenir.</p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 3. Ürün -->
        <div class="row g-4 align-items-center mb-5" style="margin-bottom: 150px !important;">
            <div class="col-lg-6">
                <h2 class="mb-3 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">UnnaBulut DocSafe</h2>
                <p class="mb-5 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                  <h6>Ortak Alan - Ücretsiz Online Ofis ve Klasör Yetkilendirme</h6>
                    UnnaBulut DocSafe, çevrimiçi ofis uygulamalarıyla veri depolama ve paylaşma imkanı sunar; küçük işletmeler ve ekipler için ideal bir çözümdür.
                </p>
                <ul class="list-unstyled d-flex flex-column gap-3 mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Ücretsiz Online Ofis Uygulamaları:</span> Word, Excel, PowerPoint benzeri uygulamalar.</p>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Paylaşım ve İşbirliği:</span> Belgeleri kolayca paylaşma ve düzenleme imkanı.</p>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Bulut Depolama:</span> Veriler güvenle bulutta depolanır.</p>
                    </li>
                </ul>
            </div>
            <div class="col-lg-6 d-flex justify-content-center">
                <img style="width:250px;" src="<?php echo $site_url; ?>assets/img/backup/resize/alan-1.webp" alt="image" class="img-fluid sal-animate" data-sal="fade" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
            </div>
        </div>

        <div class="row g-4 align-items-center mb-5">
            <div class="col-lg-6 d-flex justify-content-center">
                <img style="width:250px;" src="<?php echo $site_url; ?>assets/img/backup/backup-alan-8.png" alt="image" class="img-fluid sal-animate" data-sal="fade" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
            </div>
            <div class="col-lg-6">
                <h2 class="mb-3 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">UnnaBulut Smart Backup</h2>
                <p class="mb-5 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                  <h6>Dosya, E-posta ve Veritabanı Yedekleme</h6>
                    UnnaBulut Smart Backup, dosyalarınız, e-posta ve veritabanlarınız için güvenli bulut yedekleme sağlar.
                </p>
                <ul class="list-unstyled d-flex flex-column gap-3 mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Dosya Yedekleme:</span> Belirtilen dosyaların yedeğini alır.</p>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">E-posta Yedekleme (PST):</span> Outlook e-posta dosyalarını yedekler.</p>
                    </li>
                    <li class="d-flex align-items-center gap-3">
                        <div class="w-4 h-4 bg-primary flex-shrink-0 rounded-circle lh-1 text-white d-flex align-items-center justify-content-center">
                            <i style="color: #3f6dd0 !important;" class="fa-solid fa-circle-check"></i>
                        </div>
                        <p class="m-0"><span class="fw-bold">Veritabanı Yedekleme:</span> MsSQL, MySQL, FirebirdSQL, PostgreSQL gibi veritabanlarını yedekler.</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>




<div class="pt-60 pb-60">
    <div class="pt-60 pb-60">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="ps-lg-8 pe-xxl-12">
                        <h3 class="mb-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            Sorunsuz Yedekle
                        </h3>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Disk Yedekleme</b> - <b>UnnaBulut</b> BackupBox, cihazınızdaki disklerin imaj yedeklerini alarak veri bütünlüğünüzü korumanıza yardımcı olur.
                        </p>
                        <p class="mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            <b>Volume Yedekleme</b> - <b>UnnaBulut</b> BackupBox, cihazınızdaki volume’lerin imaj yedeğini hızlı ve güvenilir bir şekilde oluşturur, böylece verilerinizi volume düzeyinde koruma altına alabilirsiniz.
                        </p>
                        <p class="mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            <b>Zamanlanmış Görevler</b> - <b>UnnaBulut</b> BackupBox, yedekleme işlemlerini zamanlayarak otomatik olarak çalıştırır, böylece manuel yedekleme zahmetinden kurtulursunuz.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6 sal-animate d-flex justify-content-center" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <img style="width:200px;" src="<?php echo $site_url; ?>assets/img/backup/backup-1.png" alt="image" class="img-fluid" />
                </div>
            </div>
        </div>
    </div>
    <div class="pb-60">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6 sal-animate d-flex justify-content-center" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <img style="width:180px;" src="<?php echo $site_url; ?>assets/img/backup/backup-2.png" alt="image" class="img-fluid" />
                </div>
                <div class="col-lg-6">
                    <div class="ps-lg-8 pe-xxl-12">
                        <h3 class="mb-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            Kolay Yönet
                        </h3>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Veri Saklama Politikası</b> - <b>UnnaBulut</b>, geçmiş yedeklerin saklanma sürelerini ayarlamanızı sağlar; bu sayede, saklanacak yedek sayısını veya gün sayısını belirleyebilir ve gerektiğinde eski yedekleri otomatik olarak silebilirsiniz.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Yerel Hedeflere Saklama</b> - Yedeklerinizi saklayacağınız yerel depolama alanlarını veya NAS gibi ağ hedeflerini belirleyerek bu alanlar üzerinde saklama politikaları oluşturabilirsiniz.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Merkezi Yönetim</b> - Merkezi yönetim ile bağlı kullanıcıların yedekleme süreçlerini kontrol edebilir, politikalar oluşturarak kullanıcılar için yedekleme görevleri tanımlayabilirsiniz.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pb-60">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="ps-lg-8 pe-xxl-12">
                        <h3 class="mb-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            Hızlı Kurtar
                        </h3>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Başlangıç Diski Oluşturma</b> - Başlangıç diski aracı, seçilen USB belleği başlatma diski olarak yapılandırarak kurtarma işlemleri için kullanmanızı sağlar.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Diske Geri Yükleme</b> - <b>UnnaBulut</b> BackupBox, yedeklerinizi istediğiniz diske geri yükler. Incremental veya differential yedeklerin birleştirme işlemi otomatik olarak yapılır.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Buluttan Geri Yükleme</b> - Bulut yedeklerinizi seçtiğiniz diske geri yükleyebilir, başlangıç diskini kullanarak verilerinizi hızlıca eski haline getirebilirsiniz.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6 sal-animate d-flex justify-content-center" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <img style="width:180px;" src="<?php echo $site_url; ?>assets/img/backup/backup-3.png" alt="image" class="img-fluid" />
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .step-container {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .step-item {
        text-align: center;
        color: #4a246e;
    }
    .step-item img {
        width: 60px;
        height: auto;
    }
    .step-line {
        height: 3px;
        background-color: #4a246e;
        width: 100%;
    }
</style>
<div class="container">
    <div class="step-container">
        <div class="step-item">
            <img style="width: 80px; height: auto;" src="<?php echo $site_url; ?>assets/img/backup/backup-1-1.png" />
        </div>
        <div class="step-item">
            <img src="<?php echo $site_url; ?>assets/img/backup/backup-1-2.png" alt="Uygulamayı Kur" />
            <p>Uygulamayı Kur</p>
        </div>
        <div class="step-item">
            <img src="<?php echo $site_url; ?>assets/img/backup/backup-1-3.png" alt="Verileri Yedekle" />
            <p>Verileri Yedekle</p>
        </div>
        <div class="step-item">
            <img src="<?php echo $site_url; ?>assets/img/backup/backup-1-4.png" alt="Başlangıç Diski Oluştur" />
            <p>Başlangıç Diski Oluştur</p>
        </div>
        <div class="step-item">
            <img src="<?php echo $site_url; ?>assets/img/backup/backup-1-5.png" alt="USB'yi Kullan" />
            <p>USB'yi Kullan</p>
        </div>
        <div class="step-item">
            <img src="<?php echo $site_url; ?>assets/img/backup/backup-1-6.png" alt="Verileri Geri Yükle" />
            <p>Verileri Geri Yükle</p>
        </div>
        <div class="step-item">
            <img style="width: 80px; height: auto;" src="<?php echo $site_url; ?>assets/img/backup/backup-1-7.png" />
        </div>
    </div>
    <div class="step-line"></div>
</div>
<section>
    <div class="container">
        <div class="">
            <div class="row g-4">
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img style="width: 60px;" src="<?php echo $site_url; ?>assets/img/backup/backup-alan-4.png" alt="icon" class="img-fluid mb-4" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Disk Yedekleme</h6>
                                <p class="mb-0"><b>UnnaBulut</b> BackupBox ile cihazınızdaki disklerin imaj yedeklerini ayrıntılı bir şekilde alabilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="400" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-5.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Volume Yedekleme</h6>
                                <p class="mb-0"><b>UnnaBulut</b> BackupBox ile cihazınızdaki belirli birimlerin imaj yedeklerini kolayca alabilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="500" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-6.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Hızlı Başlangıç</h6>
                                <p class="mb-0"><b>UnnaBulut</b> BackupBox ile önceden yapılandırılmış bir yedekleme görevini hızla başlatabilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="600" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-7.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Zamanlanmış Görevler</h6>
                                <p class="mb-0"><b>UnnaBulut</b> BackupBox, yedekleme işlemlerini belirlediğiniz zaman aralıklarında otomatik olarak gerçekleştirir.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-8.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Hibrit Yedekleme</h6>
                                <p class="mb-0"><b>UnnaBulut</b> BackupBox, verilerinizi hem buluta hem de yerel bir alana yedeklemenizi sağlar.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-9.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Yedekleme Metotları</h6>
                                <p class="mb-0"><b>UnnaBulut</b> BackupBox, incremental, differential veya full yedekleme seçenekleri sunar.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-10.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Depolama Alanları Yönetimi</h6>
                                <p class="mb-0">Yedekler için belirlediğiniz hedef depolama alanlarını kolayca yönetebilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-11.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Veri Saklama Politikası</h6>
                                <p class="mb-0">Geçmiş yedeklerin ne kadar süreyle saklanacağını belirleyerek veri saklama politikaları oluşturabilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-12.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Disk/Volume Klonlama</h6>
                                <p class="mb-0"><b>UnnaBulut</b> BackupBox, seçili disk ve birimlerinizi başka bir hedefe klonlamanıza imkan tanır.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-13.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Diske/Birime Geri Yükleme</h6>
                                <p class="mb-0">Yedeklerinizi dilediğiniz diske veya birime kolaylıkla geri yükleyebilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-14.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Başlangıç Diski Oluşturma</h6>
                                <p class="mb-0"><b>UnnaBulut</b> BackupBox, USB belleğinizi başlangıç diski haline getirerek kurtarma işlemleri için kullanılmasını sağlar.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-15.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Bildirimler ve Raporlama</h6>
                                <p class="mb-0">Yedekleme işlemleri ile ilgili bildirimler alır ve düzenli raporlarla kullanıcı etkinliklerini takip edersiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-16.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Politikalar</h6>
                                <p class="mb-0">Merkezi yönetim sistemi ile kullanıcıların yedekleme işlemlerini politikalar aracılığıyla kontrol edebilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="700" data-sal-easing="ease-in-out-sine">
                    <div class="ssl-benefit-item px-5 py-7 border border-secondary hover-shadow transition rounded-3">
                        <div class="row">
                            <div class="col-sm-2 d-flex align-items-center justify-content-center">
                                <img src="<?php echo $site_url; ?>assets/img/backup/backup-alan-17.png" alt="icon" class="img-fluid mb-4" style="width: 60px;" />
                            </div>
                            <div class="col-sm-10">
                                <h6 class="mb-2">Uzaktan Yönetim</h6>
                                <p class="mb-0"><b>UnnaBulut</b> web paneli ile yedekleme işlemlerinizi her yerden yönetebilir, yedekleme görevlerini kolayca oluşturabilirsiniz.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="pt-60 pb-60">
    <div class="pt-60 pb-60">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="ps-lg-8 pe-xxl-12">
                        <h3 class="mb-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            Hemen Yedekle
                        </h3>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Anlık Yedekleme</b> - Dosya ve klasörleriniz, gelişmiş yedekleme çözümleri ile otomatik ve anlık olarak yedeklenir. Böylece manuel işlem gerektirmeden verilerinizi güvenle korursunuz.
                        </p>
                        <p class="mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            <b>Sınırsız Versiyonlama</b> - <b>UnnaBulut</b>, dosyalarınız için 30 günlük sınırsız versiyonlama sağlar. Ayrıca bir yıl boyunca her ayın son versiyonu saklanır, böylece yapılan hataları eski versiyonlara
                            dönerek düzeltebilirsiniz. Bu özellik depolama kotanızı etkilemez.
                        </p>
                        <p class="mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            <b>Sorunsuz Kurtarma</b> - <b>UnnaBulut</b> ile veri kurtarma işlemleri birkaç tıklama ile hızlıca yapılır; böylece işletmenizin işleyişinde kesinti yaşamazsınız.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6 sal-animate d-flex justify-content-center" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <img style="width:250px;" src="<?php echo $site_url; ?>assets/img/backup/resize/alan-1.webp" alt="image" class="img-fluid" />
                </div>
            </div>
        </div>
    </div>
    <div class="pb-60">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6 sal-animate d-flex justify-content-center" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <img style="width:250px;" src="<?php echo $site_url; ?>assets/img/backup/resize/alan-2.webp" alt="image" class="img-fluid" />
                </div>
                <div class="col-lg-6">
                    <div class="ps-lg-8 pe-xxl-12">
                        <h3 class="mb-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            Güvenle Sakla
                        </h3>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Fidye Yazılımı Koruması</b> - <b>UnnaBulut</b>, gelişmiş koruma sistemi ile fidye yazılımı saldırılarına karşı sürekli olarak dosyalarınızı izler ve şüpheli bir aktivite durumunda kullanıcıyı uyarır.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Silinmiş Dosyalar</b> - <b>UnnaBulut</b>, dosyaların kalıcı olarak silinmesini önleyerek silinen dosyaları 60 gün boyunca çöp kutusunda tutar. Bu süre içinde dosyalar tüm versiyonlarıyla birlikte
                            geri yüklenebilir ve kotanızı etkilemez.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Çoklu Veri Merkezi</b> - <b>UnnaBulut</b> veri merkezleri, uluslararası güvenlik ve kalite standartlarına uyumludur; veri alışverişinde uçtan uca şifreleme sağlar ve KVKK gerekliliklerine tam uyum gösterir.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pb-60">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="ps-lg-8 pe-xxl-12">
                        <h3 class="mb-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            Kolayca Yönet
                        </h3>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Merkezi Yönetim</b> - BT yöneticileri, alt organizasyonlarının yedekleme işlemlerini web paneli üzerinden kolayca yönetebilir; rapor ve bildirimlerle kullanıcıların etkinliğini kontrol edebilir.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Politikalar</b> - Yöneticiler, kullanıcı gruplarının yedekleme işlemlerini yönetmek için politika belirleyebilir. Bant genişliği, zamanlama, dosya türü kısıtlamaları, IP sınırlamaları gibi ayarlar tek bir politika altında düzenlenebilir.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6 sal-animate d-flex justify-content-center" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <img style="width:250px;" src="<?php echo $site_url; ?>assets/img/backup/resize/alan-3.webp" alt="image" class="img-fluid" />
                </div>
            </div>
        </div>
    </div>
</div>

<div class="pb-120 bg-secondary">
    <style media="screen">
        .col-sm-6.col-md-4.feature-list__item.sal-animate:hover {
            background: white;
            border-radius: 25px;
        }
    </style>
    <div class="container">
        <div class="row g-4 g-md-0 feature-list">
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-1.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Dosya Yedekleme
                    </h6>
                    <p class="mb-0"><b>UnnaBulut</b>, dosya ve klasörlerinizi otomatik ve anlık olarak yedekler. Tam yedekleme sonrası yalnızca değişiklikleri kaydederek güncel kalır.</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-2.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Veritabanı Yedekleme
                    </h6>
                    <p class="mb-0">
                        Veritabanlarınız düzenli olarak yedeklenir; ilk yedekten sonra yalnızca değişiklikler kaydedilir. Yedekleme, SQL sunucusunu kesintiye uğratmaz.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-3.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        E-Posta Yedekleme
                    </h6>
                    <p class="mb-0">
                        <b>UnnaBulut</b>, POP3 tabanlı PST e-posta dosyalarınızı belirlediğiniz sıklıkta yedekler. Yedekleme sırasında Outlook uygulamanız çalışmaya devam eder.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-4.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Sınırsız Versiyonlama
                    </h6>
                    <p class="mb-0">
                        <b>UnnaBulut</b>, son 30 gün için sınırsız versiyonlama sağlar. Ayrıca, bir yıla kadar her ay ve önceki yılın son versiyonunu saklar; bu işlem depolama kotanızı etkilemez.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-5.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Hızlı Geri Yükleme
                    </h6>
                    <p class="mb-0">
                        <b>UnnaBulut</b> ile veri kaybı durumlarında geri yükleme işlemini hızlıca tamamlayarak veri güvenliğini sağlarsınız.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-6.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Dosya Paylaşımı
                    </h6>
                    <p class="mb-0">
                        <b>UnnaBulut</b> ile dosya ve klasörlerinizi güvenli ve hızlı bir şekilde paylaşarak kolayca iş birliği yapabilirsiniz.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-7.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Raporlama ve Bildirim
                    </h6>
                    <p class="mb-0">
                        <b>UnnaBulut</b> Backup Now, yedekleme işlemlerinizle ilgili detaylı raporlar sunarak tüm önemli bilgilerden haberdar olmanızı sağlar.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-8.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Tehlike Uyarı Sistemi
                    </h6>
                    <p class="mb-0"><b>UnnaBulut</b>, fidye yazılımı gibi tehditleri izler ve anormal aktivitelerde kullanıcıları SMS, e-posta ve mobil bildirim yoluyla uyarır.</p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-9.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        2 Adımlı Doğrulama
                    </h6>
                    <p class="mb-0">
                        <b>UnnaBulut</b> ürünleri, 2 adımlı doğrulama ile ekstra güvenlik sağlar; böylece hesabınız ve verileriniz daima koruma altında olur.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="pt-60 pb-60">
    <div class="pt-60 pb-60">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="ps-lg-8 pe-xxl-12">
                        <h3 class="mb-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            İş Birliği Yap
                        </h3>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Ortak Alan</b> - <b>UnnaBulut</b> nDocs Workspace, ekip üyelerinizle eş zamanlı olarak çeşitli dosya ve klasörler üzerinde iş birliği yapmanızı sağlar. Donanım veya yazılım masraflarına gerek kalmadan rahatça çalışabilirsiniz.
                        </p>
                        <p class="mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            <b>Online Ofis</b> - Online editör, kullanıcıların Word, Excel ve PowerPoint dosyalarını doğrudan kişisel veya ortak alan üzerinde düzenlemesini sağlar, böylece hızlı, güvenli ve verimli bir deneyim sunar.
                        </p>
                        <p class="mb-0 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            <b>Yetkilendirme</b> - <b>UnnaBulut</b> yöneticilere, kullanıcıların ortak alanlarda hangi işlemleri yapabileceğini belirleme esnekliği tanır; dosya ve klasörlerde görüntüleme, düzenleme veya indirme yetkilerini yönetebilirsiniz.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6 sal-animate d-flex justify-content-center" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <img style="width: 150px;" src="<?php echo $site_url; ?>assets/img/backup/alan-1.png" alt="image" class="img-fluid" />
                </div>
            </div>
        </div>
    </div>
    <div class="pb-60">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6 sal-animate d-flex justify-content-center" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <img style="width: 180px;" src="<?php echo $site_url; ?>assets/img/backup/alan-2.png" alt="image" class="img-fluid" />
                </div>
                <div class="col-lg-6">
                    <div class="ps-lg-8 pe-xxl-12">
                        <h3 class="mb-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            Güvenle Sakla
                        </h3>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Sınırsız Versiyonlama</b> - Tüm çalışmalarınızı güvenle saklayan versiyonlama özelliği ile önceki sürümlere kolayca erişebilir, istenmeyen değişiklikleri geri alabilirsiniz. Her versiyon için kullanıcı bilgilerine de ulaşabilirsiniz.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Silinmiş Dosyalar</b> - <b>UnnaBulut</b>, silinen dosyaları 60 gün boyunca güvenle saklar ve bu dosyalar kotanızda yer kaplamaz, böylece verilerinizi kaybetme endişesi yaşamazsınız.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Çoklu Veri Merkezi</b> - <b>UnnaBulut</b> veri merkezleri, uluslararası güvenlik standartlarına uygundur ve sürekli denetim altındadır. KVKK uyumluluğu sağlar ve en güncel güvenlik önlemlerini uygular.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pb-60">
        <div class="container">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="ps-lg-8 pe-xxl-12">
                        <h3 class="mb-6 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                            Kolayca Yönet
                        </h3>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Merkezi Yönetim</b> - Merkezi yönetim ile BT ekipleri ve yöneticiler tüm organizasyon işlemlerini web paneli üzerinden takip edebilir, detaylı rapor ve bildirimlerle sistem kullanım bilgilerini gözden geçirebilir.
                        </p>
                        <p data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine" class="sal-animate">
                            <b>Politikalar</b> - Yöneticiler, kullanıcı gruplarının işlem yetkilerini belirlemek için politikalar oluşturabilir. Bu özellik, indirme/yükleme sınırları, izinli dosya türleri ve paylaşım kısıtlamaları gibi ayarları tek bir politika altında toplar.
                        </p>
                    </div>
                </div>
                <div class="col-lg-6 sal-animate d-flex justify-content-center" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                    <img style="width: 160px;" src="<?php echo $site_url; ?>assets/img/backup/alan-3.png" alt="image" class="img-fluid" />
                </div>
            </div>
        </div>
    </div>
</div>

<div class="pb-120 bg-secondary">
    <style media="screen">
        .col-sm-6.col-md-4.feature-list__item.sal-animate:hover {
            background: white;
            border-radius: 25px;
        }
    </style>
    <div class="container">
        <div class="row g-4 g-md-0 feature-list">
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/icon-1.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Ortak Alan
                    </h6>
                    <p class="mb-0">
                      Ekip üyelerinizle ortak bir platformda çalışarak aynı dosya ve klasörlere her yerden erişim sağlayabilirsiniz. Bu özellik, pahalı donanım ve yazılım ihtiyacını ortadan kaldırarak güncel verilere güvenle ulaşmanızı sağlar.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/kisisel-calisma-alani.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Kişisel Çalışma Alanı
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b>, ortak alan dışında her kullanıcıya özel bireysel çalışma alanı sunar. Bu alanda kendi içeriklerinizi oluşturabilir, bunları kurum içi veya dışı paylaşıma açabilirsiniz.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/online-ofis.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                      Online Ofis
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b>’un online ofis özelliği ile Word, Excel ve PowerPoint belgelerinizi herhangi bir ofis programına ihtiyaç duymadan platform üzerinden düzenleyebilirsiniz.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 60px;" src="<?php echo $site_url; ?>assets/img/backup/yetkilendirme.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                      Yetkilendirme
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b> ile yöneticiler, belirli dosyalar üzerinde hangi kullanıcıların işlem yapabileceğine karar vererek yönetim kontrolünü ellerinde bulundurur.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/dashboard.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Dashboard
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b> yöneticilerine, dosya türleri, dosya boyutları ve yapılan değişiklikleri izleyebilecekleri kapsamlı bir gösterge paneli sunar.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/raporlama.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                      Raporlama ve Bildirim
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b>, çalışma alanı faaliyetleri ile ilgili kapsamlı raporlar ve bildirimler sunar, böylece tüm kritik bilgilerden anında haberdar olursunuz.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/sinirsiz-versiyonlama.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                      Sınırsız Versiyonlama
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b>, son 30 gün içinde sınırsız versiyonlama sunar, böylece eski sürümleri kolayca geri yükleyebilirsiniz.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 35px;" src="<?php echo $site_url; ?>assets/img/backup/silinmis-dosyalar.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                      Silinmiş Dosyalar
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b> dosyalarınızın kalıcı olarak silinmesini önler; silinen dosyalar, 60 gün boyunca çöp kutusunda saklanır.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/dosya-paylasimi.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                      Dosya Paylaşımı
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b>, dosyalarınızı güvenli ve hızlı bir şekilde paylaşmanıza olanak tanıyarak verimli bir iş birliği ortamı sağlar.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/gecici-alan-paylasimi.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Geçici Alan Paylaşımı
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b>, hesap sahibi olmayan kullanıcılarla geçici dosya paylaşımı yapmanıza imkan tanır.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/mobil-uygulama.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        Mobil Uygulama
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b> mobil uygulaması ile her yerden verilerinize erişebilir, ortak ve bireysel alanlarınıza ulaşabilirsiniz.
                    </p>
                </div>
            </div>
            <div class="col-sm-6 col-md-4 feature-list__item sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                <div class="feature-list__card border text-center">
                    <div class="mb-8">
                        <img style="width: 70px;" src="<?php echo $site_url; ?>assets/img/backup/2dogrulama.png" alt="Dosya Yedekleme" />
                    </div>
                    <h6 class="mb-5">
                        2 Adımlı Doğrulama
                    </h6>
                    <p class="mb-0">
                      <b>UnnaBulut</b>, iki aşamalı kimlik doğrulama (2FA) özelliği ile hesap ve verilerinizi ekstra bir güvenlik katmanıyla korur.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
// Sepete ekleme işlemi
function addToProduct(productId) {
    const product = {
        productId: productId, // Ürün ID'sini atıyoruz
        domain: "yedek", // Domain gerekli değilse boş bırakıyoruz
        action: "yedek", // İşlem türü
        itemName: "Yedekleme Hizmeti", // Ürün adı
        type: "yedek" // Ürün türü
    };

    // Sepete ekleme işlemi
    addToCart(product);

    // Sepeti sunucuya gönderme işlemi
    sendCartToServer(product);
}

// Sepete ürün ekle
function addToCart(product) {
    let cart = JSON.parse(localStorage.getItem('cart')) || [];
    cart.push(product); // Ürünü sepete ekliyoruz
    localStorage.setItem('cart', JSON.stringify(cart));
    console.log('Ürün sepete eklendi:', product);
}

// Sepeti sunucuya gönderme fonksiyonu
function sendCartToServer(product) {
    fetch('/require/pages/add-to-cart.php', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify([product]) // Sepet verisini JSON formatında gönderiyoruz
    })
    .then(response => {
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        return response.json();
    })
    .then(data => {
        if (data.status === 'success') {
            console.log('Sepet sunucuya başarıyla kaydedildi:', data.cart);
            window.location.href = '/sepet'; // İşlem başarılı ise yönlendiriyoruz
        } else {
            console.error('Sepet kaydedilemedi:', data.message);
        }
    })
    .catch(error => {
        console.error('Sunucuya gönderim sırasında bir hata oluştu:', error);
    });
}
</script>
