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

  .banner-bg{
    background-image: linear-gradient(90deg, #000000f5 30%, rgba(8, 15, 44, 0)),url(<?php echo $site_url; ?>assets/img/kurumsal-hosting-mobile.webp) !important;
    background-size: cover !important;
}

.text-custom{
    color: black;
}

/* Mobilde arka plan resmini kaldır ve beyaz yap */
@media (max-width: 768px) {
    .banner-bg {
        background-image: linear-gradient(90deg, #000000f5 0%, rgba(8, 15, 44, 0)),url(<?php echo $site_url; ?>assets/img/kurumsal-hosting-mobile.webp) !important;
        background-position: 85% !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 Hosting</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">
                          Mükemmel web siteleri için güçlü ve sınırsız hosting hizmeti ile tanışın! Yüksek performans, güvenilirlik ve kesintisiz erişim sağlayarak sitenizin her zaman en iyi şekilde çalışmasını garanti ediyoruz. Hemen şimdi sınırsız imkanlardan faydalanın!
                        </p>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <section class="">
    <div class="pb-60">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12">
                    <div class="text-center">
                        <h2 class="ss-font-size-43 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">Yüksek Performanslı Hosting Paketlerimiz</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <?php
    $urunler = $whmcs->ProGet(3);
    include 'inc/product-template.php';
    ?>
</section>
<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>
    <link rel="stylesheet" href="/design/css/flaticon.min.css">
    <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="ssicon-sswebsite"></i>
                </div>
                <h6 class="mb-5">
                  Yenilikçi Web Çözümleri
                </h6>
                <p class="mb-0">
                  Profesyonel dokunuşlarla web sitelerinizi en üst seviyeye taşıyoruz.
                </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="flaticon-support"></i>
                </div>
                <h6 class="mb-5">
                    Güçlü Yedekleme Hizmetleri
                </h6>
                <p class="mb-0">
                    Haftalık yedekleme hizmetimizle web siteleriniz her zaman güvende.
                </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="ssicon-domain-backorder"></i>
                </div>
                <h6 class="mb-5">
                  450+ Uygulama Desteği
                </h6>
                <p class="mb-0">WordPress, OpenCart gibi 450'den fazla uygulamayı tek tıkla kurma imkânı.                </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="ssicon-control-panel"></i>
                </div>
                <h6 class="mb-5">
                    Türkçe Yönetim Paneli
                </h6>
                <p class="mb-0">
                  CPanel ve Plesk yönetim panellerini Türkçe dil desteği ile rahatlıkla 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="ssicon-design"></i>
                </div>
                <h6 class="mb-5">
                    SS-Panel Web Sitesi Oluşturucu
                </h6>
                <p class="mb-0">
                  Kodlama bilgisine gerek kalmadan profesyonel web siteleri oluşturun ve yayınlayın.
                </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="ssicon-ssl"></i>
                </div>
                <h6 class="mb-5">
                    Ücretsiz SSL Sertifikası
                </h6>
                <p class="mb-0">
                  Tüm hosting hesaplarında ücretsiz SSL hizmeti ile yüksek güvenlik sağlıyoruz.
                </p>
            </div>
        </div>
    </div>
</div>
</div>

<?php
$paketler = [
    "SS Kurumsal Hosting 1",
    "SS Kurumsal Hosting 2",
    "SS Kurumsal Hosting 3",
    "SS Kurumsal Hosting 4"
];

$ozellikler = [
    "Genel Özellikler" => [

        "Disk Alanı" => ["50 GB", "100 GB", "200 GB", "300 GB"],
        "Trafik" => ["Limitsiz", "Limitsiz", "Limitsiz", "Limitsiz"],
        "CPU" => ["2 Adet", "2 Adet", "2 Adet", "2 Adet"],
        "E-Posta Hesabı" => ["Limitsiz", "Limitsiz", "Limitsiz", "Limitsiz"],
        "RAM" => ["4096 MB", "4096 MB", "4096 MB", "4096 MB"],
        "MySQL Veritabanı" => ["Limitsiz", "Limitsiz", "Limitsiz", "Limitsiz"],
        "Subdomain" => ["Limitsiz", "Limitsiz", "Limitsiz", "Limitsiz"],
    ],
    "Web Sunucuları" => [
        "Windows ya da GNU Linux" => ["✔", "✔", "✔", "✔"],
        "cPanel & Plesk" => ["✔", "✔", "✔", "✔"],
        "Windows Server 2024" => ["✔", "✔", "✔", "✔"],
        "CloudLinux" => ["✔", "✔", "✔", "✔"],
        "Klasik ASP" => ["✔", "✔", "✔", "✔"],
        ".Net" => ["2.0/3.0/3.5/4.0/4.5", "2.0/3.0/3.5/4.0/4.5", "2.0/3.0/3.5/4.0/4.5", "2.0/3.0/3.5/4.0/4.5"],
        "PHP" => ["5.x-8.x", "5.x-8.x", "5.x-8.x", "5.x-8.x"],
        "Özel Php.ini" => ["✔", "✔", "✔", "✔"],
        "Perl" => ["✔", "✔", "✔", "✔"],
        "Şifre Korumalı Klasörler" => ["✔", "✔", "✔", "✔"],
        "Site İstatistikleri" => ["✔", "✔", "✔", "✔"],
        "Zamanlanmış Görevler" => ["✔", "✔", "✔", "✔"],
    ],
    "E-Posta Özellikleri" => [
        "E-Posta Hesabı" => ["✔", "✔", "✔", "✔"],
        "SMTP-POP3-IMAP" => ["✔", "✔", "✔", "✔"],
        "Web Mail" => ["✔", "✔", "✔", "✔"],
        "Anti-Spam / Anti-Virus" => ["✔", "✔", "✔", "✔"],
        "Takma Ad Kullanımı" => ["✔", "✔", "✔", "✔"],
        "Yönlendirme" => ["✔", "✔", "✔", "✔"],
        "E-Posta Grupları" => ["✔", "✔", "✔", "✔"],
    ],
    "Veritabanı Özellikleri" => [
        "MySQL Veri Tabanı" => ["1 Adet", "✔", "✔", "✔"],
        "MsSQL Web Admin" => ["✔", "✔", "✔", "✔"],
        "phpMyAdmin" => ["✔", "✔", "✔", "✔"],
    ],
    "Diğer Özellikler" => [
        "Gelişmiş DNS Kayıt Yönetimi" => ["✔", "✔", "✔", "✔"],
        "Özelleştirilebilir Kontrol Paneli" => ["✔", "✔", "✔", "✔"],
        "Entegre SEO Raporları" => ["✔", "✔", "✔", "✔"],
    ]
];
?>
<?php
$paketler = [
  "SS Kurumsal Hosting 1",
  "SS Kurumsal Hosting 2",
  "SS Kurumsal Hosting 3",
  "SS Kurumsal Hosting 4"
];

$ozellikler = [
  "Genel Özellikler" => [
      "Disk Alanı" => ["50 GB", "100 GB", "200 GB", "300 GB"],
      "Trafik" => ["Limitsiz", "Limitsiz", "Limitsiz", "Limitsiz"],
      "CPU" => ["2 Adet", "2 Adet", "2 Adet", "2 Adet"],
      "E-Posta Hesabı" => ["Limitsiz", "Limitsiz", "Limitsiz", "Limitsiz"],
      "RAM" => ["4096 MB", "4096 MB", "4096 MB", "4096 MB"],
      "MySQL Veritabanı" => ["Limitsiz", "Limitsiz", "Limitsiz", "Limitsiz"],
      "Subdomain" => ["Limitsiz", "Limitsiz", "Limitsiz", "Limitsiz"],
  ],
    "Web Sunucuları" => [
        "Windows ya da GNU Linux" => ["✔", "✔", "✔", "✔"],
        "cPanel & Plesk" => ["✔", "✔", "✔", "✔"],
        "Windows Server 2024" => ["✔", "✔", "✔", "✔"],
        "CloudLinux" => ["✔", "✔", "✔", "✔"],
        "Klasik ASP" => ["✔", "✔", "✔", "✔"],
        ".Net" => ["2.0/3.0/3.5/4.0/4.5", "2.0/3.0/3.5/4.0/4.5", "2.0/3.0/3.5/4.0/4.5", "2.0/3.0/3.5/4.0/4.5"],
        "PHP" => ["5.x-8.x", "5.x-8.x", "5.x-8.x", "5.x-8.x"],
        "Özel Php.ini" => ["✔", "✔", "✔", "✔"],
        "Perl" => ["✔", "✔", "✔", "✔"]
    ],
    "E-Posta Özellikleri" => [
        "E-Posta Hesabı" => ["✔", "✔", "✔", "✔"],
        "SMTP-POP3-IMAP" => ["✔", "✔", "✔", "✔"],
        "Web Mail" => ["✔", "✔", "✔", "✔"],
        "Anti-Spam / Anti-Virus" => ["✔", "✔", "✔", "✔"],
        "Takma Ad Kullanımı" => ["✔", "✔", "✔", "✔"]
    ],
    "Veritabanı Özellikleri" => [
        "MySQL Veri Tabanı" => ["1 Adet", "✔", "✔", "✔"],
        "MsSQL Web Admin" => ["✔", "✔", "✔", "✔"],
        "phpMyAdmin" => ["✔", "✔", "✔", "✔"]
    ],
    "Diğer Özellikler" => [
        "Gelişmiş DNS Kayıt Yönetimi" => ["✔", "✔", "✔", "✔"],
        "Özelleştirilebilir Kontrol Paneli" => ["✔", "✔", "✔", "✔"],
        "Entegre SEO Raporları" => ["✔", "✔", "✔", "✔"]
    ]
];
?>

<section class="price-tab">
    <div class="pb-40">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-10 col-lg-8 col-xl-7 col-xxl-12">
                    <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 class="mb-0">Hosting Paketlerimizi Karşılaştırın</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <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 active show" id="linuxHosting" role="tabpanel">
                        <div class="card">
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-bordered table-collapsible mb-0">
                                        <thead>
                                            <tr>
                                                <th><div class="h5 mb-0">Özelliklerimiz</div></th>
                                                <?php foreach ($paketler as $paket): ?>
                                                    <th>
                                                        <div class="text-center">
                                                            <div class="h5"><?= $paket ?></div>
                                                        </div>
                                                    </th>
                                                <?php endforeach; ?>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>

                                <div class="accordion accordion-table-pricing">
                                    <?php foreach ($ozellikler as $kategori => $ozellikListesi): ?>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header">
                                                <button class="accordion-button fs-14 fw-bold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#<?= strtolower(str_replace(' ', '', $kategori)) ?>" aria-expanded="false">
                                                    <?= $kategori ?>
                                                </button>
                                            </h2>
                                            <div id="<?= strtolower(str_replace(' ', '', $kategori)) ?>" class="accordion-collapse collapse <?php if ($kategori == 'Genel Özellikler'): ?> show<?php endif; ?>">
                                                <div class="card border-0 accordion-body p-0">
                                                    <div class="table-responsive">
                                                        <table class="table table-bordered table-collapsible mb-0">
                                                            <tbody>
                                                                <?php foreach ($ozellikListesi as $ozellik => $degerler): ?>
                                                                    <tr>
                                                                        <td><span class="d-block fw-semibold fs-14"><?= $ozellik ?></span></td>
                                                                        <?php foreach ($degerler as $deger): ?>
                                                                            <td><span class="fontstyle d-block text-light-emphasis fs-14"><?= $deger ?></span></td>
                                                                        <?php endforeach; ?>
                                                                    </tr>
                                                                <?php endforeach; ?>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    <?php endforeach; ?>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php
$faq = [
    [
        "question" => "Hosting & Web Hosting Nedir?",
        "answer" => "Hosting, kelime olarak 'barındırma' anlamına gelir. Web hosting ise; web sitenin ya da uygulamanın yayınlanmasını, yayınladığın platforma kullanıcının erişebilmesini amaçlayan her bileşenin, tüm gün kesintiye uğramaksızın yüksek internet alt yapı donanımına sahip olarak çalışan sunucularda barındırma hizmeti anlamına gelir."
    ],
    [
        "question" => "Windows Hosting Nedir?",
        "answer" => "Windows, Microsoft şirketinin geliştirdiği, dünya üzerinde popüler bir işletim sistemidir. Windows Hosting ise; Microsoft ile hazırlanan ve Windows işletim sistemi için çalışan, web sayfalarını tamamen uyumlu bir şekilde yayınlayabilen, html, asp, asp.net tabanlı web siteleri ve uygulamaların sorunsuzca çalışmasını sağlayan, MySQL veri tabanlı sunucuların tamamında tam uyumlu bir şekilde çalışan hosting hizmetidir."
    ],
    [
        "question" => "Linux Hosting Nedir?",
        "answer" => "Linux, bilgisayar işletim sistemleri için çekirdek yazılımlarından biri olup açık kaynak düşüncesi ile çalışan bir özgür yazılım projesidir. Linux Hosting ise; sunucu için Linux işletim sisteminin kullanıldığı, GNU tabanlı yazılım dili ile yazılan, php tabanlı uygulamaların ve web sitelerin sorunsuzca işlemesini sağlayan, MySQL veri tabanlı sunucuların tamamında tam uyumlu bir şekilde çalışan hosting hizmetidir."
    ],
    [
        "question" => "Windows Hosting ile Linux Hosting Arasındaki Farklar Nelerdir?",
        "answer" => "Windows Hosting html, asp, asp.net tabanlı web siteleri ve uygulamalarının sorunsuzca çalışmasını sağlarken, Linux Hosting php tabanlı uygulama ve web sitelerin sorunsuzca işlemesini sağlar. Linux Hosting, MySQL veri tabanlı ile Wordpress ve benzeri sistemlerin optimize bir şekilde işlemesini sağlarken, Windows Hosting, özellikle MSSQL veri tabanını kullanan web sitelerde optimize bir şekilde işler."
    ],
    [
        "question" => "Hosting’i Domain’e Nasıl Bağlarım?",
        "answer" => "Serversistemleri.com DNS’lerini veya kendinize ait DNS’leri “DNS Ayarları” bölümünden girebilirsiniz. Eğer hostinginizi alan adınıza bağlamakta zorluk yaşarsanız, teknik destek ekibimizden anında yardım alabilirsiniz."
    ],
    [
        "question" => "cPanel Hosting Nedir?",
        "answer" => "cPanel, açılımı “control panel” olan ve Linux işletim sistemine sahip kullanıcıların kullanabildiği bir web hosting uygulamasıdır. cPanel Hosting ise; Linux işletim sisteminin kullanıldığı ve Linux Hosting’de desteklenen tüm yazılımların desteklendiği, küresel açıdan en popüler kontrol panellerinden cPanel’in sunulduğu hosting hizmetidir."
    ],
    [
        "question" => "Paylaşımlı Hosting Nedir?",
        "answer" => "Paylaşımlı Hosting; kullanıcılar arasında belirli bir sunucu için tüm kaynakların ortaklaşa kullanıldığı ve web sitelerinin internete bağlı bir web sunucusunda yer aldığı web barındırma hosting hizmetidir."
    ],
    [
        "question" => "Kurumsal Hosting Nedir?",
        "answer" => "Kurumsal Hosting; paylaşımlı hosting’den daha etkili bir cPanel hosting hizmeti olup, kurumların istediği, daima üst düzey çalışma gücüne ve verimine sahip web sitesi yayınının yüksek kotalı e-mail hizmeti ile birleşmiş halinden doğan hosting hizmetidir."
    ],
    [
        "question" => "Reseller (Bayi) Hosting Nedir?",
        "answer" => "Reseller Hosting; bayi tipi barındırma anlamına gelir. Web tasarım ajansları, webmasterlar ve webdesignerlar için spesifik olarak belirtilen, çok sayıda web sitesinin yer aldığı performansı yüksek bir hosting hizmetidir."
    ],
    [
        "question" => "Bireysel Hosting Nedir?",
        "answer" => "Bireysel Hosting; kişisel web sitenizdeki içerikleri depolamak ve yayınlamak adına kullanabileceğiniz hosting hizmetlerinden biri olup, ihtiyaçların dışındaki özellikler filtreden geçirilerek önemli özelliklere uygun fiyata sahip olmanızı sağlayan hosting hizmetidir."
    ],
    [
        "question" => "Neden Bir Hosting Satın Almalıyım?",
        "answer" => "Bireysel ya da kurumsal bir web sitesi açarak hedef kitlenize erişebilir, potansiyel kitlenizin size erişimini kolaylaştırabilirsiniz. Elektronik ticaret sitesi hazırlayarak ürün satışlarını gerçekleştirebilir, kişisel projeleriniz ya da firmanız için bir web sitesi kurabilirsiniz."
    ],
    [
        "question" => "Hosting satın aldıktan sonra web sitemi kendim kurabilir miyim?",
        "answer" => "Evet, bir site kurmak için yazılımcı olmanıza gerek yok! Hosting paketi içerisinde bulunan özellikleri kullanarak bir web sitesi oluşturabilirsiniz."
    ],
    [
        "question" => "Web Sitemi Oluştururken Lokasyon Tercihi Yapabilir Miyim?",
        "answer" => "Evet, ihtiyacınıza göre hosting satın alırken fiyatlandırma ve paket özellik değişimi olmaksızın lokasyon tercihi yapabilirsiniz."
    ],
    [
        "question" => "Başka Bir Firmada Yer Alan Hosting Paketimi Nasıl Server Sistemleri’ne Taşırım?",
        "answer" => "Başka bir firmada yer alan hosting paketinizi Server Sistemleri’ne taşımak için teknik destek ekibimizle iletişime geçebilirsiniz. Web sitenizi ücretsiz olarak taşıyoruz."
    ],
    [
        "question" => "Hosting Fiyatlarının Değişimi Nelere Bağlıdır?",
        "answer" => "Hosting fiyatları; web sitelerinin işlemci, SSD ve RAM gibi kaynakların boyutlarına göre ve bir sunucuda var olabilecek en fazla sayıdaki web sitesine göre değişir."
    ],
    [
        "question" => "Sınırsız Hosting Nedir ve Neleri Kapsar?",
        "answer" => "Sınırsız Hosting; trafik ve disk olarak sınır koymadan hizmet veren, adil kota sistemine sahip hosting hizmetidir."
    ],
    [
        "question" => "Herhangi Bir Gizli Ücret Mevcut Mudur?",
        "answer" => "Hayır, paketlerimize sadece kanunen zorunlu resmi vergiler eklenerek sahip olursunuz, herhangi bir operasyonel ücret mevcut değildir."
    ],
    [
        "question" => "Uptime Oranınız Nedir?",
        "answer" => "%99,99 uptime garantisi sunulmaktadır."
    ],
    [
        "question" => "Network Altyapınızda Hangi Donanımı Kullanıyorsunuz?",
        "answer" => "Juniper EX serisi yönlendiriciler kullanılmaktadır ve sıfır paket kaybı (zero-packet-loss) prensibi ile hizmet verilmektedir."
    ],
    [
        "question" => "Hosting Paketimde Her Türlü İçeriği Barındırabilir Miyim?",
        "answer" => "Evet, ancak Türkiye Cumhuriyeti yasalarına uygun olan içerikler barındırılabilir. Yedekleme, dosya ve video paylaşım amaçlı kullanılamaz."
    ],
    [
        "question" => "Farklı Firmada Bulunan Web Sitemi Hosting Paketime Taşıyabilir Misiniz?",
        "answer" => "Evet, farklı bir sunucudaki sitenizi ücretsiz olarak taşıyoruz."
    ],
    [
        "question" => "Geri Ödeme Garantisi Veriyor Musunuz?",
        "answer" => "Evet, 30 gün içerisinde memnun kalmazsanız hizmet bedeli iade edilir."
    ],
    [
        "question" => "Nasıl Destek Alacağım?",
        "answer" => "7/24 kesintisiz destek alabilirsiniz. Ticket Sistemi, Canlı Destek ve Telefonlarımız aktif olarak çalışmaktadır."
    ]
];
 ?>

 <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" id="platformModal" tabindex="-1" aria-labelledby="platformModalLabel" aria-hidden="true" style="background-color: rgba(0, 0, 0, 0.5);">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header" style="background-color: white; border-bottom: 0 solid #1c1c1c !important;">
                <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: white;">
              <div class="row">
                <div class="col-sm">
                  <button class="btn select-button w-100 mb-2" id="cpanelButton" onclick="selectPlatform(cpanelId)" style="color: black;">
                    <i class="platform-class ssicon-linux" aria-hidden="true" style="color: black;"></i>
                    <i class="platform-class ssicon-cpanel" aria-hidden="true" style="color: black;"></i>
                    Linux cPanel
                  </button>
                </div>
                <div class="col-sm">
                  <button class="btn select-button w-100" id="pleskButton" onclick="selectPlatform(pleskId)" style="color: black;">
                    <i class="platform-class ssicon-windows" aria-hidden="true" style="color: black;"></i>
                    <i class="platform-class ssicon-parallels" aria-hidden="true" style="color: black;"></i>
                    Windows Plesk
                  </button>
                </div>
              </div>
            </div>
        </div>
    </div>
</div>
