<!-- ===================== ABOUT PAGE (UPDATED) ===================== --> <section class="pt-about"> <div class="container-sub"> <!-- HERO --> <header class="pt-about-hero"> <div class="pt-about-hero-bg" aria-hidden="true"></div> <div class="pt-about-hero-inner"> <div class="pt-about-badge">PREMIER TUR</div> <h1 class="pt-about-title">Premium VIP Transfer Deneyimi</h1> <p class="pt-about-sub"> İstanbul merkezli <strong>VIP transfer</strong> ve <strong>şoförlü araç</strong> hizmetlerimizle; <strong>havalimanı transferi</strong>, <strong>şehir içi</strong> ve <strong>şehir dışı ulaşım</strong> ihtiyaçlarınız için güvenli, konforlu ve prestijli çözümler sunuyoruz. </p> <div class="pt-about-hero-actions"> <a class="pt-about-btn pt-about-btn-main" href="tel:+905322047795">Hemen Ara</a> <a class="pt-about-btn pt-about-btn-ghost" target="_blank" href="https://wa.me/905322047795?text=Merhaba%2C%20Premier%20Tur%20VIP%20transfer%20hizmetleriniz%20hakk%C4%B1nda%20bilgi%20almak%20istiyorum."> WhatsApp ile Yaz </a> </div> <div class="pt-about-trust"> <div class="pt-about-trust-item"><span class="pt-about-dot">✓</span> TURSAB Dijital Doğrulamalı</div> <div class="pt-about-trust-item"><span class="pt-about-dot">✓</span> Lisanslı &amp; Sigortalı VIP Hizmet</div> <div class="pt-about-trust-item"><span class="pt-about-dot">✓</span> Profesyonel, Deneyimli Şoförler</div> <div class="pt-about-trust-item"><span class="pt-about-dot">✓</span> 7/24 Destek &amp; Rezervasyon</div> </div> </div> </header> <!-- BİZ KİMİZ --> <section class="pt-about-block"> <h2 class="pt-about-h2">Biz Kimiz?</h2> <p class="pt-about-p"> <strong>Premier Tur</strong>, İstanbul’da faaliyet gösteren bir <strong>VIP transfer</strong> markasıdır. Kurulduğumuz günden bu yana; yerli ve yabancı misafirlerimiz, iş insanları ve kurumsal firmalar için <strong>zamanında karşılama</strong>, <strong>sabit fiyat</strong> ve <strong>premium araç</strong> standartlarıyla güvenilir ulaşım çözümleri sunuyoruz. </p> <p class="pt-about-p"> İstanbul Havalimanı (IST) ve Sabiha Gökçen (SAW) başta olmak üzere; şehir içi transfer, şehir dışı transfer, özel gün organizasyonları ve kurumsal anlaşmalar için transfer planlamasını uçuş bilgilerinize ve programınıza göre titizlikle yaparız. </p> </section> <!-- NEDEN PREMIER TUR --> <section class="pt-about-block"> <h2 class="pt-about-h2">Neden Premier Tur?</h2> <div class="pt-about-grid"> <article class="pt-about-card"> <div class="pt-about-ic" aria-hidden="true"> <!-- LOCK --> <svg viewBox="0 0 24 24" class="pt-ic-svg"><path d="M17 10h-1V8a4 4 0 0 0-8 0v2H7a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2Zm-7-2a2 2 0 0 1 4 0v2h-4V8Zm3 9.73V19h-2v-1.27a2 2 0 1 1 2 0Z"/></svg> </div> <h3 class="pt-about-h3">Güven &amp; Resmiyet</h3> <p class="pt-about-p2"> TURSAB kayıt/doğrulama yapısı ile güveni şeffaflaştırır; yasal, düzenli ve profesyonel hizmet sunarız. </p> </article> <article class="pt-about-card"> <div class="pt-about-ic" aria-hidden="true"> <!-- CAR --> <svg viewBox="0 0 24 24" class="pt-ic-svg"><path d="M18.92 6.01A2 2 0 0 0 17.09 5H6.91A2 2 0 0 0 5.08 6.01L3 10v8a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1h10v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-8l-2.08-3.99ZM6.91 7h10.18l1.04 2H5.87l1.04-2ZM7 15a2 2 0 1 1 0-4 2 2 0 0 1 0 4Zm10 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"/></svg> </div> <h3 class="pt-about-h3">Premium Araç Standardı</h3> <p class="pt-about-p2"> Son model, bakımlı ve temiz VIP araçlar; konforlu sürüş ve geniş bagaj seçenekleri. </p> </article> <article class="pt-about-card"> <div class="pt-about-ic" aria-hidden="true"> <!-- TIE --> <svg viewBox="0 0 24 24" class="pt-ic-svg"><path d="M16 2H8l3 5-3 3 4 12 4-12-3-3 3-5Zm-4 18-2.12-6.36L12 12.5l2.12 1.14L12 20Z"/></svg> </div> <h3 class="pt-about-h3">Profesyonel Şoförler</h3> <p class="pt-about-p2"> Deneyimli, güler yüzlü ve gizliliğe önem veren şoförlerle stressiz ve güvenli yolculuk. </p> </article> <article class="pt-about-card"> <div class="pt-about-ic" aria-hidden="true"> <!-- COMPASS --> <svg viewBox="0 0 24 24" class="pt-ic-svg"><path d="M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8 8 8 0 0 1-8 8Zm3.53-11.53-2.12 6.36-6.36 2.12 2.12-6.36 6.36-2.12ZM10.6 13.4l2.8-.93.93-2.8-2.8.93-.93 2.8Z"/></svg> </div> <h3 class="pt-about-h3">Size Özel Planlama</h3> <p class="pt-about-p2"> Uçuş saatlerinize, rota tercihlerinize ve özel taleplerinize göre esnek planlama (mola/çoklu durak). </p> </article> </div> <!-- GÖRSEL ALANI (SADECE FOTO) - başlık yok --> <section class="pt-about-services-visual" aria-label="Hizmet Görselleri"> <!-- pathleri hizmetler sayfasındaki gerçek dosyalarla değiştir --> <div class="pt-about-imgbox"><img src="https://premiertur.com/uploads/Files/1765427420_ARAC%20ICI.jpg" alt="VIP Transfer" loading="lazy"></div> <div class="pt-about-imgbox"><img src="https://premiertur.com/uploads/Files/1765547465_logopremier.jpeg" alt="Havalimanı Transferi" loading="lazy"></div> <div class="pt-about-imgbox"><img src="https://premiertur.com/uploads/Files/1765427364_UNLU%20BANNER.jpg" alt="Şoförlü Araç" loading="lazy"></div> </section> </section> <!-- MİSYON / VİZYON --> <section class="pt-about-block pt-about-split"> <div class="pt-about-split-card"> <h2 class="pt-about-h2">Misyonumuz</h2> <p class="pt-about-p"> Misafirlerimize sadece bir transfer değil; <strong>güvenli</strong>, <strong>stressiz</strong> ve <strong>premium</strong> bir yolculuk deneyimi sunmak. </p> </div> <div class="pt-about-split-card"> <h2 class="pt-about-h2">Vizyonumuz</h2> <p class="pt-about-p"> VIP ulaşım alanında İstanbul’un ve Türkiye’nin en güvenilir premium markalarından biri olmak; hizmet kalitesini sürekli ileri taşımak. </p> </div> </section> <!-- TURSAB DOĞRULAMA --> <section class="pt-about-tursab" aria-label="TURSAB Dijital Doğrulama"> <div class="pt-about-tursab-left"> <div class="pt-about-tursab-badge">TURSAB Dijital Doğrulama</div> <h2 class="pt-about-h2 pt-about-h2-white">Resmi ve Güvenilir Hizmet</h2> <p class="pt-about-p pt-about-p-white"> Premier Tur, <strong>TURSAB (Türkiye Seyahat Acentaları Birliği)</strong> dijital doğrulama sisteminde yer alan, kayıtlı bir turizm firmasıdır. Doğrulamayı resmi sayfadan görüntüleyebilirsiniz. </p> <div class="pt-about-tursab-actions"> <a class="pt-about-btn pt-about-btn-main" target="_blank" href="https://www.tursab.org.tr/tr/ddsv"> TURSAB Doğrulamayı Aç </a> <a class="pt-about-btn pt-about-btn-ghost" target="_blank" href="https://www.tursab.org.tr/tr/ddsv"> Doğrulamayı Gör → </a> </div> </div> <div class="pt-about-tursab-right"> <img class="pt-about-tursab-img" src="https://premiertur.com/frontend/tursab-dds-6508.png" alt="Premier Tur TURSAB Dijital Doğrulama" loading="lazy"> </div> </section> <!-- KİMLERE HİZMET --> <section class="pt-about-block"> <h2 class="pt-about-h2">Kimlere Hizmet Veriyoruz?</h2> <ul class="pt-about-list"> <li><span class="pt-about-dot">✓</span> Yerli &amp; yabancı misafirler</li> <li><span class="pt-about-dot">✓</span> Kurumsal firmalar &amp; yöneticiler</li> <li><span class="pt-about-dot">✓</span> İş seyahatleri, fuar ve organizasyon ekipleri</li> <li><span class="pt-about-dot">✓</span> Düğün, nişan ve özel gün transferleri</li> <li><span class="pt-about-dot">✓</span> Sağlık turizmi misafirleri (otel–hastane–havalimanı)</li> </ul> </section> <!-- CTA --> <section class="pt-about-cta"> <h2 class="pt-about-cta-title">Transferinizi Güvenle Planlayın</h2> <p class="pt-about-cta-sub"> Tarih–saat, güzergâh ve yolcu sayısını iletin; size en uygun aracı ve planı hemen oluşturalım. </p> <div class="pt-about-hero-actions"> <a class="pt-about-btn pt-about-btn-main" href="tel:+905322047795">Hemen Ara</a> <a class="pt-about-btn pt-about-btn-ghost" target="_blank" href="https://wa.me/905322047795?text=Merhaba%2C%20VIP%20transfer%20icin%20rezervasyon%20olusturmak%20istiyorum.%20Tarih%2Fsaat%3A%20%20Guzergah%3A%20%20Yolcu%20sayisi%3A"> WhatsApp ile Rezervasyon </a> </div> </section> </div> </section> <style> /* ===================== BASE ===================== */ .pt-about{ padding:70px 0; background:#ffffff; } .pt-about *{ box-sizing:border-box; } .pt-about .container-sub{ max-width:1150px; margin:0 auto; padding:0 16px; } /* ===================== HERO (OKUNURLUK: CAM PANEL) ===================== */ .pt-about-hero{ border-radius:26px; padding:42px 28px; position:relative; overflow:hidden; background: radial-gradient(circle at top center, #1a1f24 0%, #111418 58%, #0c0f12 100%); border:1px solid rgba(244,216,155,.16); } .pt-about-hero-bg{ position:absolute; inset:0; background: radial-gradient(900px 380px at 50% 0%, rgba(244,216,155,.10), transparent 55%), linear-gradient(180deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.86) 55%, rgba(0,0,0,.92) 100%); pointer-events:none; z-index:1; } /* cam panel -> yazıyı %100 okutuyor */ .pt-about-hero-inner{ position:relative; z-index:2; text-align:center; max-width:920px; margin:0 auto; padding:28px 18px; border-radius:22px; background: rgba(0,0,0,.52); border: 1px solid rgba(244,216,155,.18); box-shadow: 0 22px 60px rgba(0,0,0,.35); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .pt-about-badge{ display:inline-block; padding:8px 16px; border-radius:999px; background:#0f3e2c; color:#a6f5d0; letter-spacing:1px; font-size:12.5px; margin-bottom:14px; } .pt-about-title{ color:#FFF !important; font-weight:900 !important; margin:0 0 12px; line-height:1.12; font-size: clamp(26px, 3.2vw, 44px); text-shadow:0 10px 34px rgba(0,0,0,.85); } .pt-about-sub{ color:#fff !important; opacity:1 !important; max-width:860px; margin:0 auto 18px; font-size:15.8px; line-height:1.75; } .pt-about-sub strong{ color:#FFE9B3 !important; } .pt-about-hero-actions{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:14px; } .pt-about-btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:999px; text-decoration:none; font-size:14px; min-height:44px; white-space:nowrap; } .pt-about-btn-main{ background:linear-gradient(135deg,#f7e8b2,#c99b3b); color:#111; font-weight:900; box-shadow: 0 14px 34px rgba(0,0,0,.25); } .pt-about-btn-ghost{ border:1px solid rgba(244,216,155,.50); color:#FFE9B3 !important; background:rgba(255,255,255,0.05); } .pt-about-trust{ margin-top:16px; display:flex; gap:10px; justify-content:center; flex-wrap:wrap; } .pt-about-trust-item{ color:#fff !important; opacity:1 !important; font-size:13px; padding:9px 12px; border-radius:14px; background:rgba(255,255,255,0.06); border:1px solid rgba(95,255,164,0.14); } /* ===================== TYPO ===================== */ .pt-about-block{ margin-top:36px; } .pt-about-h2{ font-size:26px; margin:0 0 10px; font-weight:900; color:#111; } .pt-about-h3{ font-size:18px; margin:0 0 8px; font-weight:900; color:#111; } .pt-about-p{ color:#333; font-size:15px; line-height:1.75; margin:0 0 12px; } .pt-about-p2{ color:#444; font-size:14px; line-height:1.65; margin:0; } /* ===================== GRID CARDS ===================== */ .pt-about-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; margin-top:14px; } .pt-about-card{ border-radius:18px; padding:18px 16px; background:#fff; border:1px solid rgba(0,0,0,0.06); box-shadow:0 12px 30px rgba(0,0,0,0.05); } .pt-about-ic{ width:46px; height:46px; border-radius:14px; display:flex; align-items:center; justify-content:center; background: rgba(201,155,59,0.10); border:1px solid rgba(201,155,59,0.22); margin-bottom:10px; } .pt-ic-svg{ width:22px; height:22px; fill:#6f5418; /* resmi, altın ton */ opacity:.95; } /* ===================== SERVICES (SADECE FOTO) ===================== */ .pt-about-services-visual{ margin-top:22px; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .pt-about-imgbox{ border-radius:18px; overflow:hidden; background:#0c0f12; border:1px solid rgba(0,0,0,.08); box-shadow:0 12px 30px rgba(0,0,0,.10); } .pt-about-imgbox img{ width:100%; height:220px; object-fit:cover; display:block; } /* ===================== SPLIT ===================== */ .pt-about-split{ display:grid; grid-template-columns:1fr 1fr; gap:14px; } .pt-about-split-card{ border-radius:18px; padding:18px 16px; background:#fffaf0; border:1px solid rgba(201,155,59,0.25); } /* ===================== TURSAB (OKUNURLUK) ===================== */ .pt-about-tursab{ margin-top:36px; border-radius:24px; padding:22px; background: radial-gradient(circle at top center, #1a1f24 0%, #111418 55%, #0c0f12 100%); border:1px solid rgba(244,216,155,.18); display:grid; grid-template-columns: 1.3fr .7fr; gap:16px; align-items:center; overflow:hidden; position:relative; } .pt-about-tursab::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,0.80); z-index:1; pointer-events:none; } .pt-about-tursab-left, .pt-about-tursab-right{ position:relative; z-index:2; } .pt-about-tursab-badge{ display:inline-block; padding:7px 14px; border-radius:999px; background:#0f3e2c; color:#a6f5d0; font-size:12.5px; letter-spacing:1px; margin-bottom:10px; } .pt-about-h2-white{ color:#fff !important; font-weight:900; text-shadow:0 12px 28px rgba(0,0,0,.55); } .pt-about-p-white{ color:#fff !important; opacity:1 !important; font-size:14.6px; line-height:1.75; } .pt-about-tursab-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top:10px; } .pt-about-tursab-img{ width:100%; max-width:360px; border-radius:18px; border:1px solid rgba(244,216,155,.22); box-shadow: 0 18px 44px rgba(0,0,0,0.30); display:block; margin-left:auto; } /* ===================== LIST ===================== */ .pt-about-list{ list-style:none; padding:0; margin:12px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:10px; } .pt-about-dot{ width:20px; height:20px; border-radius:999px; background: linear-gradient(135deg,#f7e8b2,#c99b3b); display:inline-flex; align-items:center; justify-content:center; color:#111; font-weight:900; font-size:12px; margin-right:8px; } .pt-about-list li{ color:#333; font-size:14px; } /* ===================== CTA ===================== */ .pt-about-cta{ margin-top:36px; border-radius:24px; padding:26px 18px; background:#fff7e6; border:1px solid rgba(201,155,59,0.25); text-align:center; } .pt-about-cta-title{ margin:0 0 8px; font-size:28px; font-weight:900; color:#111; } .pt-about-cta-sub{ margin:0 auto 12px; max-width:780px; color:#444; font-size:14.5px; line-height:1.65; } /* ===================== RESPONSIVE ===================== */ @media(max-width: 991px){ .pt-about-hero{ padding:28px 14px; } .pt-about-hero-inner{ padding:22px 14px; } .pt-about-grid{ grid-template-columns:1fr 1fr; } .pt-about-split{ grid-template-columns:1fr; } .pt-about-tursab{ grid-template-columns:1fr; } .pt-about-tursab-img{ margin:0; max-width:100%; } .pt-about-list{ grid-template-columns:1fr; } .pt-about-trust-item{ flex: 1 1 calc(50% - 10px); text-align:left; } } @media(max-width: 768px){ .pt-about-grid{ grid-template-columns:1fr !important; } .pt-about-services-visual{ grid-template-columns:1fr; } .pt-about-imgbox img{ height:210px; } /* whatsapp ikonları içeriğe binmesin */ .pt-about{ padding-bottom:110px; } .whatsapp, .phone{ bottom:14px !important; } } @media(max-width: 520px){ .pt-about-btn{ width:100%; max-width:420px; white-space:normal; } .pt-about-trust-item{ flex:1 1 100%; } } /* CTA WhatsApp Button Fix (Okunurluk) */ .pt-about-cta .pt-about-btn-ghost{ background:#ffffff !important; color:#111111 !important; border:2px solid #c99b3b !important; font-weight:800 !important; box-shadow:0 10px 26px rgba(0,0,0,0.12) !important; } .pt-about-cta .pt-about-btn-ghost:hover{ background:#f7e8b2 !important; color:#111111 !important; } </style>