<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="675" viewBox="0 0 1200 675">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#061126"/>
      <stop offset="0.48" stop-color="#063f5c"/>
      <stop offset="1" stop-color="#00a98f"/>
    </linearGradient>
    <radialGradient id="glow" cx="78%" cy="22%" r="48%">
      <stop offset="0" stop-color="#ffe7a0" stop-opacity="0.95"/>
      <stop offset="1" stop-color="#ffe7a0" stop-opacity="0"/>
    </radialGradient>
    <linearGradient id="gold" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#fff2b8"/>
      <stop offset="0.45" stop-color="#d6a32a"/>
      <stop offset="1" stop-color="#8a5a09"/>
    </linearGradient>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="18" stdDeviation="18" flood-color="#020817" flood-opacity="0.34"/>
    </filter>
    <pattern id="pattern" width="58" height="58" patternUnits="userSpaceOnUse" patternTransform="rotate(30)">
      <path d="M29 4 L54 29 L29 54 L4 29 Z" fill="none" stroke="#ffffff" stroke-opacity="0.08" stroke-width="2"/>
      <circle cx="29" cy="29" r="5" fill="#ffffff" fill-opacity="0.05"/>
    </pattern>
  </defs>
  <rect width="1200" height="675" fill="url(#bg)"/>
  <rect width="1200" height="675" fill="url(#pattern)"/>
  <rect width="1200" height="675" fill="url(#glow)"/>
  <path d="M0 520 C160 448 294 468 430 526 C584 592 760 582 914 506 C1050 438 1140 452 1200 484 L1200 675 L0 675 Z" fill="#021827" opacity="0.78"/>
  <circle cx="1016" cy="126" r="86" fill="url(#gold)" opacity="0.98"/>
  <circle cx="985" cy="102" r="86" fill="#123047" opacity="0.98"/>
  <path d="M865 462 L910 384 L955 462 Z" fill="#ffffff" opacity="0.88"/>
  <path d="M925 444 L985 338 L1046 444 Z" fill="#ffffff" opacity="0.58"/>
  <rect x="900" y="462" width="110" height="74" rx="14" fill="#f8fafc" opacity="0.94"/>
  <rect x="937" y="390" width="38" height="162" rx="10" fill="#d6a32a" opacity="0.92"/>
  <path d="M750 535 C830 476 925 478 1018 530 C1080 564 1140 566 1200 542 L1200 675 L720 675 Z" fill="#f4d06f" opacity="0.18"/>
  <rect x="64" y="60" width="1072" height="555" rx="38" fill="#ffffff" opacity="0.10" stroke="#ffffff" stroke-opacity="0.30"/>
  <rect x="92" y="86" width="236" height="42" rx="21" fill="#ffffff" opacity="0.94"/>
  <text x="116" y="114" fill="#063f5c" font-family="Arial, Helvetica, sans-serif" font-size="18" font-weight="800" letter-spacing="2">UMROH</text>
  <text x="92" y="182" fill="#ffdf7a" font-family="Arial, Helvetica, sans-serif" font-size="35" font-weight="900">Tanur Travel</text>
  <foreignObject x="92" y="212" width="710" height="214">
    <div xmlns="http://www.w3.org/1999/xhtml" style="font-family:Arial, Helvetica, sans-serif;color:white;font-size:46px;font-weight:900;line-height:1.08;letter-spacing:0;text-shadow:0 12px 28px rgba(0,0,0,.30)">Memahami Biaya Badal Umroh 2025:  Ibadah Yang Berhalangan Dengan Tanur</div>
  </foreignObject>
  <foreignObject x="92" y="430" width="690" height="82">
    <div xmlns="http://www.w3.org/1999/xhtml" style="font-family:Arial, Helvetica, sans-serif;color:#e8fbf5;font-size:22px;font-weight:650;line-height:1.34">Panduan lengkap mengenai biaya badal umroh, syarat, dan mengapa Tanur Travel adalah pilihan terpercaya untuk melaksanakan ibadah ini</div>
  </foreignObject>
  <rect x="92" y="532" width="430" height="56" rx="28" fill="url(#gold)" filter="url(#shadow)"/>
  <text x="122" y="568" fill="#061126" font-family="Arial, Helvetica, sans-serif" font-size="22" font-weight="900">Konsultasi Jadwal &amp; Biaya Sekarang</text>
  <rect x="548" y="532" width="320" height="56" rx="28" fill="#ffffff" opacity="0.93"/>
  <text x="574" y="568" fill="#063f5c" font-family="Arial, Helvetica, sans-serif" font-size="20" font-weight="900">Biaya Badal Umroh 2025</text>
  <g transform="translate(838 170)" filter="url(#shadow)">
    <rect x="0" y="0" width="232" height="306" rx="28" fill="#ffffff" opacity="0.14" stroke="#ffffff" stroke-opacity="0.35"/>
    <path d="M116 28 C74 58 54 90 54 130 L54 260 L178 260 L178 130 C178 90 158 58 116 28 Z" fill="#ffffff" opacity="0.90"/>
    <path d="M116 54 C88 78 76 102 76 133 L76 238 L156 238 L156 133 C156 102 144 78 116 54 Z" fill="#063f5c" opacity="0.92"/>
    <circle cx="116" cy="116" r="30" fill="#d6a32a" opacity="0.88"/>
    <rect x="88" y="154" width="56" height="84" rx="26" fill="#f8fafc" opacity="0.96"/>
  </g>
</svg>