<?php
$spec = [
    '60' => [
        "Hesap" => [
            "name" => "75",
            "icon" => "ssicon-mail",
            "desc" => "Kullanıcı",
        ],
        "KVKK" => [
            "name" => "KVKK Uyumlu!",
            "icon" => "ssicon-turkey",
            "desc" => "",
        ],
        "kurulum" => [
            "name" => "30 Dakika",
            "icon" => "ssicon-speed",
            "desc" => "",
        ],
        "Disk" => [
            "name" => "SINIRSIZ!",
            "icon" => "ssicon-ssd",
            "desc" => "",
        ],
        "Uygun" => [
            "name" => "%100 Uyumlu!",
            "icon" => "ssicon-koruma",
            "desc" => "",
        ],
        "Koruma" => [
            "name" => "Antivürs koruması!",
            "icon" => "ssicon-security",
            "desc" => "",
        ],
        "iletim" => [
            "name" => "Yüzde 99 İletim garantisi!",
            "icon" => "fa-solid fa-percent",
            "desc" => "",
        ],
    ],
    '61' => [
        "Hesap" => [
            "name" => "25",
            "icon" => "ssicon-mail",
            "desc" => "Kullanıcı",
        ],
        "KVKK" => [
            "name" => "KVKK Uyumlu!",
            "icon" => "ssicon-turkey",
            "desc" => "",
        ],
        "Kurulum" => [
            "name" => "30 Dakika",
            "icon" => "ssicon-speed",
            "desc" => "",
        ],
        "Disk" => [
            "name" => "SINIRSIZ!",
            "icon" => "ssicon-disk",
            "desc" => "",
        ],
        "Uygun" => [
            "name" => "%100 Uyumlu!",
            "icon" => "ssicon-koruma",
            "desc" => "",
        ],
        "Koruma" => [
            "name" => "Antivürs koruması!",
            "icon" => "ssicon-security",
            "desc" => "",
        ],
        "iletim" => [
            "name" => "Yüzde 99 İletim garantisi!",
            "icon" => "fa-solid fa-percent",
            "desc" => "",
        ],
    ],
    '62' => [
        "Hesap" => [
            "name" => "150",
            "icon" => "ssicon-mail",
            "desc" => "Kullanıcı",
        ],
        "KVKK" => [
            "name" => "KVKK Uyumlu!",
            "icon" => "ssicon-turkey",
            "desc" => "",
        ],
        "Kurulum" => [
            "name" => "30 Dakika",
            "icon" => "ssicon-speed",
            "desc" => "",
        ],
        "Disk" => [
            "name" => "SINIRSIZ!",
            "icon" => "ssicon-disk",
            "desc" => "",
        ],
        "Uygun" => [
            "name" => "%100 Uyumlu!",
            "icon" => "ssicon-koruma",
            "desc" => "",
        ],
        "Koruma" => [
            "name" => "Antivürs koruması!",
            "icon" => "ssicon-security",
            "desc" => "",
        ],
        "iletim" => [
            "name" => "Yüzde 99 İletim garantisi!",
            "icon" => "fa-solid fa-percent",
            "desc" => "",
        ],
    ],
    '63' => [
        "Hesap" => [
            "name" => "200",
            "icon" => "ssicon-mail",
            "desc" => "Kullanıcı",
        ],
        "KVKK" => [
            "name" => "KVKK Uyumlu!",
            "icon" => "ssicon-turkey",
            "desc" => "",
        ],
        "Kurulum" => [
            "name" => "30 Dakika",
            "icon" => "ssicon-speed",
            "desc" => "",
        ],
        "Disk" => [
            "name" => "SINIRSIZ!",
            "icon" => "ssicon-disk",
            "desc" => "",
        ],
        "Uygun" => [
            "name" => "%100 Uyumlu!",
            "icon" => "ssicon-koruma",
            "desc" => "",
        ],
        "Koruma" => [
            "name" => "Antivürs koruması!",
            "icon" => "ssicon-security",
            "desc" => "",
        ],
        "iletim" => [
            "name" => "Yüzde 99 İletim garantisi!",
            "icon" => "fa-solid fa-percent",
            "desc" => "",
        ],
    ],
];

?>

<style media="screen">
.ssicon-koruma {
  display: inline-block; /* İkonun düzgün görünmesi için */
  width: 24px !important; /* İkonun genişliğini ayarlayın */
  height: 24px !important; /* İkonun yüksekliğini ayarlayın */
  background-image: url('assets/img/icons/koruma.svg') !important; /* SVG dosyasının yolu */
  background-size: contain; /* Arka planı ölçeklendirir */
  background-repeat: no-repeat; /* Arka plan tekrarını kapatır */
  background-position: center; /* Arka planı ortalar */
  vertical-align: middle; /* Metinle hizalamayı sağlar */
}
.ssicon-turkey {
  display: inline-block; /* İkonun düzgün görünmesi için */
  width: 24px !important; /* İkonun genişliğini ayarlayın */
  height: 24px !important; /* İkonun yüksekliğini ayarlayın */
  background-image: url('assets/img/icons/turkey.svg') !important; /* SVG dosyasının yolu */
  background-size: contain; /* Arka planı ölçeklendirir */
  background-repeat: no-repeat; /* Arka plan tekrarını kapatır */
  background-position: center; /* Arka planı ortalar */
  vertical-align: middle; /* Metinle hizalamayı sağlar */
}
    .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;
    }
    .ssicon-turkey{
      padding: 0;
      margin-left: 8px;
      margin-right: 19px !important;
    }
    .ssicon-koruma{
      padding: 0;
      margin-left: 8px;
      margin-right: 19px !important;
    }
</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/email.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) {
  .banner-bg {
      background-position: 40% !important;
      background-image: linear-gradient(90deg, #000000f5 10%, rgba(8, 15, 44, 0)),
                        url(https://serversistemleri.com/assets/img/email.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">Kurumsal Mail</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">
                      Türk Telekom altyapıları ile eşzamanlı yedekli olarak sunulan 10 Gbps hat kapasitemiz sayesinde %99,99 ağ erişim garantisi sağlıyoruz. Ayrıca, kullanıcı dostu yönetim panelimiz üzerinden tüm trafik istatistiklerini anlık olarak takip edebilme imkânı sunmaktayız.
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<?php $urunler = $whmcs->ProGet(16); ?>
<section class="">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="text-center">
                    <h2 class="mb-8">Türkiye Kurumsal Mail</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/add-server.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 endif; ?>
                                              <?php if (isset($specDetails['img'])): ?>
                                                <img src="<?php echo $site_url; ?>assets/img/icons/<?php echo $specDetails['img']; ?>" alt="<?php echo $specDetails['desc']; ?>">
                                              <?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="container" style="margin-top:30px;">
    <div class="row">
        <div class="col-12">
            <div class="bg-dark px-sm-10 px-6 pt-80 pb-80 rounded-3">
                <div class="row g-4">
                    <div class="col-lg-4 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                        <div class="px-5 py-7 rounded-3 side-blog-item transition">
                            <img style="width:50%;" src="<?php echo $site_url; ?>assets/img/icons/add-server-white.svg" alt="Kolay Kurulum" class="img-fluid mb-3" />
                            <h6 class="text-white mb-3">Kolay NAS Sunucu Kurulumu</h6>
                            <p class="text-white mb-0 text-opacity-75">NAS sunucunuzu dakikalar içinde yapılandırın. Kullanıcı dostu arayüzümüz ile verilerinizi kolayca yönetebilirsiniz.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="400" data-sal-easing="ease-in-out-sine">
                        <div class="px-5 py-7 rounded-3 side-blog-item transition bg-white bg-opacity-5">
                            <img style="width:50%;" src="<?php echo $site_url; ?>assets/img/icons/information-white.svg" alt="Kesintisiz Destek" class="img-fluid mb-3" />
                            <h6 class="text-white mb-3">7/24 Teknik Destek</h6>
                            <p class="text-white mb-0 text-opacity-75">NAS sunucunuzun performansını maksimize etmek için deneyimli teknik ekibimiz 7/24 hizmetinizde.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="500" data-sal-easing="ease-in-out-sine">
                        <div class="px-5 py-7 rounded-3 side-blog-item transition">
                            <img style="width:50%;" src="<?php echo $site_url; ?>assets/img/icons/secure-white.svg" alt="Veri Güvenliği" />
                            <h6 class="text-white mb-3">Yüksek Güvenlik ve Erişilebilirlik</h6>
                            <p class="text-white mb-0 text-opacity-75">NAS sunucularımız gelişmiş güvenlik önlemleri ile verilerinizi korur ve her zaman erişilebilir olmasını sağlar.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="pt-120 pb-120 bg-secondary">
    <div class="pb-60">
        <div class="container">
            <div class="row g-4 align-items-center justify-content-xl-between">
              <div class="container">
                  <div class="row justify-content-center">
                      <div class="col-12">
                          <div class="text-center">
                              <h2 class="text-dark mb-4 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                                Hizmetlerimiz ile tanışın!
                              </h2>
                          </div>
                      </div>
                  </div>
              </div>
            </div>
        </div>
    </div>
    <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">
                        <i style="font-size: 75px;" class="fas fa-envelope"></i>
                    </div>
                    <h6 class="mb-5">Profesyonel E-posta Hizmetleri</h6>
                    <p class="mb-0">
                        Kurumsal ihtiyaçlarınıza uygun, profesyonel e-posta hizmetlerimiz ile iletişimlerinizi güvenli ve verimli bir şekilde yönetin.
                    </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">
                        <i style="font-size: 75px;" class="fas fa-cogs"></i>
                    </div>
                    <h6 class="mb-5">Kullanıcı Dostu Yönetim Paneli</h6>
                    <p class="mb-0">
                        Kullanıcı dostu arayüzümüz, e-posta hesaplarınızı kolayca yönetmenizi ve organize etmenizi 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">
                        <i style="font-size: 75px;" class="fas fa-shield-alt"></i>
                    </div>
                    <h6 class="mb-5">Güçlü Spam ve Virüs Koruması</h6>
                    <p class="mb-0">
                        Kurumsal e-posta hizmetlerimiz, güçlü spam ve virüs filtreleme özellikleri ile iletişimlerinizi güvence altına alı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">
                        <i style="font-size: 75px;" class="fas fa-mobile-alt"></i>
                    </div>
                    <h6 class="mb-5">Esnek Erişim Seçenekleri</h6>
                    <p class="mb-0">
                        Masaüstü, mobil veya web üzerinden e-posta erişimi sağlayarak her an bağlantıda kalmanıza olanak tanırı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">
                        <i style="font-size: 75px;" class="fas fa-calendar-alt"></i>
                    </div>
                    <h6 class="mb-5">Takvim ve Kişi Yönetimi</h6>
                    <p class="mb-0">
                        Entegre takvim ve kişi yönetimi özellikleri ile iş süreçlerinizi daha verimli bir şekilde yönetin.
                    </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">
                        <i style="font-size: 75px;" class="fas fa-user-shield"></i>
                    </div>
                    <h6 class="mb-5">Yüksek Güvenlik Standartları</h6>
                    <p class="mb-0">
                        Veri şifreleme ve iki faktörlü kimlik doğrulama ile e-posta iletişimlerinizi güvende tutarız.
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>


<style>
    .img-fluid {
        max-width: 100%;
        height: auto;
    }

    .content-row {
        padding-top: 2rem;
    }
</style>
<div class="container my-5">
    <!-- Başlangıç -->
    <div class="row content-row align-items-center">
        <div class="col-md-6 text-center">
            <img src="<?php echo $site_url; ?>design/images/Background/kurumsal-mail-1.webp" alt="Kurumsal Mail 1" class="img-fluid">
        </div>
        <div class="col-md-6">
            <h3>GRUP SOHBETİ</h3>
            <p>Ekibiniz ile birlikte şirket içi görüşmelerinizi yapacağız gelişmiş bir mail hizmeti! Hem sesli, hem
                görüntülü hemde mesaj ile ekibinizle dilediğiniz kadar güvenli bir şekilde konuşun!</p>
        </div>
    </div>
    <hr>
    <div class="row content-row align-items-center">
        <div class="col-md-6">
            <h3>GELİŞMİŞ AYAR</h3>
            <p>Mail paneliniz içerisinde dilediğiniz ayarları ve özelleştirmeleri yapabilirsiniz! Üstelik <a
                    href="https://blog.serversistemleri.com/">blog</a> adresimiz üzerinde dilediğiniz özellikler
                hakkında bilgiler mevcut!</p>
        </div>
        <div class="col-md-6 text-center">
            <img src="<?php echo $site_url; ?>design/images/Background/kurumsal-mail-2.webp" alt="Kurumsal Mail 2" class="img-fluid">
        </div>
    </div>
    <hr>
    <div class="row content-row align-items-center">
        <div class="col-md-6 text-center">
            <img src="<?php echo $site_url; ?>design/images/Background/kurumsal-mail-3.webp" alt="Kurumsal Mail 3" class="img-fluid">
        </div>
        <div class="col-md-6">
            <h3>EK DOMAİN EKLEME</h3>
            <p>Mail paneliniz içerisinden domain eklemek çok kolay! Domain adresinizi ekleyin <strong>MX</strong>
                ayarlarını yönlendirin ve yüzde 100 iletişim garantisi ile mail göndermeye başlayın!</p>
        </div>
    </div>
    <hr>
    <div class="row content-row align-items-center">
        <div class="col-md-6">
            <h3>KOLAY KURULUM</h3>
            <p>Tüm cihazlarınız içerisinde mail hizmetini kullanmak çok kolay! Panel içerisinden tek tıklama ile
                dilediğiniz cihaza mail kurulumunu yapabilirsiniz!</p>
        </div>
        <div class="col-md-6 text-center">
            <img src="<?php echo $site_url; ?>design/images/Background/kurumsal-mail-4.webp" alt="Kurumsal Mail 4" class="img-fluid">
        </div>
    </div>
    <hr>
    <div class="row content-row align-items-center">
        <div class="col-md-6 text-center">
            <img src="<?php echo $site_url; ?>design/images/Background/kurumsal-mail-5.webp" alt="Kurumsal Mail 5" class="img-fluid">
        </div>
        <div class="col-md-6">
            <h3>MAİL YÖNETİMİ</h3>
            <p>Mail adreslerinizin kullanımlarını tek bir sayfa içerisinden yönetebilirsiniz! Mail hizmetlerinizin
                kullanımları, yapılan işlemlerin tamamı tek bir panel içerisinde!</p>
        </div>
    </div>
    <hr>
    <div class="row content-row align-items-center">
        <div class="col-md-6">
            <h3>KOLAY TAKİP</h3>
            <p>Mail, takvim ve hatırlatıcılarınıız tek bir şifre ile yönetebilirsiniz! Üstelik firmanız içerisinde
                kullanılan mail adreslerini de takip edebilirsiniz!</p>
        </div>
        <div class="col-md-6 text-center">
            <img src="<?php echo $site_url; ?>design/images/Background/kurumsal-mail-6.webp" alt="Kurumsal Mail 6" class="img-fluid">
        </div>
    </div>
    <hr>
    <div class="row content-row align-items-center">
        <div class="col-md-6 text-center">
            <img src="<?php echo $site_url; ?>design/images/Background/kurumsal-mail-7.webp" alt="Kurumsal Mail 7" class="img-fluid">
        </div>
        <div class="col-md-6">
            <h3>DETAYLI ARAMA</h3>
            <p>Gönderdiğiniz mailleri detaylıca sorgulamak ister misiniz? Dilediğiniz zaman dilediğiniz yerde
                maillerinizi sorgulayabilirsiniz!</p>
        </div>
    </div>
    <hr>
    <div class="row content-row align-items-center">
        <div class="col-md-6">
            <h3>GÜVENLİK STANDARTLARI</h3>
            <p>Hizmetimiz içerisinde bir çok güvenlik protokolü sunmaktayız, SSL/TLS, SPF, DKIM, DMARC ve daha fazlası
                dahil olmak üzere en son güvenlik standartlarını kullanarak sizlere en iyi mail hizmetini
                sunmaktayız!</p>
        </div>
        <div class="col-md-6 text-center">
            <img src="<?php echo $site_url; ?>design/images/Background/kurumsal-mail-9.webp" alt="Kurumsal Mail 9" class="img-fluid">
        </div>
    </div>
</div>
<?php
$faq = [
    [
        "question" => "Herhangi bir gizli ücret mevcut mudur?",
        "answer" => "Kurumsal Mail hizmetlerimize sitemizde görmüş olduğunuz ücretler ile sadece kanunen zorunlu resmi vergiler eklenerek sahip olursunuz, herhangi bir operasyonel ücret mevcut değildir."
    ],
    [
        "question" => "Uptime oranınız nedir?",
        "answer" => "Tüm Kurumsal Mail çözümlerimize çok noktadan yedekli donanım altyapımız ve birden fazla operatörden sağlanan network bağlantılarımız ile %99,99 uptime garantisi sunulmaktadır."
    ],
    [
        "question" => "Network Altyapınızda Hangi Donanımı Kullanıyorsunuz?",
        "answer" => "NAS sistemleri için tasarlanan altyapımızda Juniper EX serisi yönlendiriciler kullanılmakta ve sıfır paket kaybı (zero-packet-loss) prensibi ile hizmet verilmektedir."
    ],
    [
        "question" => "NAS sunucularınız hangi işletim sistemini destekliyor?",
        "answer" => "Windows, Linux, BSD işletim sistemleri farklı sürümleri ile birlikte NAS sunucu çözümlerimizde desteklenmektedir."
    ],
    [
        "question" => "NAS sunucularınız hangi sanallaştırma yazılımını kullanıyor?",
        "answer" => "NAS sunucularımız Türkiye ve Almanya lokasyonlarında, sektörün lider sanallaştırma ortamı olan VMware Enterprise Plus sistemi üzerinde çalışmaktadır."
    ],
    [
        "question" => "NAS sunucularınızı nasıl yönetebilirsiniz?",
        "answer" => "Yönetim panelinizden NAS sunucunuzun gerçek zamanlı durumu, disk kullanımını görebilir ve gerektiğinde yedekleme işlemlerini başlatabilirsiniz."
    ],
    [
        "question" => "Sunucularınızda kesintiler veya performans düşüşleri yaşanabilir mi?",
        "answer" => "NAS sunucular anlık olarak takip edilmektedir ve beklenmedik yoğunlukların oluşması durumunda kaynak aktarımı yapılarak verilerinizin kesintisiz şekilde erişilebilir olması sağlanır."
    ],
    [
        "question" => "Kurumsal Mail hizmeti ile verilerimi nasıl koruyabilirim?",
        "answer" => "Kurumsal Mail hizmetlerimiz, otomatik yedekleme, RAID yapılandırması ve şifreleme gibi özellikler sunarak verilerinizi güvenli bir şekilde saklamanızı sağlar."
    ]
];
?>


 <div class="pt-60 pb-120">
   <div class="pb-40">
       <div class="container">
           <div class="row justify-content-center">
               <div class="col-md-10 col-lg-8 col-xl-7">
                   <div class="text-center sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                       <h2>
                           Sıkça Sorulan Sorular
                       </h2>
                   </div>
               </div>
           </div>
       </div>
   </div>
   <div class="container">
       <div class="row g-4 justify-content-center">
           <div class="col-12">
               <?php $faq_sira = 0; ?>
               <div class="accordion border-0 vps-hosting-accordion" id="accordionFaq2">
                 <div class="row">
                   <?php foreach ($faq as $key): ?>
                       <?php $faq_sira = $faq_sira + 1; ?>
                     <div class="col-sm-6">
                       <div class="accordion-item border rounded-3 mb-4 sal-animate" data-sal="slide-up" data-sal-duration="500" data-sal-delay="300" data-sal-easing="ease-in-out-sine">
                           <h2 class="accordion-header">
                               <button class="accordion-button bg-transparent collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-<?php echo $faq_sira; ?>" aria-expanded="false" aria-controls="faq-<?php echo $faq_sira; ?>">
                                   <span class="text-body fs-16 fw-bold"><?php echo $key['question']; ?></span>
                               </button>
                           </h2>
                           <div id="faq-<?php echo $faq_sira; ?>" class="accordion-collapse collapse" data-bs-parent="#faq-<?php echo $faq_sira; ?>" style="">
                               <div class="accordion-body pt-0">
                                   <?php echo $key['answer']; ?>
                               </div>
                           </div>
                       </div>
                     </div>
                   <?php endforeach; ?>
                 </div>
               </div>
           </div>
       </div>
   </div>
</div>
<div class="modal fade show" id="domainModal" tabindex="-1" aria-labelledby="domainModalLabel" style="background-color: rgba(0, 0, 0, 0.5); display: none;" aria-modal="true" role="dialog">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content" style="padding:25px;background-color: white;">
            <div class="modal-header" style="background-color: white; border-bottom: 0 solid #1c1c1c !important;">
              <h5 id="domainModalLabel" class="text-center mb-3" style="color:black;">Domain Seçimi</h5>
                <button style="opacity: 1;" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body" style="background-color: white;color: black;">
                <div class="mb-3">
                    <input type="text" class="form-control" id="domainName" placeholder="Domain Adresi" required>
                </div>
                <button class="btn btn-primary w-100" onclick="addProductToCart()">Kullan</button>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
// Modalı açma fonksiyonu
function addToProduct(productId) {
    // Modal'ı Bootstrap yöntemleriyle aç
    const modal = new bootstrap.Modal(document.getElementById('domainModal'), {
        keyboard: true, // ESC ile kapatmayı aktif eder
    });
    modal.show(); // Modal'ı göster

    window.selectedProductId = productId; // Seçilen ürün ID'sini global değişkene at
    console.log("Seçilen Ürün ID:", productId);
}

// Modal içindeki "Kullan" butonuna tıklanınca çalışacak fonksiyon
function addProductToCart() {
    const domain = document.getElementById('domainName').value;

    if (!domain) {
        alert('Lütfen domain adresini giriniz.');
        return;
    }

    const product = {
        productId: window.selectedProductId, // Ürün ID'sini atıyoruz
        domain: domain,
        action: "kurumsalmail", // İşlem türü SSL
        itemName: "Kurumsal Mail", // Ürün adı
        type: "kurumsalmail" // Ürün türü SSL
    };

    // 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>
