Kasko

15 Mayıs 2026 Cuma, 19:03

<div style="font-family: 'Inter', Arial, sans-serif; color:#1f2937; background:#fff;">

 <section style="background:linear-gradient(135deg,#ff7a00 0%,#114437 100%); padding:90px 20px; text-align:center; color:#fff;">
   <div style="max-width:980px; margin:0 auto;">
     <div style="display:inline-flex; align-items:center; justify-content:center; width:74px; height:74px; border-radius:50%; background:#fff; margin-bottom:22px; box-shadow:0 10px 30px rgba(0,0,0,.15);">
       <span style="font-size:34px; color:#ff7a00;">🚗</span>
     </div>
     <h1 style="font-size:38px; line-height:1.25; margin:0 0 14px; font-weight:800;">
       Kasko Sigortası ile Aracınızı Güvence Altına Alın
     </h1>
     <p style="font-size:16px; line-height:1.8; color:rgba(255,255,255,.82); max-width:720px; margin:0 auto 30px;">
       Kasko sigortası; aracınızı kaza, çarpma, çalınma, yanma ve doğal afet gibi beklenmedik risklere karşı koruyan isteğe bağlı araç sigortasıdır.
     </p>
     <a href="#teklif-al" style="display:inline-block; background:#ff7a00; color:#fff; text-decoration:none; padding:14px 30px; border-radius:12px; font-weight:700; box-shadow:0 12px 28px rgba(255,122,0,.35);">
       Hemen Kasko Teklifi Al →
     </a>
   </div>
 </section>

 <section style="padding:70px 20px; background:#f8fafc;">
   <div style="max-width:1120px; margin:0 auto;">
     <div style="text-align:center; margin-bottom:46px;">
       <h2 style="font-size:30px; margin:0 0 10px; font-weight:800; color:#111827;">
         Kasko Sigortası Neleri Kapsar?
       </h2>
       <p style="font-size:15px; color:#6b7280; margin:0;">
         Aracınız için ihtiyacınıza uygun geniş teminat seçeneklerini karşılaştırın.
       </p>
     </div>

     <div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:22px;">
       <div style="background:#fff; border-radius:18px; padding:28px; box-shadow:0 12px 35px rgba(15,23,42,.06);">
         <div style="font-size:28px; color:#ff7a00; margin-bottom:14px;">🛡️</div>
         <h3 style="font-size:18px; margin:0 0 10px; color:#111827;">Çarpma ve Çarpılma</h3>
         <p style="font-size:14px; line-height:1.7; color:#6b7280; margin:0;">
           Aracınızın başka bir araçla, cisimle ya da sabit bir engelle çarpışması sonucu oluşan hasarları karşılar.
         </p>
       </div>

       <div style="background:#fff; border-radius:18px; padding:28px; box-shadow:0 12px 35px rgba(15,23,42,.06);">
         <div style="font-size:28px; color:#ff7a00; margin-bottom:14px;">🔥</div>
         <h3 style="font-size:18px; margin:0 0 10px; color:#111827;">Yanma Teminatı</h3>
         <p style="font-size:14px; line-height:1.7; color:#6b7280; margin:0;">
           Aracınızda meydana gelebilecek yangın kaynaklı zararlar poliçe kapsamına göre güvence altına alınır.
         </p>
       </div>

       <div style="background:#fff; border-radius:18px; padding:28px; box-shadow:0 12px 35px rgba(15,23,42,.06);">
         <div style="font-size:28px; color:#ff7a00; margin-bottom:14px;">🔑</div>
         <h3 style="font-size:18px; margin:0 0 10px; color:#111827;">Çalınma ve Hırsızlık</h3>
         <p style="font-size:14px; line-height:1.7; color:#6b7280; margin:0;">
           Aracın çalınması veya çalınmaya teşebbüs sırasında oluşabilecek zararlar için koruma sağlar.
         </p>
       </div>

       <div style="background:#fff; border-radius:18px; padding:28px; box-shadow:0 12px 35px rgba(15,23,42,.06);">
         <div style="font-size:28px; color:#ff7a00; margin-bottom:14px;">🌧️</div>
         <h3 style="font-size:18px; margin:0 0 10px; color:#111827;">Doğal Afetler</h3>
         <p style="font-size:14px; line-height:1.7; color:#6b7280; margin:0;">
           Sel, dolu, fırtına, deprem ve heyelan gibi doğal afetlerden kaynaklanan zararlar ek teminatlarla korunabilir.
         </p>
       </div>
     </div>
   </div>
 </section>

 <section style="padding:80px 20px; background:#fff;">
   <div style="max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:48px; align-items:center;">
     <div>
       <img src="/images/kasko-sigortasi.jpg" alt="Kasko Sigortası" style="width:100%; border-radius:18px; box-shadow:0 18px 45px rgba(15,23,42,.14); display:block;">
     </div>

     <div>
       <h2 style="font-size:32px; line-height:1.3; margin:0 0 18px; color:#111827; font-weight:800;">
         Aracınız İçin En Uygun Kasko Tekliflerini Keşfedin
       </h2>
       <p style="font-size:15px; line-height:1.8; color:#6b7280; margin:0 0 22px;">
         Kasko sigortası, aracınızı yalnızca trafikte değil; park halindeyken, doğal afetlerde, hırsızlık durumlarında ve beklenmedik birçok riske karşı güvence altına alır.
       </p>

       <div style="display:grid; gap:13px; margin-bottom:28px;">
         <div style="display:flex; gap:10px; align-items:flex-start; color:#374151; font-size:14px;">
           <span style="color:#10b981; font-weight:800;">✓</span>
           Geniş kapsamlı kasko teminat seçenekleri
         </div>
         <div style="display:flex; gap:10px; align-items:flex-start; color:#374151; font-size:14px;">
           <span style="color:#10b981; font-weight:800;">✓</span>
           Anlaşmalı servis ve hızlı hasar desteği
         </div>
         <div style="display:flex; gap:10px; align-items:flex-start; color:#374151; font-size:14px;">
           <span style="color:#10b981; font-weight:800;">✓</span>
           İkame araç ve yol yardım avantajları
         </div>
         <div style="display:flex; gap:10px; align-items:flex-start; color:#374151; font-size:14px;">
           <span style="color:#10b981; font-weight:800;">✓</span>
           Farklı sigorta şirketlerinden teklif karşılaştırma
         </div>
       </div>

       <a href="#teklif-al" style="display:inline-block; background:#ff7a00; color:#fff; text-decoration:none; padding:13px 28px; border-radius:999px; font-size:14px; font-weight:700;">
         Teklifleri Karşılaştır →
       </a>
     </div>
   </div>
 </section>

 <section style="padding:70px 20px; background:#f8fafc;">
   <div style="max-width:1120px; margin:0 auto; display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:36px; align-items:center;">
     <div>
       <h2 style="font-size:30px; line-height:1.35; margin:0 0 16px; color:#111827; font-weight:800;">
         Neden Kasko Sigortası Yaptırmalısınız?
       </h2>
       <p style="font-size:15px; line-height:1.8; color:#6b7280; margin:0 0 22px;">
         Trafik sigortası karşı tarafın zararını karşılarken, kasko sigortası kendi aracınızı korur. Bu nedenle aracınızın değerini ve bütçenizi güvence altına almak için kasko önemli bir tamamlayıcı sigortadır.
       </p>

       <div style="background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:20px; display:flex; gap:14px; align-items:flex-start;">
         <div style="width:42px; height:42px; border-radius:12px; background:#ecfdf5; color:#10b981; display:flex; align-items:center; justify-content:center; font-size:22px;">
           ✓
         </div>
         <div>
           <h3 style="font-size:16px; margin:0 0 6px; color:#111827;">Beklenmedik Masraflara Karşı Koruma</h3>
           <p style="font-size:13px; line-height:1.7; color:#6b7280; margin:0;">
             Olası hasar durumlarında yüksek onarım maliyetleriyle tek başınıza karşılaşmazsınız.
           </p>
         </div>
       </div>
     </div>

     <div style="background:#fff; border-radius:22px; padding:30px; box-shadow:0 16px 42px rgba(15,23,42,.08);">
       <h3 style="font-size:22px; margin:0 0 22px; color:#111827;">Kasko Avantajları</h3>

       <div style="display:grid; gap:18px;">
         <div style="display:flex; justify-content:space-between; border-bottom:1px solid #eef2f7; padding-bottom:12px;">
           <span style="color:#6b7280; font-size:14px;">Hasar Onarım</span>
           <strong style="color:#ff7a00;">Var</strong>
         </div>
         <div style="display:flex; justify-content:space-between; border-bottom:1px solid #eef2f7; padding-bottom:12px;">
           <span style="color:#6b7280; font-size:14px;">İkame Araç</span>
           <strong style="color:#ff7a00;">Ek Teminat</strong>
         </div>
         <div style="display:flex; justify-content:space-between; border-bottom:1px solid #eef2f7; padding-bottom:12px;">
           <span style="color:#6b7280; font-size:14px;">Yol Yardım</span>
           <strong style="color:#ff7a00;">7/24</strong>
         </div>
         <div style="display:flex; justify-content:space-between;">
           <span style="color:#6b7280; font-size:14px;">Teklif Karşılaştırma</span>
           <strong style="color:#ff7a00;">Hızlı</strong>
         </div>
       </div>
     </div>
   </div>
 </section>

 <section id="teklif-al" style="padding:80px 20px; background:#fff;">
   <div style="max-width:900px; margin:0 auto; text-align:center;">
     <h2 style="font-size:31px; margin:0 0 12px; color:#111827; font-weight:800;">
       Kasko Sigortası Teklifinizi Dakikalar İçinde Alın
     </h2>
     <p style="font-size:15px; line-height:1.8; color:#6b7280; max-width:650px; margin:0 auto 34px;">
       Araç bilgilerinizi paylaşarak farklı sigorta şirketlerinden kasko tekliflerini karşılaştırabilir, bütçenize ve ihtiyacınıza en uygun poliçeyi seçebilirsiniz.
     </p>

     <div style="background:#fff; border-radius:22px; padding:26px; box-shadow:0 18px 50px rgba(15,23,42,.10); display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; text-align:left;">
       <input type="text" placeholder="Ad Soyad" style="height:48px; border:1px solid #e5e7eb; border-radius:10px; padding:0 14px; color:#374151; outline:none;">
       <input type="tel" placeholder="Telefon Numaranız" style="height:48px; border:1px solid #e5e7eb; border-radius:10px; padding:0 14px; color:#374151; outline:none;">
       <input type="text" placeholder="Araç Plakası" style="height:48px; border:1px solid #e5e7eb; border-radius:10px; padding:0 14px; color:#374151; outline:none;">
       <button style="height:48px; border:0; border-radius:10px; background:#ff7a00; color:#fff; font-weight:700; cursor:pointer;">
         Teklif Al →
       </button>
     </div>
   </div>
 </section>

 <section style="padding:70px 20px; background:#f8fafc;">
   <div style="max-width:980px; margin:0 auto;">
     <div style="text-align:center; margin-bottom:34px;">
       <h2 style="font-size:30px; margin:0 0 10px; color:#111827; font-weight:800;">
         Kasko Sigortası Hakkında Sıkça Sorulan Sorular
       </h2>
       <p style="font-size:14px; color:#6b7280; margin:0;">
         Kasko poliçesi almadan önce merak edilen temel bilgiler.
       </p>
     </div>

     <div style="display:grid; gap:14px;">
       <div style="background:#fff; border-radius:16px; padding:22px; box-shadow:0 10px 28px rgba(15,23,42,.05);">
         <h3 style="font-size:16px; margin:0 0 8px; color:#111827;">Kasko sigortası zorunlu mudur?</h3>
         <p style="font-size:14px; line-height:1.7; color:#6b7280; margin:0;">
           Hayır. Kasko sigortası zorunlu değildir; ancak aracınızı korumak için önemli bir isteğe bağlı sigortadır.
         </p>
       </div>

       <div style="background:#fff; border-radius:16px; padding:22px; box-shadow:0 10px 28px rgba(15,23,42,.05);">
         <h3 style="font-size:16px; margin:0 0 8px; color:#111827;">Trafik sigortası ile kasko arasındaki fark nedir?</h3>
         <p style="font-size:14px; line-height:1.7; color:#6b7280; margin:0;">
           Trafik sigortası karşı tarafın zararını karşılar. Kasko ise kendi aracınızda oluşan hasarları poliçe kapsamına göre güvence altına alır.
         </p>
       </div>

       <div style="background:#fff; border-radius:16px; padding:22px; box-shadow:0 10px 28px rgba(15,23,42,.05);">
         <h3 style="font-size:16px; margin:0 0 8px; color:#111827;">Kasko fiyatları nasıl belirlenir?</h3>
         <p style="font-size:14px; line-height:1.7; color:#6b7280; margin:0;">
           Araç markası, modeli, yaşı, kullanım ili, sürücü bilgileri, hasar geçmişi ve seçilen teminatlara göre fiyat değişebilir.
         </p>
       </div>
     </div>
   </div>
 </section>

</div>