Abdullah Can Küçükbeyazıt Diş Hekimi

<section id="hero" style="position:relative;overflow:hidden;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial;color:#111">
  <style>
    :root{--gold:#D8BF78;--gold2:#EEDCA5}
    #hero::before{
      content:"";position:fixed;inset:0;z-index:-1;
      background:
        radial-gradient(1200px 700px at 10% -10%, #fff 0%, var(--gold2) 55%, #fff 100%),
        linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0));
      background-attachment:fixed;
    }
    .wrap{max-width:1100px;margin:auto;padding:48px 20px}
    .title{font-size:clamp(34px,5vw,54px);letter-spacing:-.02em;margin:0 0 10px}
    .sub{font-size:clamp(15px,2vw,18px);color:#374151;margin:0 0 14px}
    .badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}
    .badge{border:1px solid rgba(17,17,17,.1);background:linear-gradient(#fff,var(--gold2));
      padding:8px 12px;border-radius:999px;font-size:13px}
    .cta{display:flex;flex-wrap:wrap;gap:10px}
    .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:999px;
      text-decoration:none;font-weight:700;border:1px solid #111;color:#111;background:#fff}
    .btn--gold{background:linear-gradient(180deg,var(--gold),var(--gold2));border-color:rgba(0,0,0,.2)}
    .hero-media{border:1px solid rgba(17,17,17,.1);border-radius:18px;overflow:hidden;min-height:240px;background:#fff}
    @media(min-width:900px){.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}}
  </style>

  <div class="wrap grid" itemscope itemtype="https://schema.org/Dentist">
    <div>
      <h1 class="title" itemprop="name">Abdullah Can Küçükbeyazıt – Diş Hekimi</h1>
      <p class="sub" itemprop="description">Ağrısız, şeffaf ve planlı tedavi. İlk görüşmeyi bugün planlayın.</p>
      <div class="badges">
        <span class="badge">Hijyen Protokolü</span><span class="badge">Hızlı Randevu</span><span class="badge">Şeffaf Ücret</span>
      </div>
      <p class="sub">Çevreyolu üzeri, Ekinci Kavşağı, Antakya / Hatay</p>
      <div class="cta">
        <a class="btn btn--gold" href="tel:+905340411196">Telefonla Ara</a>
        <a class="btn" href="https://wa.me/905340411196?text=Merhaba%2C%20randevu%20almak%20istiyorum." target="_blank" rel="noopener">WhatsApp</a>
      </div>
    </div>
    <div class="hero-media">
      <!-- İstersen buraya bir görsel koy -->
      <img src="https://picsum.photos/900/650" alt="Klinik" style="width:100%;height:100%;object-fit:cover">
    </div>
  </div>
</section>