REDROOM

Navigation

Breadcrumbs
/ / home / ankaservis / public_html / app / views / services
Create

Create File | Create Folder | Upload Files | Run Command
Preview: index.php Size: 56.90 KB
/home/ankaservis/public_html/app/views/services/index.php
<section class="py-16 tech-bg-pattern dark:bg-gray-800 transition-colors duration-300">
    <div class="container mx-auto px-4">
        <!-- Hero Section -->
        <div class="text-center mb-16">
            <h1 class="text-4xl md:text-5xl font-bold text-anka-gray dark:text-white mb-4">
                Ankara Beyaz Eşya Kombi Servisi Hizmetlerimiz
            </h1>
            <p class="text-xl text-gray-600 dark:text-gray-300 mb-2">
                <?php echo defined('COMPANY_NAME') ? COMPANY_NAME : ''; ?>
            </p>
            <p class="text-lg text-gray-500 dark:text-gray-400 max-w-3xl mx-auto">
                Ankara genelinde tüm marka cihazlarınız için orijinal parça, yazılı garanti ve şeffaf fiyatlandırma ile kurumsal teknik servis hizmeti
            </p>
            <div class="w-32 h-1 bg-gradient-to-r from-anka-orange-dark to-anka-orange mx-auto mt-6 rounded"></div>
        </div>

        <!-- Ana Hizmetler Grid -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
            <!-- Buzdolabı Servisi -->
            <div class="bg-gradient-to-br from-white via-gray-50 to-white dark:bg-gray-700 rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 dark:border-gray-600 overflow-hidden group">
                <div class="relative h-48 overflow-hidden">
                    <picture>
                        <source srcset="<?php echo Helper::image('images/buzdolabi-tamirat-ve-gulumseme.png'); ?>" type="image/webp">
                        <img src="<?php echo Helper::asset('images/buzdolabi-tamirat-ve-gulumseme.png'); ?>" alt="Buzdolabı Arıza Onarımı" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
                    </picture>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
                    <div class="absolute top-4 right-4 bg-anka-orange text-white px-3 py-1 rounded-full text-xs font-bold z-10">
                        Öncelikli
                    </div>
                </div>
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-anka-gray dark:text-white mb-3">Buzdolabı Arıza Onarımı</h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        Tüm marka buzdolaplarında profesyonel arıza tespiti, soğutma sistemi onarımı ve bakım hizmetleri
                    </p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Soğutma sistemi arızaları</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Kompresör değişimi</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Gaz dolumu ve bakım</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Orijinal parça garantisi</span>
                        </li>
                    </ul>
                    <div class="flex flex-col gap-3">
                        <a href="<?php echo Helper::url('/hizmetler/buzdolabi-servisi'); ?>" class="w-full text-center bg-anka-orange text-white px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange-dark transition shadow-md">
                            Detaylı Bilgi
                        </a>
                        <a href="tel:03124660667" class="w-full text-center border-2 border-anka-orange text-anka-orange px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange hover:text-white transition inline-flex items-center justify-center space-x-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                            </svg>
                            <span>Hemen Ara</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Çamaşır Makinesi Servisi -->
            <div class="bg-gradient-to-br from-white via-gray-50 to-white dark:bg-gray-700 rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 dark:border-gray-600 overflow-hidden group">
                <div class="relative h-48 overflow-hidden">
                    <picture>
                        <source srcset="<?php echo Helper::image('images/camasir-makinesi-tamiriyle-ilgili-calisma.png'); ?>" type="image/webp">
                        <img src="<?php echo Helper::asset('images/camasir-makinesi-tamiriyle-ilgili-calisma.png'); ?>" alt="Çamaşır Makinesi Tamiri" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
                    </picture>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
                    <div class="absolute top-4 right-4 bg-anka-orange text-white px-3 py-1 rounded-full text-xs font-bold z-10">
                        Öncelikli
                    </div>
                </div>
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-anka-gray dark:text-white mb-3">Çamaşır Makinesi Tamiri</h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        Çamaşır makinelerinizde su kaçağı, dönmeme, sıkma sorunları ve tüm arızalar için uzman çözümler
                    </p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Motor ve rulman arızaları</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Su kaçağı ve pompa sorunları</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Elektronik kart onarımı</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Yazılı garanti ile hizmet</span>
                        </li>
                    </ul>
                    <div class="flex flex-col gap-3">
                        <a href="<?php echo Helper::url('/hizmetler/camasir-makinesi-servisi'); ?>" class="w-full text-center bg-anka-orange text-white px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange-dark transition shadow-md">
                            Detaylı Bilgi
                        </a>
                        <a href="tel:03124660667" class="w-full text-center border-2 border-anka-orange text-anka-orange px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange hover:text-white transition inline-flex items-center justify-center space-x-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                            </svg>
                            <span>Hemen Ara</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Bulaşık Makinesi Servisi -->
            <div class="bg-gradient-to-br from-white via-gray-50 to-white dark:bg-gray-700 rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 dark:border-gray-600 overflow-hidden group">
                <div class="relative h-48 overflow-hidden">
                    <picture>
                        <source srcset="<?php echo Helper::image('images/bulasik-makinesi-tamirinde-usta.png'); ?>" type="image/webp">
                        <img src="<?php echo Helper::asset('images/bulasik-makinesi-tamirinde-usta.png'); ?>" alt="Bulaşık Makinesi Tamiri" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
                    </picture>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
                    <div class="absolute top-4 right-4 bg-anka-orange text-white px-3 py-1 rounded-full text-xs font-bold z-10">
                        Öncelikli
                    </div>
                </div>
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-anka-gray dark:text-white mb-3">Bulaşık Makinesi Tamiri</h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        Bulaşık makinelerinizde yıkama, kurutma ve su alma sorunları için profesyonel çözümler
                    </p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Pompa ve filtre arızaları</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Isıtıcı ve kurutma sorunları</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Su alma ve boşaltma problemleri</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Orijinal yedek parça garantisi</span>
                        </li>
                    </ul>
                    <div class="flex flex-col gap-3">
                        <a href="<?php echo Helper::url('/hizmetler/bulasik-makinesi-servisi'); ?>" class="w-full text-center bg-anka-orange text-white px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange-dark transition shadow-md">
                            Detaylı Bilgi
                        </a>
                        <a href="tel:03124660667" class="w-full text-center border-2 border-anka-orange text-anka-orange px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange hover:text-white transition inline-flex items-center justify-center space-x-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                            </svg>
                            <span>Hemen Ara</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Fırın & Ocak Servisi -->
            <div class="bg-gradient-to-br from-white via-gray-50 to-white dark:bg-gray-700 rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 dark:border-gray-600 overflow-hidden group">
                <div class="relative h-48 overflow-hidden">
                    <picture>
                        <source srcset="<?php echo Helper::image('images/mutfakta-profesyonel-servis-gorusmesi.png'); ?>" type="image/webp">
                        <img src="<?php echo Helper::asset('images/mutfakta-profesyonel-servis-gorusmesi.png'); ?>" alt="Fırın & Ocak Tamiri" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
                    </picture>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
                </div>
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-anka-gray dark:text-white mb-3">Fırın & Ocak Tamiri</h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        Fırın ve ocaklarınızda ısınma, pişirme ve elektronik arızalar için uzman servis hizmeti
                    </p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Isıtıcı ve rezistans değişimi</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Elektronik kart onarımı</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Gaz ve elektrikli ocak arızaları</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>1 yıl işçilik ve parça garantisi</span>
                        </li>
                    </ul>
                    <div class="flex flex-col gap-3">
                        <a href="<?php echo Helper::url('/hizmetler/firin-ocak-servisi'); ?>" class="w-full text-center bg-anka-orange text-white px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange-dark transition shadow-md">
                            Detaylı Bilgi
                        </a>
                        <a href="tel:03124660667" class="w-full text-center border-2 border-anka-orange text-anka-orange px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange hover:text-white transition inline-flex items-center justify-center space-x-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                            </svg>
                            <span>Hemen Ara</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Kombi & Klima Servisi -->
            <div class="bg-gradient-to-br from-white via-gray-50 to-white dark:bg-gray-700 rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 dark:border-gray-600 overflow-hidden group">
                <div class="relative h-48 overflow-hidden">
                    <picture>
                        <source srcset="<?php echo Helper::image('images/kombi-service.jpg'); ?>" type="image/webp">
                        <img src="<?php echo Helper::asset('images/kombi-service.jpg'); ?>" alt="Kombi Bakım ve Tamir" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
                    </picture>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
                    <div class="absolute top-4 right-4 bg-anka-orange text-white px-3 py-1 rounded-full text-xs font-bold z-10">
                        Öncelikli
                    </div>
                </div>
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-anka-gray dark:text-white mb-3">Kombi Bakım ve Tamir</h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        Kombi ve klima cihazlarınızda bakım, onarım ve montaj hizmetleri ile konforunuzu koruyoruz
                    </p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Periyodik bakım ve temizlik</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Arıza tespiti ve onarım</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Montaj ve demontaj hizmetleri</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Aynı gün servis garantisi</span>
                        </li>
                    </ul>
                    <div class="flex flex-col gap-3">
                        <a href="<?php echo Helper::url('/hizmetler/kombi-ve-klima-servisi'); ?>" class="w-full text-center bg-anka-orange text-white px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange-dark transition shadow-md">
                            Detaylı Bilgi
                        </a>
                        <a href="tel:03124660667" class="w-full text-center border-2 border-anka-orange text-anka-orange px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange hover:text-white transition inline-flex items-center justify-center space-x-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                            </svg>
                            <span>Hemen Ara</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- Televizyon Servisi -->
            <div class="bg-gradient-to-br from-white via-gray-50 to-white dark:bg-gray-700 rounded-2xl shadow-xl hover:shadow-2xl transition-all duration-300 transform hover:-translate-y-2 border border-gray-200 dark:border-gray-600 overflow-hidden group">
                <div class="relative h-48 overflow-hidden">
                    <picture>
                        <source srcset="<?php echo Helper::image('images/tv-service.jpg'); ?>" type="image/webp">
                        <img src="<?php echo Helper::asset('images/tv-service.jpg'); ?>" alt="Televizyon Tamiri" class="w-full h-full object-cover transform group-hover:scale-110 transition-transform duration-500">
                    </picture>
                    <div class="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent"></div>
                    <div class="absolute top-4 right-4 bg-anka-orange text-white px-3 py-1 rounded-full text-xs font-bold z-10">
                        Öncelikli
                    </div>
                </div>
                <div class="p-6">
                    <h3 class="text-2xl font-bold text-anka-gray dark:text-white mb-3">Televizyon Tamiri</h3>
                    <p class="text-gray-600 dark:text-gray-300 mb-4">
                        LED, LCD, OLED ve tüm televizyon markalarında ekran değişimi, arıza tespiti ve onarım hizmetleri
                    </p>
                    <ul class="space-y-2 mb-6">
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Ekran değişimi ve onarımı</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Ana kart ve güç kaynağı arızaları</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Ses ve görüntü sorunları</span>
                        </li>
                        <li class="flex items-start space-x-2 text-sm text-gray-600 dark:text-gray-300">
                            <svg class="w-5 h-5 text-anka-orange mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                                <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                            </svg>
                            <span>Orijinal yedek parça garantisi</span>
                        </li>
                    </ul>
                    <div class="flex flex-col gap-3">
                        <a href="<?php echo Helper::url('/hizmetler/televizyon-servisi'); ?>" class="w-full text-center bg-anka-orange text-white px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange-dark transition shadow-md">
                            Detaylı Bilgi
                        </a>
                        <a href="tel:03124660667" class="w-full text-center border-2 border-anka-orange text-anka-orange px-6 py-3 rounded-lg font-semibold hover:bg-anka-orange hover:text-white transition inline-flex items-center justify-center space-x-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                            </svg>
                            <span>Hemen Ara</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Kurumsal Güven Bölümü -->
        <div class="max-w-6xl mx-auto mb-16">
            <div class="bg-gradient-to-r from-anka-orange-dark to-anka-orange rounded-2xl p-8 md:p-12 text-white shadow-2xl relative overflow-hidden">
                <div class="absolute inset-0 opacity-10" style="background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px);"></div>
                <div class="relative z-10">
                    <h2 class="text-3xl md:text-4xl font-bold mb-6 text-center text-white">Neden Anka Servis?</h2>
                    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                        <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
                            <div class="flex items-center space-x-3 mb-3">
                                <svg class="w-8 h-8 text-white" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                                </svg>
                                <h3 class="text-xl font-bold text-white">Kurumsal Yapı</h3>
                            </div>
                            <p class="text-white/90 text-sm">Ticaret Odası kayıtlı, ruhsatlı ve belgeli kurumsal teknik servis</p>
                        </div>
                        <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
                            <div class="flex items-center space-x-3 mb-3">
                                <svg class="w-8 h-8 text-white" fill="currentColor" viewBox="0 0 20 20">
                                    <path d="M9 2a1 1 0 000 2h2a1 1 0 100-2H9z"></path>
                                    <path fill-rule="evenodd" d="M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm3 4a1 1 0 000 2h.01a1 1 0 100-2H7zm3 0a1 1 0 000 2h3a1 1 0 100-2h-3zm-3 4a1 1 0 100 2h.01a1 1 0 100-2H7zm3 0a1 1 0 100 2h3a1 1 0 100-2h-3z" clip-rule="evenodd"></path>
                                </svg>
                                <h3 class="text-xl font-bold text-white">Orijinal Parça</h3>
                            </div>
                            <p class="text-white/90 text-sm">Tüm tamirlerde orijinal yedek parça kullanımı garantisi</p>
                        </div>
                        <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
                            <div class="flex items-center space-x-3 mb-3">
                                <svg class="w-8 h-8 text-white" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                                </svg>
                                <h3 class="text-xl font-bold text-white">Yazılı Garanti</h3>
                            </div>
                            <p class="text-white/90 text-sm">1 yıl işçilik ve parça garantisi ile güvenli hizmet</p>
                        </div>
                        <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
                            <div class="flex items-center space-x-3 mb-3">
                                <svg class="w-8 h-8 text-white" fill="currentColor" viewBox="0 0 20 20">
                                    <path d="M4 4a2 2 0 00-2 2v1h16V6a2 2 0 00-2-2H4z"></path>
                                    <path fill-rule="evenodd" d="M18 9H2v5a2 2 0 002 2h12a2 2 0 002-2V9zM4 13a1 1 0 011-1h1a1 1 0 110 2H5a1 1 0 01-1-1zm5-1a1 1 0 100 2h1a1 1 0 100-2H9z" clip-rule="evenodd"></path>
                                </svg>
                                <h3 class="text-xl font-bold text-white">Şeffaf Fiyat</h3>
                            </div>
                            <p class="text-white/90 text-sm">Gizli ücret yok, kapıda fiyat değişmez, şeffaf fiyatlandırma</p>
                        </div>
                        <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
                            <div class="flex items-center space-x-3 mb-3">
                                <svg class="w-8 h-8 text-white" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
                                </svg>
                                <h3 class="text-xl font-bold text-white">Uzman Ekip</h3>
                            </div>
                            <p class="text-white/90 text-sm">25+ yıllık deneyimli, ustalık belgeli sertifikalı teknisyenler</p>
                        </div>
                        <div class="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
                            <div class="flex items-center space-x-3 mb-3">
                                <svg class="w-8 h-8 text-white" fill="currentColor" viewBox="0 0 20 20">
                                    <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-12a1 1 0 10-2 0v4a1 1 0 00.293.707l2.828 2.829a1 1 0 101.415-1.415L11 9.586V6z" clip-rule="evenodd"></path>
                                </svg>
                                <h3 class="text-xl font-bold text-white">Aynı Gün Hizmet</h3>
                            </div>
                            <p class="text-white/90 text-sm">Ankara genelinde aynı gün servis ve hızlı çözüm garantisi</p>
                        </div>
                    </div>
                    <div class="flex flex-col sm:flex-row items-center justify-center gap-4 mt-8">
                        <a href="<?php echo Helper::url('/iletisim/servis-formu'); ?>" class="bg-white text-anka-orange px-8 py-4 rounded-lg font-bold hover:bg-gray-100 transition shadow-lg text-lg">
                            Hemen Servis Talep Et
                        </a>
                        <a href="tel:03124660667" class="bg-white/10 backdrop-blur-sm border-2 border-white/30 text-white px-8 py-4 rounded-lg font-bold hover:bg-white/20 transition text-lg inline-flex items-center justify-center space-x-2">
                            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"></path>
                            </svg>
                            <span>Hemen Ara</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Karşılaştırma Bölümü -->
        <div class="max-w-6xl mx-auto">
            <div class="bg-gradient-to-r from-anka-orange-dark to-anka-orange rounded-2xl p-4 md:p-8 lg:p-12 text-white shadow-2xl relative overflow-hidden">
                <div class="absolute inset-0 opacity-10" style="background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,0.1) 10px, rgba(255,255,255,0.1) 20px);"></div>
                <div class="relative z-10">
                    <h2 class="text-xl md:text-2xl lg:text-3xl font-bold mb-6 md:mb-8 text-center text-white">Yetkili Servis mi, Özel Servis mi?</h2>
                    
                    <!-- Mobil Görünüm - Kartlar -->
                    <div class="block md:hidden space-y-4">
                        <!-- Anka Servis Kartı -->
                        <div class="bg-white/20 backdrop-blur-sm rounded-xl p-5 border-2 border-white/40 shadow-lg">
                            <div class="flex items-center justify-between mb-4">
                                <h4 class="text-lg font-bold text-white">Anka Servis</h4>
                                <span class="text-xs bg-white/30 px-2 py-1 rounded text-white">Kurumsal Özel Servis</span>
                            </div>
                            <div class="space-y-3">
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Orijinal parça</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-white" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Yazılı garanti</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-white" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Şeffaf fiyat</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-white" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Aynı gün hizmet</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-white" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Kurumsal yapı</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-white" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="pt-3 border-t border-white/20">
                                    <div class="flex items-center justify-between">
                                        <span class="font-semibold text-white">Fiyat</span>
                                        <span class="font-bold text-lg text-white">Uygun fiyat</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Yetkili Servis Kartı -->
                        <div class="bg-white/10 backdrop-blur-sm rounded-xl p-5 border border-white/20">
                            <h4 class="text-lg font-bold mb-4 text-white">Yetkili Servis</h4>
                            <div class="space-y-3">
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Orijinal parça</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-white" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Yazılı garanti</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-white" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Şeffaf fiyat</span>
                                    <span class="text-lg text-white opacity-70">•</span>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Aynı gün hizmet</span>
                                    <span class="text-xs text-white opacity-70 text-right">Randevu gerekli</span>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Kurumsal yapı</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-white" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="pt-3 border-t border-white/20">
                                    <div class="flex items-center justify-between">
                                        <span class="font-semibold text-white">Fiyat</span>
                                        <span class="text-xs text-white opacity-70 text-right">Yüksek fiyat</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        <!-- Sahte Servisler Kartı -->
                        <div class="bg-white/5 backdrop-blur-sm rounded-xl p-5 border border-white/10">
                            <div class="flex items-center justify-between mb-4">
                                <h4 class="text-lg font-bold text-white">Sahte Servisler</h4>
                                <span class="text-xs bg-red-500/30 px-2 py-1 rounded text-white">Merdiven Altı</span>
                            </div>
                            <div class="space-y-3">
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Orijinal parça</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-red-300" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Yazılı garanti</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-red-300" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Şeffaf fiyat</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-red-300" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Aynı gün hizmet</span>
                                    <span class="text-xs text-white opacity-70 text-right">Belirsiz</span>
                                </div>
                                <div class="flex items-center justify-between">
                                    <span class="text-sm text-white">Kurumsal yapı</span>
                                    <svg class="w-5 h-5 flex-shrink-0 text-red-300" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path></svg>
                                </div>
                                <div class="pt-3 border-t border-white/20">
                                    <div class="flex items-center justify-between">
                                        <span class="font-semibold text-white">Fiyat</span>
                                        <span class="text-xs text-white opacity-70 text-right">Kapıda fiyat değiştirir</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                
                    <!-- Desktop Table -->
                    <div class="hidden md:block overflow-x-auto">
                        <table class="w-full text-left">
                            <thead>
                                <tr class="border-b border-white/30">
                                    <th class="pb-4 pr-6 font-bold text-lg">Özellik</th>
                                    <th class="pb-4 px-6 font-bold text-lg text-center">Anka Servis<br><span class="text-sm font-normal">Kurumsal Özel Servis</span></th>
                                    <th class="pb-4 px-6 font-bold text-lg text-center">Yetkili Servis</th>
                                    <th class="pb-4 px-6 font-bold text-lg text-center">Sahte Servisler<br><span class="text-sm font-normal">(Merdiven Altı)</span></th>
                                </tr>
                            </thead>
                            <tbody class="space-y-4">
                                <tr class="border-b border-white/20">
                                    <td class="py-4 pr-6 font-semibold">Orijinal parça</td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto text-red-300" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path></svg></td>
                                </tr>
                                <tr class="border-b border-white/20">
                                    <td class="py-4 pr-6 font-semibold">Yazılı garanti</td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto text-red-300" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path></svg></td>
                                </tr>
                                <tr class="border-b border-white/20">
                                    <td class="py-4 pr-6 font-semibold">Şeffaf fiyat</td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></td>
                                    <td class="py-4 px-6 text-center text-sm opacity-80">Yüksek fiyat</td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto text-red-300" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path></svg></td>
                                </tr>
                                <tr class="border-b border-white/20">
                                    <td class="py-4 pr-6 font-semibold">Aynı gün hizmet</td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></td>
                                    <td class="py-4 px-6 text-center text-sm opacity-80">Randevu gerekli</td>
                                    <td class="py-4 px-6 text-center text-sm opacity-80">Belirsiz</td>
                                </tr>
                                <tr>
                                    <td class="py-4 pr-6 font-semibold">Kurumsal yapı</td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path></svg></td>
                                    <td class="py-4 px-6 text-center"><svg class="w-6 h-6 mx-auto text-red-300" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path></svg></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                    </div>
        </div>
    </div>
</section>
Directory Contents

Dirs: 0 × Files: 2
Sort:
Enable drag-to-move
	Name	Size	Perms	Modified	Actions
	index.php	56.90 KB	lrw-r--r--	2025-11-17 19:50:52	Edit Download recursive recursive
	show.php	22.49 KB	lrw-r--r--	2025-11-17 19:50:52	Edit Download recursive recursive