<!DOCTYPE html>
<html lang="tr">

<head>
    <?php include "inc/head.php"; ?>
    <style>
        .package-card {
            transition: all 0.3s ease;
        }

        .package-card:hover {
            transform: translateY(-5px);
        }
    </style>
</head>

<body class="bg-verinay-dark">
    <!-- ========= NAV ========= -->
    <?php include "inc/navbar.php"; ?>

    <!-- ========= HERO SECTION ========= -->
    <section class="hero-section relative w-full h-screen overflow-hidden bg-verinay-dark">
        <!-- Background Image - Data Center/Server -->
        <div class="absolute inset-0 bg-cover bg-center bg-no-repeat opacity-30"
            style="background-image: url('images/web-hosting/web-hosting-background.jpg');">
        </div>

        <!-- Gradient Overlay -->
        <div class="absolute inset-0 bg-gradient-to-r from-black/90 via-black/70 to-transparent"></div>

        <!-- Content -->
        <div class="relative z-10 h-full flex items-center">
            <div class="container mx-auto px-4 sm:px-6 lg:px-8">
                <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12 items-center h-full">

                    <!-- Sol taraf - Logo ve İçerik -->
                    <div class="hero-content">

                        <!-- Discount Badge -->
                        <div
                            class="inline-flex flex-wrap items-center px-3 py-2 sm:px-4 bg-verinay-dark-3 rounded-full mb-4 sm:mb-6 border border-verinay-gray-2">
                            <i class="fas fa-tag verinay-yellow-1 mr-2 text-xs sm:text-sm"></i>
                            <span class="verinay-white text-xs sm:text-sm font-medium">Yıllık hosting
                                paketlerinde</span>
                            <span class="verinay-yellow-1 text-xs sm:text-sm ml-1 sm:ml-2 font-bold">%50 indirim</span>
                            <span class="verinay-white text-xs sm:text-sm font-medium pl-1 sm:pl-2">+ ücretsiz
                                domain!</span>
                        </div>

                        <!-- Main Title -->
                        <h1
                            class="text-2xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-6xl font-bold verinay-white mb-4 sm:mb-6 leading-tight">
                            cPanel Web Hosting
                        </h1>

                        <!-- Subtitle -->
                        <p
                            class="text-base sm:text-lg md:text-xl verinay-gray-1 mb-6 sm:mb-8 max-w-2xl leading-relaxed">
                            Türkiye lokasyon sunucularımız ile yüksek performans, güvenilir cPanel hosting hizmetleri.
                            SSD disk, ücretsiz SSL sertifikası ve 7/24 teknik destek.
                        </p>

                        <!-- Features List -->
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-3 mb-6 sm:mb-8">
                            <div class="flex items-center verinay-gray-1">
                                <i class="fas fa-hdd verinay-yellow-1 mr-3 text-sm"></i>
                                <span class="text-sm sm:text-base">SSD Disk Alanı</span>
                            </div>
                            <div class="flex items-center verinay-gray-1">
                                <i class="fas fa-shield-alt verinay-yellow-1 mr-3 text-sm"></i>
                                <span class="text-sm sm:text-base">Ücretsiz SSL</span>
                            </div>
                            <div class="flex items-center verinay-gray-1">
                                <i class="fas fa-cog verinay-yellow-1 mr-3 text-sm"></i>
                                <span class="text-sm sm:text-base">cPanel Kontrol Paneli</span>
                            </div>
                            <div class="flex items-center verinay-gray-1">
                                <i class="fas fa-headset verinay-yellow-1 mr-3 text-sm"></i>
                                <span class="text-sm sm:text-base">7/24 Teknik Destek</span>
                            </div>
                        </div>

                        <!-- Buttons -->
                        <div class="flex flex-col sm:flex-row gap-3 sm:gap-4 mb-8">
                            <button
                                class="bg-verinay-yellow-1 hover:bg-verinay-yellow-2 verinay-dark font-semibold px-6 py-3 sm:px-8 sm:py-4 rounded-lg transition-all duration-300 transform hover:scale-105 text-sm sm:text-base flex items-center justify-center">
                                <i class="fas fa-box mr-2"></i>
                                Hosting Paketleri
                            </button>
                            <button
                                class="border border-verinay-gray-2 verinay-white hover:bg-verinay-gray-3 font-semibold px-6 py-3 sm:px-8 sm:py-4 rounded-lg transition-all duration-300 text-sm sm:text-base flex items-center justify-center">
                                <i class="fas fa-list mr-2"></i>
                                Özellikler
                            </button>
                        </div>

                        <!-- Stats -->
                        <div class="grid grid-cols-3 gap-4 sm:gap-6">
                            <div class="text-center">
                                <div
                                    class="text-xl sm:text-2xl font-bold verinay-yellow-1 flex items-center justify-center mb-1">
                                    <i class="fas fa-chart-line mr-2"></i>
                                    99.9%
                                </div>
                                <div class="text-xs sm:text-sm verinay-gray-1">Uptime</div>
                            </div>
                            <div class="text-center">
                                <div
                                    class="text-xl sm:text-2xl font-bold verinay-yellow-1 flex items-center justify-center mb-1">
                                    <i class="fas fa-clock mr-2"></i>
                                    7/24
                                </div>
                                <div class="text-xs sm:text-sm verinay-gray-1">Destek</div>
                            </div>
                            <div class="text-center">
                                <div
                                    class="text-xl sm:text-2xl font-bold verinay-yellow-1 flex items-center justify-center mb-1">
                                    <i class="fas fa-users mr-2"></i>
                                    1000+
                                </div>
                                <div class="text-xs sm:text-sm verinay-gray-1">Müşteri</div>
                            </div>
                        </div>
                    </div>

                    <!-- Sağ taraf - cPanel Dashboard Mockup -->
                    <div class="hidden lg:block">
                        <div class="relative">
                            <!-- cPanel Interface Mockup -->
                            <div class="bg-verinay-dark-3 rounded-lg p-6 border border-verinay-gray-2 backdrop-blur-sm">
                                <div class="flex items-center justify-between mb-4">
                                    <div class="verinay-white font-semibold flex items-center">
                                        <i class="fas fa-tachometer-alt verinay-yellow-1 mr-2"></i>
                                        cPanel Kontrol Paneli
                                    </div>
                                    <div class="w-3 h-3 bg-green-400 rounded-full animate-pulse"></div>
                                </div>

                                <!-- Grid of cPanel Icons -->
                                <div class="grid grid-cols-4 gap-3">
                                    <!-- File Manager -->
                                    <div
                                        class="bg-verinay-dark-4 p-3 rounded text-center hover:bg-verinay-gray-3 transition-colors">
                                        <div class="verinay-yellow-1 text-2xl mb-2">
                                            <i class="fas fa-folder"></i>
                                        </div>
                                        <div class="text-xs verinay-gray-1">Dosya Yöneticisi</div>
                                    </div>

                                    <!-- Email -->
                                    <div
                                        class="bg-verinay-dark-4 p-3 rounded text-center hover:bg-verinay-gray-3 transition-colors">
                                        <div class="text-blue-400 text-2xl mb-2">
                                            <i class="fas fa-envelope"></i>
                                        </div>
                                        <div class="text-xs verinay-gray-1">E-posta</div>
                                    </div>

                                    <!-- MySQL -->
                                    <div
                                        class="bg-verinay-dark-4 p-3 rounded text-center hover:bg-verinay-gray-3 transition-colors">
                                        <div class="text-orange-400 text-2xl mb-2">
                                            <i class="fas fa-database"></i>
                                        </div>
                                        <div class="text-xs verinay-gray-1">MySQL</div>
                                    </div>

                                    <!-- Backup -->
                                    <div
                                        class="bg-verinay-dark-4 p-3 rounded text-center hover:bg-verinay-gray-3 transition-colors">
                                        <div class="text-green-400 text-2xl mb-2">
                                            <i class="fas fa-cloud-upload-alt"></i>
                                        </div>
                                        <div class="text-xs verinay-gray-1">Yedek</div>
                                    </div>

                                    <!-- SSL -->
                                    <div
                                        class="bg-verinay-dark-4 p-3 rounded text-center hover:bg-verinay-gray-3 transition-colors">
                                        <div class="text-red-400 text-2xl mb-2">
                                            <i class="fas fa-lock"></i>
                                        </div>
                                        <div class="text-xs verinay-gray-1">SSL</div>
                                    </div>

                                    <!-- WordPress -->
                                    <div
                                        class="bg-verinay-dark-4 p-3 rounded text-center hover:bg-verinay-gray-3 transition-colors">
                                        <div class="text-purple-400 text-2xl mb-2">
                                            <i class="fab fa-wordpress"></i>
                                        </div>
                                        <div class="text-xs verinay-gray-1">WordPress</div>
                                    </div>

                                    <!-- Metrics -->
                                    <div
                                        class="bg-verinay-dark-4 p-3 rounded text-center hover:bg-verinay-gray-3 transition-colors">
                                        <div class="text-pink-400 text-2xl mb-2">
                                            <i class="fas fa-chart-bar"></i>
                                        </div>
                                        <div class="text-xs verinay-gray-1">İstatistik</div>
                                    </div>

                                    <!-- Security -->
                                    <div
                                        class="bg-verinay-dark-4 p-3 rounded text-center hover:bg-verinay-gray-3 transition-colors">
                                        <div class="text-cyan-400 text-2xl mb-2">
                                            <i class="fas fa-shield-virus"></i>
                                        </div>
                                        <div class="text-xs verinay-gray-1">Güvenlik</div>
                                    </div>
                                </div>

                                <!-- Status Bar -->
                                <div class="mt-4 p-3 bg-verinay-dark-4 rounded border border-verinay-gray-2">
                                    <div class="text-xs verinay-gray-1 mb-2 flex items-center">
                                        <i class="fas fa-hdd verinay-yellow-1 mr-2"></i>
                                        Disk Kullanımı
                                    </div>
                                    <div class="w-full bg-verinay-gray-2 rounded-full h-2">
                                        <div class="bg-verinay-yellow-1 h-2 rounded-full transition-all duration-300"
                                            style="width: 35%"></div>
                                    </div>
                                    <div class="text-xs verinay-gray-1 mt-1 flex items-center justify-between">
                                        <span>3.5 GB / 10 GB</span>
                                        <span class="verinay-yellow-1">35%</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========= CONTENT SECTION ========= -->
    <section class="py-12 sm:py-16 lg:py-20">
        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
            <div class="max-w-6xl mx-auto">
                <div
                    class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 sm:p-8 lg:p-12 relative overflow-hidden">

                    <!-- Background Pattern -->
                    <div class="absolute inset-0 opacity-5">
                        <div class="absolute top-4 left-4 w-4 h-4 bg-verinay-yellow-1 rounded-full"></div>
                        <div class="absolute top-8 right-8 w-2 h-2 bg-verinay-yellow-1 rounded-full"></div>
                        <div class="absolute bottom-6 left-12 w-3 h-3 bg-verinay-yellow-1 rounded-full"></div>
                        <div class="absolute bottom-12 right-6 w-5 h-5 bg-verinay-yellow-1 rounded-full"></div>
                    </div>

                    <!-- Content -->
                    <div class="relative z-10">
                        <!-- Header Section -->
                        <div class="text-center mb-8">
                            <!-- Icon Badge -->
                            <div
                                class="inline-flex items-center justify-center w-16 h-16 bg-verinay-dark-3 rounded-full mb-4 border border-verinay-gray-2">
                                <i class="fas fa-cog text-2xl verinay-yellow-1"></i>
                            </div>

                            <h3 class="text-xl sm:text-2xl lg:text-3xl font-bold verinay-yellow-1 mb-4">
                                Güvenilir cPanel Web Hosting
                            </h3>

                            <!-- Subtitle -->
                            <div class="max-w-2xl mx-auto">
                                <p class="verinay-gray-1 text-sm sm:text-base font-medium mb-6">
                                    Profesyonel web hosting hizmetleri ile kesintisiz online varlığınız
                                </p>
                            </div>
                        </div>

                        <!-- Features Grid -->
                        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 mb-8">
                            <div
                                class="flex items-center p-3 bg-verinay-dark-3 rounded-lg border border-verinay-gray-2">
                                <i class="fas fa-cogs verinay-yellow-1 mr-3 text-lg"></i>
                                <span class="verinay-white text-sm font-medium">cPanel Kontrol Paneli</span>
                            </div>
                            <div
                                class="flex items-center p-3 bg-verinay-dark-3 rounded-lg border border-verinay-gray-2">
                                <i class="fas fa-database verinay-yellow-1 mr-3 text-lg"></i>
                                <span class="verinay-white text-sm font-medium">MySQL Veritabanı</span>
                            </div>
                            <div
                                class="flex items-center p-3 bg-verinay-dark-3 rounded-lg border border-verinay-gray-2">
                                <i class="fas fa-envelope verinay-yellow-1 mr-3 text-lg"></i>
                                <span class="verinay-white text-sm font-medium">E-posta Hesapları</span>
                            </div>
                            <div
                                class="flex items-center p-3 bg-verinay-dark-3 rounded-lg border border-verinay-gray-2">
                                <i class="fas fa-shield-alt verinay-yellow-1 mr-3 text-lg"></i>
                                <span class="verinay-white text-sm font-medium">SSL Sertifikası</span>
                            </div>
                            <div
                                class="flex items-center p-3 bg-verinay-dark-3 rounded-lg border border-verinay-gray-2">
                                <i class="fas fa-cloud-upload-alt verinay-yellow-1 mr-3 text-lg"></i>
                                <span class="verinay-white text-sm font-medium">Otomatik Yedekleme</span>
                            </div>
                            <div
                                class="flex items-center p-3 bg-verinay-dark-3 rounded-lg border border-verinay-gray-2">
                                <i class="fas fa-headset verinay-yellow-1 mr-3 text-lg"></i>
                                <span class="verinay-white text-sm font-medium">7/24 Teknik Destek</span>
                            </div>
                        </div>

                        <!-- Main Content -->
                        <div class="text-center">
                            <p
                                class="verinay-white text-sm sm:text-base lg:text-lg leading-relaxed max-w-4xl mx-auto mb-8">
                                cPanel ile güçlendirilmiş web hosting hizmetlerimiz, websitenizi hızlı ve güvenli bir
                                şekilde
                                yayınlamanızı sağlar. Kolay kullanımlı kontrol paneli, sınırsız veritabanı desteği ve
                                profesyonel e-posta çözümleri ile dijital varlığınızı güçlendirin.
                            </p>

                            <!-- CTA Button -->
                            <button
                                class="bg-verinay-yellow-1 hover:bg-verinay-yellow-2 verinay-dark font-semibold px-8 py-3 rounded-lg transition-all duration-300 transform hover:scale-105 text-sm sm:text-base inline-flex items-center">
                                <i class="fas fa-rocket mr-2"></i>
                                Web Hosting Başlat
                            </button>
                        </div>

                        <!-- Stats Bar -->
                        <div class="mt-8 pt-6 border-t border-verinay-gray-2">
                            <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 text-center">
                                <div>
                                    <div class="text-2xl font-bold verinay-yellow-1 mb-1">1000+</div>
                                    <div class="text-xs verinay-gray-1">Aktif Website</div>
                                </div>
                                <div>
                                    <div class="text-2xl font-bold verinay-yellow-1 mb-1">%99.9</div>
                                    <div class="text-xs verinay-gray-1">Uptime Garantisi</div>
                                </div>
                                <div>
                                    <div class="text-2xl font-bold verinay-yellow-1 mb-1">7/24</div>
                                    <div class="text-xs verinay-gray-1">Destek Hizmeti</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========= FEATURE SECTION ========= -->
    <section class="py-12 sm:py-16 lg:py-20">
        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
            <div class="max-w-6xl mx-auto">
                <!-- Başlık -->
                <div class="text-center mb-8 sm:mb-12 lg:mb-16">
                    <h2 class="text-2xl sm:text-3xl lg:text-4xl xl:text-5xl font-bold verinay-yellow-1 mb-4">
                        Tüm Hosting Paketlerimizin Ortak Özellikleri
                    </h2>
                </div>

                <div class="grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-center">
                    <!-- Sol taraf - cPanel/Server görseli için küçük alan -->
                    <div class="order-2 lg:order-1 lg:col-span-4">
                        <div class="max-w-sm mx-auto">
                            <img src="images/web-hosting/web-hosting-content.jpeg"
                                alt="CPANEL CONTENT">
                        </div>
                    </div>

                    <!-- Sağ taraf - Özellikler (daha geniş) -->
                    <div class="order-1 lg:order-2 lg:col-span-8">
                        <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6">

                            <!-- SSL Sertifikası -->
                            <div
                                class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 hover:border-verinay-yellow-2 transition-colors duration-300">
                                <div class="w-14 h-14 bg-green-500/20 rounded-xl flex items-center justify-center mb-5">
                                    <i class="fas fa-lock text-2xl text-green-400"></i>
                                </div>
                                <h3 class="text-xl font-bold verinay-yellow-1 mb-3">
                                    Ücretsiz SSL Sertifikası
                                </h3>
                                <p class="verinay-white text-sm leading-relaxed">
                                    Websitenizi güvenli hale getiren SSL sertifikası ücretsiz dahil.
                                </p>
                            </div>

                            <!-- DDoS Koruması -->
                            <div
                                class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 hover:border-verinay-yellow-2 transition-colors duration-300">
                                <div class="w-14 h-14 bg-blue-500/20 rounded-xl flex items-center justify-center mb-5">
                                    <i class="fas fa-shield-alt text-2xl text-blue-400"></i>
                                </div>
                                <h3 class="text-xl font-bold verinay-yellow-1 mb-3">
                                    DDoS Koruması
                                </h3>
                                <p class="verinay-white text-sm leading-relaxed">
                                    Websitenizi DDoS saldırılarına karşı koruyoruz.
                                </p>
                            </div>

                            <!-- 7/24 Teknik Destek -->
                            <div
                                class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 hover:border-verinay-yellow-2 transition-colors duration-300">
                                <div
                                    class="w-14 h-14 bg-purple-500/20 rounded-xl flex items-center justify-center mb-5">
                                    <i class="fas fa-headset text-2xl text-purple-400"></i>
                                </div>
                                <h3 class="text-xl font-bold verinay-yellow-1 mb-3">
                                    7/24 Teknik Destek
                                </h3>
                                <p class="verinay-white text-sm leading-relaxed">
                                    Uzman ekibimiz her zaman yanınızda, 7/24 teknik destek.
                                </p>
                            </div>

                            <!-- Otomatik Yedekleme -->
                            <div
                                class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 hover:border-verinay-yellow-2 transition-colors duration-300">
                                <div class="w-14 h-14 bg-red-500/20 rounded-xl flex items-center justify-center mb-5">
                                    <i class="fas fa-cloud-upload-alt text-2xl text-red-400"></i>
                                </div>
                                <h3 class="text-xl font-bold verinay-yellow-1 mb-3">
                                    Otomatik Yedekleme
                                </h3>
                                <p class="verinay-white text-sm leading-relaxed">
                                    Verileriniz günlük otomatik yedekleme ile güvende.
                                </p>
                            </div>

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

    <!-- ========= CPANEL PACKET SECTION ========= -->
    <section id="hosting-packages-section" class="py-12 sm:py-16 lg:py-20">
        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
            <div class="max-w-6xl mx-auto">

                <!-- Başlık -->
                <div class="text-center mb-8 sm:mb-12">
                    <h2 class="text-2xl sm:text-3xl lg:text-4xl xl:text-5xl font-bold verinay-yellow-1 mb-4">
                        cPanel Web Hosting Paketlerimiz
                    </h2>
                    <p class="verinay-gray-1 text-base sm:text-lg mb-8">
                        SSD NVMe depolama ile güçlendirilmiş yüksek performans hosting paketlerimiz
                    </p>
                </div>

                <!-- Teknoloji Bilgisi -->
                <div class="flex justify-center mb-12">
                    <div class="bg-blue-600 text-white px-6 py-3 rounded-lg font-semibold flex items-center gap-3">
                        <i class="fas fa-server"></i>
                        SSD NVMe + cPanel
                    </div>
                </div>

                <!-- Paketler -->
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">

                    <!-- Paket 1 -->
                    <div
                        class="package-card bg-verinay-dark-4 border-2 border-verinay-gray-2 rounded-2xl p-6 text-center">
                        <div class="mb-6">
                            <div class="w-26 h-26 mx-auto mb-4 rounded-lg flex items-center justify-center">
                                <img src="images/web-hosting/cpanel-logo.png"
                                    alt="CPANEL LOGO">
                            </div>
                            <h3 class="text-xl font-bold verinay-white mb-2">Başlangıç Paketi</h3>
                            <div class="bg-blue-100 text-blue-800 text-3xl font-bold py-2 rounded-lg">
                                20.00 ₺
                            </div>
                            <p class="text-sm verinay-gray-1 mt-1">Aylık Ödeme</p>
                        </div>

                        <div class="space-y-4 mb-8 text-left">
                            <div class="flex items-center gap-3">
                                <i class="fas fa-infinity text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Aylık Trafik</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-hdd text-teal-400"></i>
                                <span class="verinay-gray-1">10 GB SSD Disk</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-globe text-teal-400"></i>
                                <span class="verinay-gray-1">1 Adet Alan Adı</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-globe text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Alt Alan Adı</span>
                            </div>
                            <div class="border-t border-verinay-gray-2 my-3"></div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-database text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Veritabanı</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-envelope text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz E-Posta</span>
                            </div>
                            <div class="border-t border-verinay-gray-2 my-3"></div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-cloud text-teal-400"></i>
                                <span class="verinay-gray-1">CloudLinux Yönetimi</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-file-archive text-teal-400"></i>
                                <span class="verinay-gray-1">CageFS Eklentisi</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-shield-alt text-teal-400"></i>
                                <span class="verinay-gray-1">Imunify360 Eklentisi</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-code text-teal-400"></i>
                                <span class="verinay-gray-1">Softaculous Eklentisi</span>
                            </div>
                            <div class="border-t border-verinay-gray-2 my-3"></div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-users text-teal-400"></i>
                                <span class="verinay-gray-1">1 Site Ücretsiz Taşıma</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-lock text-teal-400"></i>
                                <span class="verinay-gray-1">Ücretsiz SSL</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-cog text-teal-400"></i>
                                <span class="verinay-gray-1">cPanel Kontrol Paneli</span>
                            </div>
                        </div>

                        <button
                            class="w-full bg-teal-600 hover:bg-teal-700 text-white font-bold py-4 rounded-lg transition-colors duration-300">
                            Satın Al
                        </button>
                    </div>

                    <!-- Paket 2 -->
                    <div
                        class="package-card bg-verinay-dark-4 border-2 border-verinay-gray-2 rounded-2xl p-6 text-center">
                        <div class="mb-6">
                            <div class="w-26 h-26 mx-auto mb-4 rounded-lg flex items-center justify-center">
                                <img src="images/web-hosting/cpanel-logo.png"
                                    alt="CPANEL LOGO">
                            </div>
                            <h3 class="text-xl font-bold verinay-white mb-2">Orta Paket</h3>
                            <div class="bg-blue-100 text-blue-800 text-3xl font-bold py-2 rounded-lg">
                                35.00 ₺
                            </div>
                            <p class="text-sm verinay-gray-1 mt-1">Aylık Ödeme</p>
                        </div>

                        <div class="space-y-4 mb-8 text-left">
                            <div class="flex items-center gap-3">
                                <i class="fas fa-infinity text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Aylık Trafik</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-hdd text-teal-400"></i>
                                <span class="verinay-gray-1">25 GB SSD Disk</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-globe text-teal-400"></i>
                                <span class="verinay-gray-1">3 Adet Alan Adı</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-globe text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Alt Alan Adı</span>
                            </div>
                            <div class="border-t border-verinay-gray-2 my-3"></div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-database text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Veritabanı</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-envelope text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz E-Posta</span>
                            </div>
                            <div class="border-t border-verinay-gray-2 my-3"></div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-cloud text-teal-400"></i>
                                <span class="verinay-gray-1">CloudLinux Yönetimi</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-file-archive text-teal-400"></i>
                                <span class="verinay-gray-1">CageFS Eklentisi</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-shield-alt text-teal-400"></i>
                                <span class="verinay-gray-1">Imunify360 Eklentisi</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-code text-teal-400"></i>
                                <span class="verinay-gray-1">Softaculous Eklentisi</span>
                            </div>
                            <div class="border-t border-verinay-gray-2 my-3"></div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-users text-teal-400"></i>
                                <span class="verinay-gray-1">3 Site Ücretsiz Taşıma</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-lock text-teal-400"></i>
                                <span class="verinay-gray-1">Ücretsiz SSL</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-cog text-teal-400"></i>
                                <span class="verinay-gray-1">cPanel Kontrol Paneli</span>
                            </div>
                        </div>

                        <button
                            class="w-full bg-teal-600 hover:bg-teal-700 text-white font-bold py-4 rounded-lg transition-colors duration-300">
                            Satın Al
                        </button>
                    </div>

                    <!-- Paket 3 -->
                    <div
                        class="package-card bg-verinay-dark-4 border-2 border-verinay-gray-2 rounded-2xl p-6 text-center">
                        <div class="mb-6">
                            <div class="w-26 h-26 mx-auto mb-4 rounded-lg flex items-center justify-center">
                                <img src="images/web-hosting/cpanel-logo.png"
                                    alt="CPANEL LOGO">
                            </div>
                            <h3 class="text-xl font-bold verinay-white mb-2">Gelişmiş Paket</h3>
                            <div class="bg-blue-100 text-blue-800 text-3xl font-bold py-2 rounded-lg">
                                50.00 ₺
                            </div>
                            <p class="text-sm verinay-gray-1 mt-1">Aylık Ödeme</p>
                        </div>

                        <div class="space-y-4 mb-8 text-left">
                            <div class="flex items-center gap-3">
                                <i class="fas fa-infinity text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Aylık Trafik</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-hdd text-teal-400"></i>
                                <span class="verinay-gray-1">50 GB SSD Disk</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-globe text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Alan Adı</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-globe text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Alt Alan Adı</span>
                            </div>

                            <div class="border-t border-verinay-gray-2 my-3"></div>

                            <div class="flex items-center gap-3">
                                <i class="fas fa-database text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz Veritabanı</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-envelope text-teal-400"></i>
                                <span class="verinay-gray-1">Limitsiz E-Posta</span>
                            </div>

                            <div class="border-t border-verinay-gray-2 my-3"></div>

                            <div class="flex items-center gap-3">
                                <i class="fas fa-cloud text-teal-400"></i>
                                <span class="verinay-gray-1">CloudLinux Yönetimi</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-file-archive text-teal-400"></i>
                                <span class="verinay-gray-1">CageFS Eklentisi</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-shield-alt text-teal-400"></i>
                                <span class="verinay-gray-1">Imunify360 Eklentisi</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-code text-teal-400"></i>
                                <span class="verinay-gray-1">Softaculous Eklentisi</span>
                            </div>

                            <div class="border-t border-verinay-gray-2 my-3"></div>

                            <div class="flex items-center gap-3">
                                <i class="fas fa-users text-teal-400"></i>
                                <span class="verinay-gray-1">5 Site Ücretsiz Taşıma</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-lock text-teal-400"></i>
                                <span class="verinay-gray-1">Ücretsiz SSL</span>
                            </div>
                            <div class="flex items-center gap-3">
                                <i class="fas fa-cog text-teal-400"></i>
                                <span class="verinay-gray-1">cPanel Kontrol Paneli</span>
                            </div>
                        </div>

                        <button
                            class="w-full bg-teal-600 hover:bg-teal-700 text-white font-bold py-4 rounded-lg transition-colors duration-300">
                            Satın Al
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========= PACKET FEATURE ========= -->
    <section id="features-section" class="py-12 sm:py-16 lg:py-20">
        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
            <div class="max-w-6xl mx-auto">
                <!-- Başlık -->
                <div class="text-center mb-8 sm:mb-12 lg:mb-16">
                    <h1 class="text-2xl sm:text-3xl lg:text-4xl xl:text-5xl font-bold verinay-yellow-1">
                        cPanel Hosting Paketlerimizin Özellikleri
                    </h1>
                </div>

                <!-- Özellik Kutuları -->
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
                    <!-- Kutu 1 -->
                    <div
                        class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 sm:p-8 text-center hover:border-verinay-yellow-2 transition-colors duration-300">
                        <div class="w-16 h-16 bg-green-500/20 rounded-xl flex items-center justify-center mx-auto mb-6">
                            <i class="fa-solid fa-server text-3xl text-green-400"></i>
                        </div>
                        <h3 class="text-xl font-bold verinay-yellow-1 mb-4">SSD NVMe Depolama</h3>
                        <p class="verinay-gray-1 text-sm leading-relaxed">
                            Yüksek hızlı SSD NVMe diskler ile web siteniz çok daha hızlı yüklenir.
                        </p>
                    </div>

                    <!-- Kutu 2 -->
                    <div
                        class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 sm:p-8 text-center hover:border-verinay-yellow-2 transition-colors duration-300">
                        <div class="w-16 h-16 bg-blue-500/20 rounded-xl flex items-center justify-center mx-auto mb-6">
                            <i class="fa-solid fa-clock text-3xl text-blue-400"></i>
                        </div>
                        <h3 class="text-xl font-bold verinay-yellow-1 mb-4">Anında Aktivasyon</h3>
                        <p class="verinay-gray-1 text-sm leading-relaxed">
                            Hosting hesabınız ödeme sonrası anında aktif olur ve kullanıma hazır hale gelir.
                        </p>
                    </div>

                    <!-- Kutu 3 -->
                    <div
                        class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 sm:p-8 text-center hover:border-verinay-yellow-2 transition-colors duration-300">
                        <div
                            class="w-16 h-16 bg-purple-500/20 rounded-xl flex items-center justify-center mx-auto mb-6">
                            <i class="fa-solid fa-infinity text-3xl text-purple-400"></i>
                        </div>
                        <h3 class="text-xl font-bold verinay-yellow-1 mb-4">Sınırsız Bant Genişliği</h3>
                        <p class="verinay-gray-1 text-sm leading-relaxed">
                            Tüm paketlerimizde limitsiz aylık trafik ile özgürce kullanım imkanı.
                        </p>
                    </div>

                    <!-- Kutu 4 -->
                    <div
                        class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 sm:p-8 text-center hover:border-verinay-yellow-2 transition-colors duration-300">
                        <div
                            class="w-16 h-16 bg-yellow-500/20 rounded-xl flex items-center justify-center mx-auto mb-6">
                            <i class="fa-solid fa-cloud-upload-alt text-3xl text-yellow-400"></i>
                        </div>
                        <h3 class="text-xl font-bold verinay-yellow-1 mb-4">Günlük Yedekleme</h3>
                        <p class="verinay-gray-1 text-sm leading-relaxed">
                            Web siteniz her gün otomatik olarak yedeklenir ve verileriniz güvende tutulur.
                        </p>
                    </div>

                    <!-- Kutu 5 -->
                    <div
                        class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 sm:p-8 text-center hover:border-verinay-yellow-2 transition-colors duration-300">
                        <div class="w-16 h-16 bg-red-500/20 rounded-xl flex items-center justify-center mx-auto mb-6">
                            <i class="fa-solid fa-shield-alt text-3xl text-red-400"></i>
                        </div>
                        <h3 class="text-xl font-bold verinay-yellow-1 mb-4">Güvenlik Koruması</h3>
                        <p class="verinay-gray-1 text-sm leading-relaxed">
                            Imunify360 ile gelişmiş güvenlik koruması ve DDoS saldırı engellemesi.
                        </p>
                    </div>

                    <!-- Kutu 6 -->
                    <div
                        class="bg-verinay-dark-4 border border-verinay-gray-2 rounded-xl p-6 sm:p-8 text-center hover:border-verinay-yellow-2 transition-colors duration-300">
                        <div class="w-16 h-16 bg-cyan-500/20 rounded-xl flex items-center justify-center mx-auto mb-6">
                            <i class="fa-solid fa-cog text-3xl text-cyan-400"></i>
                        </div>
                        <h3 class="text-xl font-bold verinay-yellow-1 mb-4">cPanel Yönetimi</h3>
                        <p class="verinay-gray-1 text-sm leading-relaxed">
                            Dünyaca ünlü cPanel kontrol paneli ile kolay ve profesyonel web sitesi yönetimi.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========= CONTACT SECTION ========= -->
    <?php include 'inc/contact.php'; ?>

    <!-- ========= FAQ SECTION ========= -->
    <section class="faq-section relative py-20">
        <div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-5xl">
            <!-- Header -->
            <div class="text-center mb-12">
                <h2 class="text-3xl sm:text-4xl font-semibold verinay-yellow-1 mb-3 tracking-tight">
                    Sıkça Sorulan Sorular
                </h2>
                <p class="text-neutral-400 text-lg">
                    cPanel web hosting hizmetlerimiz hakkında merak ettikleriniz
                </p>
            </div>

            <!-- FAQ Items -->
            <div class="space-y-5">
                <!-- FAQ Item 1 -->
                <div
                    class="faq-item bg-verinay-dark-2 rounded-xl border border-neutral-700/50 hover:border-neutral-600/50 transition-all duration-300 hover:bg-neutral-800/70">
                    <button
                        class="faq-question w-full px-6 py-5 text-left flex items-center justify-between hover:bg-neutral-700/20 transition-all duration-200 rounded-xl group"
                        data-faq="1">
                        <span class="text-white font-medium text-lg group-hover:text-neutral-100 transition-colors">
                            cPanel Web Hosting Avantajları Nelerdir?
                        </span>
                        <div class="flex-shrink-0">
                            <div
                                class="w-6 h-6 rounded-md bg-neutral-700 group-hover:bg-neutral-600 transition-colors duration-200 flex items-center justify-center">
                                <svg class="faq-icon w-4 h-4 text-neutral-300 group-hover:text-white transform transition-transform duration-200"
                                    fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd"
                                        d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
                                        clip-rule="evenodd"></path>
                                </svg>
                            </div>
                        </div>
                    </button>
                    <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-out"
                        data-faq-content="1">
                        <div class="px-6 pb-6 pt-1">
                            <div class="border-t border-neutral-700/30 pt-5">
                                <div class="space-y-4 text-neutral-300 text-base leading-relaxed">
                                    <p>
                                        cPanel web hosting hizmetimiz, web sitesi sahiplerine birçok avantaj sunar. En
                                        önemli
                                        avantajlarımızdan biri, <strong class="text-white">SSD NVMe diskler ve yüksek
                                            performanslı sunucular</strong>
                                        ile hızlı yükleme süreleri ve mükemmel kullanıcı deneyimi sunmamızdır.
                                    </p>
                                    <p>
                                        Güvenlik konusunda oldukça titiziz. <strong class="text-white">SSL sertifikası,
                                            DDoS koruması ve günlük otomatik yedekleme</strong> sistemi ile web
                                        sitenizin güvenliğini en üst seviyede sağlarız. Bu sayede işiniz kesintisiz
                                        devam eder.
                                    </p>
                                    <p>
                                        Ayrıca deneyimli ve bilgili destek ekibimizle <strong class="text-white">7/24
                                            Türkçe teknik destek</strong> sunuyoruz. Türkiye lokasyonundaki
                                        sunucularımız sayesinde minimum gecikme süreleri ile web sitenizin performansını
                                        maksimuma
                                        çıkarabilirsiniz. cPanel kontrol paneli ve Softaculous ile kolay web sitesi
                                        yönetimi sağlayabilirsiniz.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- FAQ Item 2 -->
                <div
                    class="faq-item bg-verinay-dark-2 rounded-xl border border-neutral-700/50 hover:border-neutral-600/50 transition-all duration-300 hover:bg-neutral-800/70">
                    <button
                        class="faq-question w-full px-6 py-5 text-left flex items-center justify-between hover:bg-neutral-700/20 transition-all duration-200 rounded-xl group"
                        data-faq="2">
                        <span class="text-white font-medium text-lg group-hover:text-neutral-100 transition-colors">
                            Hosting Hesabım Ne Kadar Sürede Aktif Olur?
                        </span>
                        <div class="flex-shrink-0">
                            <div
                                class="w-6 h-6 rounded-md bg-neutral-700 group-hover:bg-neutral-600 transition-colors duration-200 flex items-center justify-center">
                                <svg class="faq-icon w-4 h-4 text-neutral-300 group-hover:text-white transform transition-transform duration-200"
                                    fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd"
                                        d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
                                        clip-rule="evenodd"></path>
                                </svg>
                            </div>
                        </div>
                    </button>
                    <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-out"
                        data-faq-content="2">
                        <div class="px-6 pb-6 pt-1">
                            <div class="border-t border-neutral-700/30 pt-5">
                                <div class="space-y-4 text-neutral-300 text-base leading-relaxed">
                                    <p>
                                        Web hosting hesabınız ödeme işleminizden itibaren <strong
                                            class="text-white">anında otomatik olarak aktif</strong> olur ve kullanıma
                                        hazır hale gelir. Hızlı aktivasyon sistemimiz sayesinde bekleme süreniz minimum
                                        seviyededir.
                                    </p>
                                    <p>
                                        Hesap aktivasyonundan sonra, <strong class="text-white">cPanel kontrol
                                            paneli</strong> üzerinden web sitenizi anında yönetmeye başlayabilirsiniz.
                                        E-posta hesaplarınız kurulmuş, veritabanınız hazır ve SSL sertifikanız aktif
                                        olarak gelir.
                                    </p>
                                    <p>
                                        Eğer özel bir kurulum istiyorsanız (WordPress, Drupal, Joomla vb.) <strong
                                            class="text-white">Softaculous tek tıkla kurulum</strong> özelliği ile
                                        dakikalar içinde web sitenizi hazır hale getirebilirsiniz. Domain transfer
                                        işlemleri için teknik destek ekibimiz size yardımcı olabilir.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- FAQ Item 3 -->
                <div
                    class="faq-item bg-verinay-dark-2 rounded-xl border border-neutral-700/50 hover:border-neutral-600/50 transition-all duration-300 hover:bg-neutral-800/70">
                    <button
                        class="faq-question w-full px-6 py-5 text-left flex items-center justify-between hover:bg-neutral-700/20 transition-all duration-200 rounded-xl group"
                        data-faq="3">
                        <span class="text-white font-medium text-lg group-hover:text-neutral-100 transition-colors">
                            Hosting Paketimde Kaç Website Barındırabilirim?
                        </span>
                        <div class="flex-shrink-0">
                            <div
                                class="w-6 h-6 rounded-md bg-neutral-700 group-hover:bg-neutral-600 transition-colors duration-200 flex items-center justify-center">
                                <svg class="faq-icon w-4 h-4 text-neutral-300 group-hover:text-white transform transition-transform duration-200"
                                    fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd"
                                        d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
                                        clip-rule="evenodd"></path>
                                </svg>
                            </div>
                        </div>
                    </button>
                    <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-out"
                        data-faq-content="3">
                        <div class="px-6 pb-6 pt-1">
                            <div class="border-t border-neutral-700/30 pt-5">
                                <div class="space-y-4 text-neutral-300 text-base leading-relaxed">
                                    <p>
                                        Hosting paketlerinizde barındırabileceğiniz web sitesi sayısı, seçtiğiniz pakete
                                        göre değişir. <strong class="text-white">Başlangıç paketinde 1 domain, Orta
                                            pakette 3 domain, Gelişmiş pakette ise limitsiz domain</strong>
                                        barındırabilirsiniz.
                                    </p>
                                    <p>
                                        Tüm paketlerimizde <strong class="text-white">limitsiz alt domain
                                            (subdomain)</strong> oluşturabilirsiniz. Bu sayede ana domainizin altında
                                        istediğiniz kadar alt site açabilir, farklı projelerinizi organize
                                        edebilirsiniz.
                                    </p>
                                    <p>
                                        Her domain için ayrı <strong class="text-white">SSL sertifikası, e-posta
                                            hesapları ve veritabanları</strong> oluşturabilirsiniz. cPanel üzerinden tüm
                                        alan adlarınızı tek panelden kolayca yönetebilir, gerektiğinde paket
                                        yükseltmenizi yapabilirsiniz.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- FAQ Item 4 -->
                <div
                    class="faq-item bg-verinay-dark-2 rounded-xl border border-neutral-700/50 hover:border-neutral-600/50 transition-all duration-300 hover:bg-neutral-800/70">
                    <button
                        class="faq-question w-full px-6 py-5 text-left flex items-center justify-between hover:bg-neutral-700/20 transition-all duration-200 rounded-xl group"
                        data-faq="4">
                        <span class="text-white font-medium text-lg group-hover:text-neutral-100 transition-colors">
                            WordPress ve Diğer CMS'leri Kurabilir miyim?
                        </span>
                        <div class="flex-shrink-0">
                            <div
                                class="w-6 h-6 rounded-md bg-neutral-700 group-hover:bg-neutral-600 transition-colors duration-200 flex items-center justify-center">
                                <svg class="faq-icon w-4 h-4 text-neutral-300 group-hover:text-white transform transition-transform duration-200"
                                    fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd"
                                        d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
                                        clip-rule="evenodd"></path>
                                </svg>
                            </div>
                        </div>
                    </button>
                    <div class="faq-answer max-h-0 overflow-hidden transition-all duration-300 ease-out"
                        data-faq-content="4">
                        <div class="px-6 pb-6 pt-1">
                            <div class="border-t border-neutral-700/30 pt-5">
                                <div class="space-y-4 text-neutral-300 text-base leading-relaxed">
                                    <p>
                                        Elbette! Tüm paketlerimizde <strong class="text-white">Softaculous tek tıkla
                                            kurulum</strong> özelliği bulunur. WordPress, Joomla, Drupal, Magento,
                                        OpenCart ve 400+ farklı uygulamayı dakikalar içinde kurabilirsiniz.
                                    </p>
                                    <p>
                                        <strong class="text-white">PHP 8.x desteği, MySQL veritabanları</strong> ve tüm
                                        popüler CMS gereksinimleri hosting paketlerimizde hazır olarak gelir. WordPress
                                        için özelleştirilmiş cache sistemi ile web siteniz çok daha hızlı çalışır.
                                    </p>
                                    <p>
                                        Eğer manuel kurulum yapmak istiyorsanız, <strong class="text-white">FTP erişimi
                                            ve File Manager</strong> ile tüm dosyalarınızı kolayca yönetebilirsiniz. CMS
                                        kurulum konusunda yardıma ihtiyacınız varsa, 7/24 teknik destek ekibimiz size
                                        ücretsiz olarak yardımcı olur.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ========= FOOTER ========= -->
    <?php include 'inc/footer.php'; ?>

    <!-- ========= SCRIPT ========= -->
    <script src="js/main.js"></script>
</body>

</html>