@section('description', 'Yakın Çekici hakkında bilgi. 15 yıllık tecrübemiz ve profesyonel ekibimizle İstanbul'un her noktasında 7/24 hizmetinizdeyiz.')
@section('keywords', 'hakkımızda, çekici hizmeti, oto kurtarma istanbul, istanbul çekici, profesyonel çekici, güvenilir çekici')

@section('content')
<!-- Page Hero -->
<section class="position-relative text-center py-5" style="background: linear-gradient(135deg, #1c2023 0%, #2d3238 100%); min-height: 50vh; display: flex; align-items: center;">
    <div class="container position-relative" style="z-index: 2;">
        <nav aria-label="breadcrumb" class="mb-3">
            <ol class="breadcrumb justify-content-center" style="background: transparent;">
                <li class="breadcrumb-item"><a href="https://yakindakiotocekici.net" class="text-white-50 text-decoration-none">Anasayfa</a></li>
                <li class="breadcrumb-item active text-white" aria-current="page">Hakkımızda</li>
            </ol>
        </nav>
        <h1 class="display-3 font-weight-extra-bold text-white mb-4" style="font-family: 'Poppins', sans-serif;">
            <span style="color: #FFD700;">Hakkımızda</span>
        </h1>
        <p class="text-white-50 fs-5" style="max-width: 600px; margin: 0 auto;">Güvenilir ve profesyonel çekici hizmeti</p>
    </div>
</section>

<!-- About Content -->
<section class="py-5 bg-white">
    <div class="container py-5 my-4">
        <div class="row align-items-center mb-5">
            <div class="col-lg-6 mb-5 mb-lg-0 pe-lg-5">
                <span class="section-badge">BİZ KİMİZ?</span>
                <h2 class="font-weight-extra-bold mb-4" style="font-family: 'Poppins', sans-serif; font-size: 2.5rem; color: #1c2023;">
                    TEKİRDAĞ'un <br><span style="color: #FFD700;">Güvenilir Çekici</span> Hizmeti
                </h2>
                <p class="text-4 mb-4" style="color: #6c757d; line-height: 1.8;">
                    <strong style="color: #1c2023;">15 yıllık tecrübemiz</strong> ve profesyonel ekibimizle TEKİRDAĞ'un her noktasında, gece gündüz demeden hizmetinizdeyiz. Müşteri memnuniyetini ön planda tutarak, güvenilir ve hızlı çözümler sunuyoruz.
                </p>
                <p class="text-4 mb-4" style="color: #6c757d; line-height: 1.8;">
                    Oto çekici, ağır vasıta çekici, motorsiklet, karavan ve tekne taşıma gibi tüm ihtiyaçlarınızda yanınızdayız. Modern araç filomuz ve deneyimli operatörlerimizle aracınızı güvenle taşıyoruz.
                </p>
            </div>
            <div class="col-lg-6">
                <img src="https://yakindakiotocekici.net/img/truck.png" alt="Çekici Hizmeti" class="img-fluid">
            </div>
        </div>
        
        <!-- Features Grid -->
        <div class="row g-4 mt-5">
            <div class="col-md-6 col-lg-3">
                <div class="text-center p-4">
                    <div class="mb-3 d-inline-flex align-items-center justify-content-center" style="width: 80px; height: 80px; background: linear-gradient(135deg, #FFD700 0%, #FFC700 100%); border-radius: 20px;">
                        <i class="fas fa-clock" style="font-size: 2.2rem; color: #000;"></i>
                    </div>
                    <h4 class="font-weight-bold mb-2" style="color: #1c2023; font-size: 1.2rem;">7/24 Hizmet</h4>
                    <p class="text-3 mb-0" style="color: #6c757d;">Gece gündüz her an ulaşabilirsiniz</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="text-center p-4">
                    <div class="mb-3 d-inline-flex align-items-center justify-content-center" style="width: 80px; height: 80px; background: linear-gradient(135deg, #FFD700 0%, #FFC700 100%); border-radius: 20px;">
                        <i class="fas fa-tachometer-alt" style="font-size: 2.2rem; color: #000;"></i>
                    </div>
                    <h4 class="font-weight-bold mb-2" style="color: #1c2023; font-size: 1.2rem;">Hızlı Müdahale</h4>
                    <p class="text-3 mb-0" style="color: #6c757d;">Ortalama 15 dakika yanıt süresi</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="text-center p-4">
                    <div class="mb-3 d-inline-flex align-items-center justify-content-center" style="width: 80px; height: 80px; background: linear-gradient(135deg, #FFD700 0%, #FFC700 100%); border-radius: 20px;">
                        <i class="fas fa-shield-alt" style="font-size: 2.2rem; color: #000;"></i>
                    </div>
                    <h4 class="font-weight-bold mb-2" style="color: #1c2023; font-size: 1.2rem;">Güvenilir</h4>
                    <p class="text-3 mb-0" style="color: #6c757d;">Profesyonel ve sigortalı hizmet</p>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="text-center p-4">
                    <div class="mb-3 d-inline-flex align-items-center justify-content-center" style="width: 80px; height: 80px; background: linear-gradient(135deg, #FFD700 0%, #FFC700 100%); border-radius: 20px;">
                        <i class="fas fa-hand-holding-usd" style="font-size: 2.2rem; color: #000;"></i>
                    </div>
                    <h4 class="font-weight-bold mb-2" style="color: #1c2023; font-size: 1.2rem;">Uygun Fiyat</h4>
                    <p class="text-3 mb-0" style="color: #6c757d;">Şeffaf ve ekonomik fiyatlandırma</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- CTA Section -->
<section class="py-5 text-center" style="background: linear-gradient(135deg, #1c2023 0%, #2d3238 100%);">
    <div class="container py-5">
        <h2 class="text-white font-weight-extra-bold mb-4" style="font-family: 'Poppins', sans-serif; font-size: 2.5rem;">
            Aracınız İçin <span style="color: #FFD700;">Hemen Yardım</span>
        </h2>
        <p class="text-white-50 mb-5" style="font-size: 1.1rem;">Bir telefon kadar yakınız</p>
        <a href="tel:+905535916468" class="btn btn-lg px-5 py-4 font-weight-bold" style="background-color: #FFD700 !important; color: #000 !important; border-radius: 50px; font-size: 1.3rem;">
            <i class="fa fa-phone me-3"></i>0553 591 64 68
        </a>
    </div>
</section>
@endsection

<!DOCTYPE html>
<html lang="tr" class="dark">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- SEO Meta Tags -->
    <title>Hakkımızda - Yakın Oto Çekici İstanbul</title>
    <meta name="description" content="İstanbul 7/24 En Yakın Oto Çekici ve Kurtarıcı Hizmeti. Avrupa ve Anadolu yakası tüm ilçelerde 15 dakikada hızlı varış, kaskolu taşıma, uygun fiyat. Hemen Ara: 0553 591 64 68">
    <meta name="keywords" content="istanbul çekici, en yakın çekici, 7/24 oto kurtarma, oto çekici istanbul, acil çekici, yol yardım, araç kurtarıcı">
    <meta name="author" content="Yakındaki Oto Çekici">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
    <link rel="canonical" href="https://yakindakiotocekici.net/hakkimizda">

    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="Hakkımızda - Yakın Oto Çekici İstanbul">
    <meta property="og:description" content="İstanbul geneli 7/24 acil oto çekici, kurtarma ve yol yardım hizmeti. 15 dakikada yanınızdayız.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://yakindakiotocekici.net/hakkimizda">
    <meta property="og:image" content="https://yakindakiotocekici.net/img/truck.png">
    <meta property="og:locale" content="tr_TR">
    <meta property="og:site_name" content="Yakındaki Oto Çekici">

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Hakkımızda - Yakın Oto Çekici İstanbul">
    <meta name="twitter:description" content="İstanbul 7/24 acil oto çekici ve yol yardım.">
    <meta name="twitter:image" content="https://yakindakiotocekici.net/img/truck.png">

    <!-- Favicon -->
    <link rel="icon" href="https://yakindakiotocekici.net/img/favicon.ico" type="image/x-icon">

    <!-- Google Fonts: Inter & Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Poppins:wght@600;700;800;900&display=swap" rel="stylesheet">

    <!-- Core Vendor CSS -->
    <link rel="stylesheet" href="https://yakindakiotocekici.net/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://yakindakiotocekici.net/vendor/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" href="https://yakindakiotocekici.net/vendor/animate/animate.compat.css">

    <!-- Custom Modern Design Styles -->
    <style>
        :root {
            --bg-main: #0B0F19;
            --bg-card: #131B2E;
            --bg-card-hover: #1A243D;
            --accent-primary: #F59E0B;
            --accent-primary-hover: #D97706;
            --accent-secondary: #EAB308;
            --text-primary: #F8FAFC;
            --text-secondary: #94A3B8;
            --border-subtle: rgba(245, 158, 11, 0.15);
        }

        body {
            background-color: var(--bg-main);
            color: var(--text-primary);
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            overflow-x: hidden;
            line-height: 1.6;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Poppins', sans-serif;
            color: var(--text-primary);
            font-weight: 700;
        }

        /* Glassmorphism Cards */
        .glass-card {
            background: rgba(19, 27, 46, 0.75);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .glass-card:hover {
            transform: translateY(-5px);
            background: rgba(26, 36, 61, 0.85);
            border-color: rgba(245, 158, 11, 0.35);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);
        }

        /* Accent Gradient Button */
        .btn-accent {
            background: linear-gradient(135deg, #F59E0B 0%, #EAB308 100%);
            color: #000 !important;
            font-weight: 800;
            border-radius: 9999px;
            padding: 14px 32px;
            border: none;
            box-shadow: 0 8px 25px rgba(245, 158, 11, 0.35);
            transition: all 0.25s ease;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .btn-accent:hover {
            transform: scale(1.03);
            box-shadow: 0 12px 30px rgba(245, 158, 11, 0.5);
            color: #000 !important;
        }

        /* Pulse Animation for Emergency Elements */
        @keyframes pulse-ring {
            0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); }
            70% { transform: scale(1); box-shadow: 0 0 0 14px rgba(245, 158, 11, 0); }
            100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); }
        }

        .pulse-btn {
            animation: pulse-ring 2.5s infinite;
        }
    </style>

    <!-- Global AutomotiveBusiness JSON-LD Schema -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "AutomotiveBusiness",
        "name": "Yakındaki Oto Çekici",
        "description": "İstanbul 7/24 Acil Oto Çekici, Kurtarma ve Yol Yardım Hizmetleri",
        "telephone": "+905535916468",
        "priceRange": "$$",
        "image": "https://yakindakiotocekici.net/img/truck.png",
        "url": "https://yakindakiotocekici.net",
        "address": {
            "@type": "PostalAddress",
            "addressLocality": "İstanbul",
            "addressRegion": "Marmara",
            "addressCountry": "TR"
        },
        "geo": {
            "@type": "GeoCoordinates",
            "latitude": "41.0082",
            "longitude": "28.9784"
        },
        "openingHoursSpecification": {
            "@type": "OpeningHoursSpecification",
            "dayOfWeek": [
                "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"
            ],
            "opens": "00:00",
            "closes": "23:59"
        },
        "areaServed": [
            {
                "@type": "City",
                "name": "İstanbul"
            }
        ]
    }
    </script>

        </head>
<body class="dark bg-dark">
    <!-- Header Navbar -->
    <header id="header" class="header-main position-sticky top-0 w-100" style="z-index: 1040; background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid rgba(245, 158, 11, 0.2); transition: all 0.3s ease;">
    <div class="container-fluid px-3 px-lg-5">
        <div class="d-flex align-items-center justify-content-between py-2 py-lg-3">
            <!-- Brand Logo -->
            <a href="https://yakindakiotocekici.net" class="d-flex align-items-center text-decoration-none py-1">
                <div class="logo-icon-box d-flex align-items-center justify-content-center me-2 me-lg-3" style="width: 44px; height: 44px; background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%); border-radius: 12px; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.35);">
                    <i class="fas fa-truck-pickup text-black fa-lg"></i>
                </div>
                <div class="logo-text">
                    <span class="d-block text-white fw-bold mb-0" style="font-family: 'Poppins', sans-serif; font-size: 1.25rem; line-height: 1.1; letter-spacing: -0.5px;">
                        YAKINDAKİ <span style="color: #F59E0B;">ÇEKİCİ</span>
                    </span>
                    <span class="d-block text-uppercase" style="font-size: 0.65rem; letter-spacing: 2px; color: #94A3B8; font-weight: 600;">
                        7/24 İstanbul Acil Kurtarma
                    </span>
                </div>
            </a>

            <!-- Desktop Nav Menu -->
            <nav class="d-none d-lg-flex align-items-center">
                <ul class="nav align-items-center gap-1 mb-0">
                    <li class="nav-item">
                        <a class="nav-link px-3 py-2 rounded-pill fw-semibold text-slate-200" href="https://yakindakiotocekici.net" style="color: #E2E8F0; transition: color 0.2s;">
                            Anasayfa
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3 py-2 rounded-pill fw-semibold" href="https://yakindakiotocekici.net/hizmetlerimiz" style="color: #E2E8F0; transition: color 0.2s;">
                            Hizmetlerimiz
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3 py-2 rounded-pill fw-semibold" href="https://yakindakiotocekici.net/hizmet-bolgeleri" style="color: #E2E8F0; transition: color 0.2s;">
                            Hizmet Bölgeleri
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3 py-2 rounded-pill fw-semibold" href="https://yakindakiotocekici.net/hakkimizda" style="color: #F59E0B; transition: color 0.2s;">
                            Hakkımızda
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link px-3 py-2 rounded-pill fw-semibold" href="https://yakindakiotocekici.net/iletisim" style="color: #E2E8F0; transition: color 0.2s;">
                            İletişim
                        </a>
                    </li>
                </ul>
            </nav>

            <!-- Right Side CTA Actions -->
            <div class="d-flex align-items-center gap-2">
                <!-- Desktop Emergency Call CTA -->
                <a href="tel:05535916468" class="btn d-none d-sm-inline-flex align-items-center justify-content-center text-decoration-none shadow" style="background: linear-gradient(135deg, #F59E0B 0%, #EAB308 100%); color: #000; font-weight: 800; border-radius: 9999px; padding: 10px 22px; font-size: 0.95rem; border: none; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.35);">
                    <i class="fas fa-phone-alt me-2 text-black"></i>
                    <span>0553 591 64 68</span>
                </a>

                <!-- Mobile Header Direct Call (Small) -->
                <a href="tel:05535916468" class="btn btn-sm d-inline-flex d-sm-none align-items-center justify-content-center text-decoration-none" style="background: #F59E0B; color: #000; font-weight: 800; border-radius: 8px; padding: 6px 12px; font-size: 0.85rem;">
                    <i class="fas fa-phone-alt me-1"></i> ARA
                </a>

                <!-- Mobile Hamburger Button -->
                <button class="btn d-lg-none text-white p-2" type="button" data-bs-toggle="collapse" data-bs-target="#mobileNavMenu" aria-controls="mobileNavMenu" aria-expanded="false" aria-label="Menüyü Aç" style="background: rgba(255,255,255,0.08); border-radius: 8px; border: 1px solid rgba(255,255,255,0.15);">
                    <i class="fas fa-bars fa-lg text-warning"></i>
                </button>
            </div>
        </div>

        <!-- Mobile Collapsible Menu -->
        <div class="collapse d-lg-none border-top border-secondary py-3" id="mobileNavMenu" style="border-color: rgba(255,255,255,0.1) !important;">
            <ul class="nav flex-column gap-2 mb-3">
                <li class="nav-item">
                    <a class="nav-link text-white py-2 px-3 rounded " href="https://yakindakiotocekici.net">
                        <i class="fas fa-home me-2 text-warning"></i> Anasayfa
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-white py-2 px-3 rounded " href="https://yakindakiotocekici.net/hizmetlerimiz">
                        <i class="fas fa-tools me-2 text-warning"></i> Hizmetlerimiz
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-white py-2 px-3 rounded " href="https://yakindakiotocekici.net/hizmet-bolgeleri">
                        <i class="fas fa-map-marked-alt me-2 text-warning"></i> Hizmet Bölgeleri
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-white py-2 px-3 rounded bg-warning text-black fw-bold" href="https://yakindakiotocekici.net/hakkimizda">
                        <i class="fas fa-info-circle me-2 text-warning"></i> Hakkımızda
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link text-white py-2 px-3 rounded " href="https://yakindakiotocekici.net/iletisim">
                        <i class="fas fa-envelope me-2 text-warning"></i> İletişim
                    </a>
                </li>
            </ul>
            <div class="d-grid gap-2">
                <a href="tel:05535916468" class="btn btn-warning fw-bold py-2">
                    <i class="fas fa-phone-alt me-2"></i> 0553 591 64 68 Hemen Ara
                </a>
            </div>
        </div>
    </div>
</header>

    <!-- Main Content -->
    <main role="main" id="main-content">
            </main>

    <!-- Modern Footer -->
    <footer id="footer" class="footer-modern position-relative" style="background: #090D16; color: #94A3B8; border-top: 2px solid rgba(245, 158, 11, 0.3);">
    <!-- Top Highlights Bar -->
    <div class="py-4 border-bottom" style="border-color: rgba(255, 255, 255, 0.08) !important; background: rgba(15, 23, 42, 0.6);">
        <div class="container">
            <div class="row g-3 text-center text-md-start align-items-center">
                <div class="col-md-4 d-flex align-items-center justify-content-center justify-content-md-start">
                    <div class="rounded-circle p-3 me-3 d-flex align-items-center justify-content-center" style="width: 50px; height: 50px; background: rgba(245, 158, 11, 0.15); color: #F59E0B;">
                        <i class="fas fa-clock fa-lg"></i>
                    </div>
                    <div>
                        <h6 class="text-white mb-0 fw-bold">7/24 Acil Müdahale</h6>
                        <small class="text-muted">Gece gündüz kesintisiz nöbetçi çekici</small>
                    </div>
                </div>
                <div class="col-md-4 d-flex align-items-center justify-content-center">
                    <div class="rounded-circle p-3 me-3 d-flex align-items-center justify-content-center" style="width: 50px; height: 50px; background: rgba(245, 158, 11, 0.15); color: #F59E0B;">
                        <i class="fas fa-bolt fa-lg"></i>
                    </div>
                    <div>
                        <h6 class="text-white mb-0 fw-bold">15-20 Dk Hızlı Varış</h6>
                        <small class="text-muted">Size en yakın konumdaki araç yönlendirilir</small>
                    </div>
                </div>
                <div class="col-md-4 d-flex align-items-center justify-content-center justify-content-md-end">
                    <div class="rounded-circle p-3 me-3 d-flex align-items-center justify-content-center" style="width: 50px; height: 50px; background: rgba(245, 158, 11, 0.15); color: #F59E0B;">
                        <i class="fas fa-shield-alt fa-lg"></i>
                    </div>
                    <div>
                        <h6 class="text-white mb-0 fw-bold">Kaskolu Güvenli Taşıma</h6>
                        <small class="text-muted">Taşıma kaskosu ile tam güvence</small>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Main Footer Columns -->
    <div class="container py-5">
        <div class="row g-4">
            <!-- Col 1: About & Contact -->
            <div class="col-lg-4 col-md-6">
                <div class="d-flex align-items-center mb-3">
                    <div class="d-flex align-items-center justify-content-center me-3" style="width: 42px; height: 42px; background: #F59E0B; border-radius: 10px;">
                        <i class="fas fa-truck-pickup text-black fa-lg"></i>
                    </div>
                    <h5 class="text-white fw-bold mb-0" style="letter-spacing: -0.5px;">
                        YAKINDAKİ <span style="color: #F59E0B;">ÇEKİCİ</span>
                    </h5>
                </div>
                <p class="small text-slate-300 leading-relaxed mb-4">
                    İstanbul genelinde Avrupa ve Anadolu yakasındaki 39 ilçede 7/24 oto çekici, acil oto kurtarma, sıfır araç transferi ve yerinde akü takviye hizmeti sunuyoruz. Yolda kaldığınız an profesyonel ekibimiz bir telefon uzağınızda.
                </p>
                <div class="d-flex flex-column gap-2">
                    <a href="tel:05535916468" class="d-inline-flex align-items-center text-white text-decoration-none fw-bold fs-5" style="color: #F59E0B !important;">
                        <i class="fas fa-phone-alt me-2 text-warning"></i> 0553 591 64 68
                    </a>
                    <a href="https://wa.me/905535916468" target="_blank" rel="noopener noreferrer" class="d-inline-flex align-items-center text-slate-300 text-decoration-none small">
                        <i class="fab fa-whatsapp me-2 text-success fa-lg"></i> WhatsApp Canlı Destek
                    </a>
                </div>
            </div>

            <!-- Col 2: Services -->
            <div class="col-lg-2 col-md-6">
                <h6 class="text-white fw-bold text-uppercase mb-3 pb-2 border-bottom" style="border-color: rgba(245, 158, 11, 0.4) !important;">
                    Hizmetlerimiz
                </h6>
                <ul class="list-unstyled d-flex flex-column gap-2 small">
                    <li><a href="https://yakindakiotocekici.net/hizmetlerimiz" class="text-secondary text-decoration-none hover-warning">7/24 Oto Çekici</a></li>
                    <li><a href="https://yakindakiotocekici.net/hizmetlerimiz" class="text-secondary text-decoration-none hover-warning">Oto Kurtarma</a></li>
                    <li><a href="https://yakindakiotocekici.net/hizmetlerimiz" class="text-secondary text-decoration-none hover-warning">Sıfır Araç Taşıma</a></li>
                    <li><a href="https://yakindakiotocekici.net/hizmetlerimiz" class="text-secondary text-decoration-none hover-warning">Aparatsız / Aparatlı Çekim</a></li>
                    <li><a href="https://yakindakiotocekici.net/hizmetlerimiz" class="text-secondary text-decoration-none hover-warning">Akü Takviye & Yol Yardım</a></li>
                    <li><a href="https://yakindakiotocekici.net/hizmetlerimiz" class="text-secondary text-decoration-none hover-warning">Ahtapot Çekici</a></li>
                </ul>
            </div>

            <!-- Col 3: Quick Links -->
            <div class="col-lg-2 col-md-6">
                <h6 class="text-white fw-bold text-uppercase mb-3 pb-2 border-bottom" style="border-color: rgba(245, 158, 11, 0.4) !important;">
                    Hızlı Bağlantılar
                </h6>
                <ul class="list-unstyled d-flex flex-column gap-2 small">
                    <li><a href="https://yakindakiotocekici.net" class="text-secondary text-decoration-none hover-warning">Anasayfa</a></li>
                    <li><a href="https://yakindakiotocekici.net/hizmet-bolgeleri" class="text-secondary text-decoration-none hover-warning">Hizmet Bölgeleri</a></li>
                    <li><a href="https://yakindakiotocekici.net/hakkimizda" class="text-secondary text-decoration-none hover-warning">Hakkımızda</a></li>
                    <li><a href="https://yakindakiotocekici.net/iletisim" class="text-secondary text-decoration-none hover-warning">İletişim</a></li>
                    <li><a href="https://yakindakiotocekici.net/sitemap.xml" class="text-secondary text-decoration-none hover-warning">Site Haritası (XML)</a></li>
                </ul>
            </div>

            <!-- Col 4: Trust & Coverage -->
            <div class="col-lg-4 col-md-6">
                <h6 class="text-white fw-bold text-uppercase mb-3 pb-2 border-bottom" style="border-color: rgba(245, 158, 11, 0.4) !important;">
                    İstanbul Çekici Ağı
                </h6>
                <p class="small text-muted mb-3">
                    Avrupa ve Anadolu yakasında ana arterler (E-5, TEM, Kuzey Marmara Otoyolu, Sahil Yolu) üzerinde konumlanmış hazır çekici filomuzla hizmetinizdeyiz.
                </p>
                <div class="p-3 rounded" style="background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.08);">
                    <div class="d-flex align-items-center justify-content-between mb-2">
                        <span class="text-white small fw-bold">Çalışma Saatleri</span>
                        <span class="badge bg-warning text-black fw-bold">7/24 AÇIK</span>
                    </div>
                    <div class="text-muted small">
                        Resmi tatiller, bayramlar ve hafta sonları dahil kesintisiz nöbetçi araçlar.
                    </div>
                </div>
            </div>
        </div>

        <!-- SEO District Cloud (Programmatic Internal Linking) -->
        <div class="mt-5 pt-4 border-top" style="border-color: rgba(255, 255, 255, 0.08) !important;">
            <h6 class="text-white fw-bold text-uppercase mb-3" style="font-size: 0.85rem; letter-spacing: 1px;">
                <i class="fas fa-map-pin me-2 text-warning"></i> İstanbul İlçeleri Oto Çekici Hizmet Bölgeleri:
            </h6>
                        <div class="d-flex flex-wrap gap-2">
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/adalar" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Adalar Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/arnavutkoy" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Arnavutköy Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/atasehir" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Ataşehir Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/avcilar" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Avcılar Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/bagcilar" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Bağcılar Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/bahcelievler" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Bahçelievler Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/bakirkoy" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Bakırköy Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/basaksehir" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Başakşehir Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/bayrampasa" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Bayrampaşa Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/besiktas" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Beşiktaş Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/beykoz" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Beykoz Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/beylikduzu" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Beylikdüzü Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/beyoglu" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Beyoğlu Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/buyukcekmece" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Büyükçekmece Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/catalca" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Çatalca Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/cekmekoy" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Çekmeköy Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/esenler" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Esenler Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/esenyurt" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Esenyurt Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/eyupsultan" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Eyüpsultan Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/fatih" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Fatih Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/gaziosmanpasa" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Gaziosmanpaşa Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/gungoren" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Güngören Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/kadikoy" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Kadıköy Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/kagithane" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Kağıthane Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/kartal" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Kartal Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/kucukcekmece" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Küçükçekmece Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/maltepe" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Maltepe Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/pendik" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Pendik Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/sancaktepe" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Sancaktepe Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/sariyer" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Sarıyer Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/silivri" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Silivri Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/sultanbeyli" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Sultanbeyli Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/sultangazi" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Sultangazi Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/sile" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Şile Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/sisli" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Şişli Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/tuzla" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Tuzla Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/umraniye" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Ümraniye Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/uskudar" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Üsküdar Çekici
                    </a>
                                    <a href="https://yakindakiotocekici.net/hizmet-bolgeleri/istanbul/zeytinburnu" class="badge text-decoration-none py-1 px-2" style="background: rgba(255, 255, 255, 0.05); color: #CBD5E1; font-weight: 500; font-size: 0.78rem; border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.2s;" onmouseover="this.style.borderColor='#F59E0B'; this.style.color='#F59E0B';" onmouseout="this.style.borderColor='rgba(255, 255, 255, 0.1)'; this.style.color='#CBD5E1';">
                        Zeytinburnu Çekici
                    </a>
                            </div>
        </div>
    </div>

    <!-- Bottom Copyright Bar -->
    <div class="py-3 border-top" style="border-color: rgba(255, 255, 255, 0.08) !important; background: #060910;">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-start small text-muted">
                    © 2026 Yakındaki Oto Çekici. Tüm hakları saklıdır.
                </div>
                <div class="col-md-6 text-center text-md-end small text-muted mt-2 mt-md-0">
                    İstanbul 7/24 En Yakın Acil Oto Kurtarma & Yol Yardım Rehberi
                </div>
            </div>
        </div>
    </div>
</footer>

<style>
.hover-warning:hover {
    color: #F59E0B !important;
    padding-left: 4px;
    transition: all 0.2s ease;
}
</style>

    <!-- Mobile Fixed Bottom CTA Bar -->
    <!-- Fixed Mobile Sticky Call Bar -->
<div class="mobile-sticky-bar d-md-none position-fixed bottom-0 start-0 end-0" style="z-index: 9999; background: rgba(15, 23, 42, 0.96); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-top: 2px solid #F59E0B; box-shadow: 0 -10px 25px rgba(0, 0, 0, 0.5); padding: 10px 14px;">
    <div class="container-fluid px-0">
        <div class="row g-2 align-items-center">
            <!-- Call Button (Main Action) -->
            <div class="col-7">
                <a href="tel:05535916468" class="btn w-100 d-flex align-items-center justify-content-center text-decoration-none shadow-sm" style="background: linear-gradient(135deg, #F59E0B 0%, #EAB308 100%); color: #000; font-weight: 800; border-radius: 12px; padding: 12px 8px; font-size: 0.95rem; letter-spacing: 0.3px; border: none;">
                    <i class="fas fa-phone-alt me-2 fa-shake"></i>
                    <span>HEMEN ARA</span>
                </a>
            </div>
            <!-- WhatsApp Button -->
            <div class="col-5">
                <a href="https://wa.me/905535916468?text=Merhaba%2C+en+yak%C4%B1n+%C3%A7ekici+i%C3%A7in+konum+payla%C5%9F%C4%B1yorum." target="_blank" rel="noopener noreferrer" class="btn w-100 d-flex align-items-center justify-content-center text-decoration-none shadow-sm" style="background: #25D366; color: #fff; font-weight: 700; border-radius: 12px; padding: 12px 8px; font-size: 0.95rem; border: none;">
                    <i class="fab fa-whatsapp me-2 fa-lg"></i>
                    <span>WhatsApp</span>
                </a>
            </div>
        </div>
    </div>
</div>

<style>
/* Safe area padding for mobile bottom bar */
@media (max-width: 767.98px) {
    body {
        padding-bottom: 70px !important;
    }
}
</style>

    <!-- Vendor Scripts -->
    <script src="https://yakindakiotocekici.net/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    </body>
</html>