Hizmetler

<section id="istanbul-tours-benefits"> <div class="istanbul-benefits-inner"> <h2 class="istanbul-benefits-title">İstanbul’u Size Özel Programlarla Keşfedin</h2> <div class="istanbul-benefits-row"> <!-- Kart 1 --> <div class="istanbul-benefit-card"> <div class="istanbul-benefit-icon"> <span>1</span> </div> <h3 class="istanbul-benefit-heading">Tarihi Yarımada & Klasik İstanbul Turu</h3> <ul class="istanbul-benefit-list"> <li>Sultanahmet, Ayasofya, Topkapı, Yerebatan Sarnıcı ve çevresini rehber eşliğinde keşfedin.</li> <li>Otelden alma – otele bırakma ve VIP araçla rahat ulaşım.</li> <li>Fotoğraf molaları, yürüyüş durakları ve size göre ayarlanmış tempoda gezi.</li> </ul> <a class="istanbul-benefit-btn" href="https://wa.me/905322047795?text=Merhaba%2C%20Tarihi%20Yarimada%20ve%20klasik%20%C4%B0stanbul%20turu%20program%C4%B1%20hakk%C4%B1nda%20detay%20bilgi%20almak%20istiyorum."> Detaylı Program İste </a> </div> <!-- Kart 2 --> <div class="istanbul-benefit-card"> <div class="istanbul-benefit-icon"> <span>2</span> </div> <h3 class="istanbul-benefit-heading">Boğaz & Manzara Turları</h3> <ul class="istanbul-benefit-list"> <li>Ortaköy, Bebek, Kuzguncuk, Çengelköy gibi Boğaz’ın en güzel semtlerinde keyifli duraklar.</li> <li>İsteğe bağlı Boğaz tekne turu veya yeme–içme durakları eklenebilir.</li> <li>Gün batımı fotoğraf noktaları ve romantik manzara rotaları.</li> </ul> <a class="istanbul-benefit-btn" href="https://wa.me/905322047795?text=Merhaba%2C%20Bo%C4%9Faz%20ve%20manzara%20a%C4%9F%C4%B1rl%C4%B1kl%C4%B1%20%C4%B0stanbul%20turu%20i%C3%A7in%20teklif%20almak%20istiyorum."> Boğaz Turu Teklifi Al </a> </div> <!-- Kart 3 --> <div class="istanbul-benefit-card"> <div class="istanbul-benefit-icon"> <span>3</span> </div> <h3 class="istanbul-benefit-heading">Gastronomi, Alışveriş & Özel İlgi Turları</h3> <ul class="istanbul-benefit-list"> <li>Gurme duraklar, kahve–tatlı rotaları veya yerel lezzetleri keşfedeceğiniz özel programlar.</li> <li>Alışveriş, outlet veya butik ziyaretleri için kişiye özel şehir turu.</li> <li>Fotoğraf, sanat, tarih veya iş misafirlerinize özel premium city tour seçenekleri.</li> </ul> <a class="istanbul-benefit-btn" href="https://wa.me/905322047795?text=Merhaba%2C%20%C3%B6zel%20ilgilerime%20g%C3%B6re%20haz%C4%B1rlanacak%20%C4%B0stanbul%20turu%20planlamak%20istiyorum."> Özel Tur Planla </a> </div> </div> </div> </section> <style> /* Arka plan – yumuşak gold geçiş */ #istanbul-tours-benefits{ padding:50px 0; background:linear-gradient(180deg,#fff7e7 0%,#ffffff 80%); } .istanbul-benefits-inner{ max-width:1100px; margin:0 auto; padding:0 20px; text-align:center; } .istanbul-benefits-title{ font-size:26px; font-weight:700; margin-bottom:35px; color:#111827; } .istanbul-benefits-row{ display:flex; gap:20px; justify-content:center; flex-wrap:wrap; } .istanbul-benefit-card{ background:#ffffff; border-radius:22px; padding:26px 24px 30px; box-shadow:0 18px 45px rgba(15,23,42,0.10); max-width:330px; width:100%; position:relative; overflow:hidden; transition:transform .25s ease, box-shadow .25s ease; } .istanbul-benefit-card::before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at top,rgba(255,215,141,0.35),transparent 55%); opacity:0; transition:opacity .25s ease; z-index:-1; } .istanbul-benefit-card:hover{ transform:translateY(-6px); box-shadow:0 26px 55px rgba(15,23,42,0.18); } .istanbul-benefit-card:hover::before{ opacity:1; } .istanbul-benefit-icon{ width:54px; height:54px; border-radius:50%; margin:0 auto 14px; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 30% 20%,#fff6da 0%,#f6c96b 45%,#e2a53a 100%); box-shadow:0 10px 25px rgba(234,179,8,0.55); color:#111827; font-weight:600; font-size:18px; } .istanbul-benefit-heading{ font-size:18px; font-weight:600; margin-bottom:10px; color:#111827; } .istanbul-benefit-list{ list-style:none; padding:0; margin:0 0 18px; font-size:13px; line-height:1.55; color:#4b5563; text-align:left; } .istanbul-benefit-list li{ margin-bottom:6px; position:relative; padding-left:14px; } .istanbul-benefit-list li::before{ content:"•"; position:absolute; left:0; top:0; color:#f59e0b; } .istanbul-benefit-btn{ display:inline-flex; align-items:center; justify-content:center; padding:9px 22px; border-radius:999px; border:1px solid #f4b41a; font-size:13px; font-weight:600; color:#111827; background:#fffbeb; text-decoration:none; transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease; } .istanbul-benefit-btn:hover{ background:#f4b41a; color:#111827; box-shadow:0 12px 24px rgba(234,179,8,0.45); transform:translateY(-1px); } /* Mobil düzen */ @media (max-width:768px){ #istanbul-tours-benefits{padding:40px 0;} .istanbul-benefits-title{font-size:22px;margin-bottom:24px;} .istanbul-benefits-row{flex-direction:column;align-items:stretch;} .istanbul-benefit-card{max-width:100%;} } </style>