<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 560" width="640" height="560" role="img" aria-label="Netlun dijital sistemler tanıtım görseli">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#0f172a"/>
      <stop offset="55%" stop-color="#1e293b"/>
      <stop offset="100%" stop-color="#0b1220"/>
    </linearGradient>
    <linearGradient id="brand" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#be0017"/>
      <stop offset="100%" stop-color="#ff4d61"/>
    </linearGradient>
    <linearGradient id="blueGrad" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#3b82f6"/>
      <stop offset="100%" stop-color="#60a5fa"/>
    </linearGradient>
    <linearGradient id="cardGrad" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#1e293b"/>
      <stop offset="100%" stop-color="#0f172a"/>
    </linearGradient>
    <radialGradient id="glow" cx="50%" cy="40%" r="60%">
      <stop offset="0%" stop-color="#be0017" stop-opacity="0.45"/>
      <stop offset="100%" stop-color="#be0017" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="glowBlue" cx="80%" cy="80%" r="50%">
      <stop offset="0%" stop-color="#3b82f6" stop-opacity="0.35"/>
      <stop offset="100%" stop-color="#3b82f6" stop-opacity="0"/>
    </radialGradient>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="18" stdDeviation="22" flood-color="#000" flood-opacity="0.55"/>
    </filter>
    <filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="6" stdDeviation="10" flood-color="#000" flood-opacity="0.25"/>
    </filter>
  </defs>

  <!-- Background card -->
  <rect width="640" height="560" fill="url(#bg)" rx="28"/>
  <rect width="640" height="560" fill="url(#glow)" rx="28"/>
  <rect width="640" height="560" fill="url(#glowBlue)" rx="28"/>

  <!-- Decorative shapes -->
  <circle cx="70" cy="70" r="50" fill="#be0017" fill-opacity="0.08"/>
  <circle cx="570" cy="490" r="80" fill="#3b82f6" fill-opacity="0.08"/>
  <circle cx="600" cy="80" r="3" fill="#ffffff" fill-opacity="0.6"/>
  <circle cx="40" cy="300" r="2" fill="#ffffff" fill-opacity="0.4"/>
  <circle cx="580" cy="280" r="2.5" fill="#ffffff" fill-opacity="0.5"/>

  <!-- Grid pattern -->
  <g stroke="#ffffff" stroke-opacity="0.04" stroke-width="1">
    <line x1="0" y1="140" x2="640" y2="140"/>
    <line x1="0" y1="280" x2="640" y2="280"/>
    <line x1="0" y1="420" x2="640" y2="420"/>
    <line x1="160" y1="0" x2="160" y2="560"/>
    <line x1="320" y1="0" x2="320" y2="560"/>
    <line x1="480" y1="0" x2="480" y2="560"/>
  </g>

  <!-- Title badge -->
  <g transform="translate(60, 55)">
    <rect x="0" y="0" width="180" height="34" rx="17" fill="#be0017" fill-opacity="0.15" stroke="#be0017" stroke-opacity="0.4"/>
    <circle cx="18" cy="17" r="4" fill="#be0017"/>
    <text x="32" y="22" font-family="'Inter', sans-serif" font-size="12" font-weight="700" fill="#ffffff">DIJITAL SISTEMLER</text>
  </g>

  <!-- Main title -->
  <text x="60" y="125" font-family="'Inter', sans-serif" font-size="32" font-weight="800" fill="#ffffff">NETLUN</text>
  <text x="220" y="125" font-family="'Inter', sans-serif" font-size="32" font-weight="300" fill="#94a3b8">Studio</text>

  <text x="60" y="160" font-family="'Inter', sans-serif" font-size="14" font-weight="400" fill="#cbd5e1">İşletmeniz için modern yazılım çözümleri</text>

  <!-- Main feature card - center -->
  <g filter="url(#shadow)" transform="translate(60, 200)">
    <rect width="520" height="180" rx="20" fill="url(#cardGrad)" stroke="#334155" stroke-opacity="0.5"/>

    <!-- Top row labels -->
    <g transform="translate(24, 28)">
      <rect width="86" height="22" rx="11" fill="#be0017" fill-opacity="0.2"/>
      <text x="43" y="15" font-family="'Inter', sans-serif" font-size="10" font-weight="700" fill="#ff8a96" text-anchor="middle">CANLI PANEL</text>
    </g>

    <!-- KPI 1 -->
    <g transform="translate(24, 70)">
      <text x="0" y="0" font-family="'Inter', sans-serif" font-size="11" font-weight="500" fill="#94a3b8">Aylık Ciro</text>
      <text x="0" y="32" font-family="'Inter', sans-serif" font-size="28" font-weight="800" fill="#ffffff">₺324.900</text>
      <g transform="translate(0, 48)">
        <rect width="64" height="20" rx="10" fill="#10b981" fill-opacity="0.18"/>
        <text x="32" y="14" font-family="'Inter', sans-serif" font-size="10" font-weight="700" fill="#34d399" text-anchor="middle">+24.6%</text>
      </g>
    </g>

    <!-- KPI 2 -->
    <g transform="translate(200, 70)">
      <text x="0" y="0" font-family="'Inter', sans-serif" font-size="11" font-weight="500" fill="#94a3b8">Net Kar Oranı</text>
      <text x="0" y="32" font-family="'Inter', sans-serif" font-size="28" font-weight="800" fill="#ffffff">%31</text>
      <g transform="translate(0, 48)">
        <rect width="78" height="20" rx="10" fill="#be0017" fill-opacity="0.18"/>
        <text x="39" y="14" font-family="'Inter', sans-serif" font-size="10" font-weight="700" fill="#ff8a96" text-anchor="middle">Stabil Karlılık</text>
      </g>
    </g>

    <!-- Mini chart KPI 3 -->
    <g transform="translate(360, 70)">
      <text x="0" y="0" font-family="'Inter', sans-serif" font-size="11" font-weight="500" fill="#94a3b8">Trafik &amp; Sipariş</text>
      <!-- Bars -->
      <g transform="translate(0, 12)">
        <rect x="0" y="40" width="10" height="20" rx="2" fill="url(#brand)" fill-opacity="0.7"/>
        <rect x="14" y="28" width="10" height="32" rx="2" fill="url(#brand)" fill-opacity="0.75"/>
        <rect x="28" y="18" width="10" height="42" rx="2" fill="url(#brand)" fill-opacity="0.8"/>
        <rect x="42" y="32" width="10" height="28" rx="2" fill="url(#brand)" fill-opacity="0.75"/>
        <rect x="56" y="8" width="10" height="52" rx="2" fill="url(#brand)"/>
        <rect x="70" y="20" width="10" height="40" rx="2" fill="url(#brand)" fill-opacity="0.8"/>
        <rect x="84" y="0" width="10" height="60" rx="2" fill="url(#brand)"/>
        <rect x="98" y="14" width="10" height="46" rx="2" fill="url(#brand)" fill-opacity="0.85"/>
      </g>
      <text x="0" y="92" font-family="'Inter', sans-serif" font-size="9" font-weight="600" fill="#64748b">SON 7 GÜN</text>
    </g>
  </g>

  <!-- Floating card top right - Growth -->
  <g filter="url(#softShadow)" transform="translate(440, 90)">
    <rect width="150" height="64" rx="14" fill="#ffffff"/>
    <g transform="translate(14, 14)">
      <rect width="34" height="34" rx="10" fill="#10b981" fill-opacity="0.15"/>
      <!-- Trending up icon -->
      <g transform="translate(8, 9)" stroke="#10b981" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <polyline points="0,12 6,6 10,10 18,2"/>
        <polyline points="13,2 18,2 18,7"/>
      </g>
    </g>
    <text x="58" y="28" font-family="'Inter', sans-serif" font-size="10" font-weight="500" fill="#64748b">Ciro Artışı</text>
    <text x="58" y="48" font-family="'Inter', sans-serif" font-size="18" font-weight="800" fill="#0f172a">+46.2%</text>
  </g>

  <!-- Bottom feature cards row -->
  <!-- Card: Web -->
  <g filter="url(#softShadow)" transform="translate(60, 420)">
    <rect width="120" height="100" rx="16" fill="#ffffff"/>
    <g transform="translate(16, 16)">
      <rect width="36" height="36" rx="10" fill="url(#brand)"/>
      <!-- Globe icon -->
      <g transform="translate(8, 8)" stroke="#ffffff" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <circle cx="10" cy="10" r="9"/>
        <line x1="1" y1="10" x2="19" y2="10"/>
        <path d="M10,1 C13,4 14,7 14,10 C14,13 13,16 10,19 C7,16 6,13 6,10 C6,7 7,4 10,1"/>
      </g>
    </g>
    <text x="16" y="74" font-family="'Inter', sans-serif" font-size="11" font-weight="700" fill="#0f172a">Web</text>
    <text x="16" y="88" font-family="'Inter', sans-serif" font-size="9" font-weight="500" fill="#64748b">Kurumsal &amp; E-ticaret</text>
  </g>

  <!-- Card: Mobile -->
  <g filter="url(#softShadow)" transform="translate(190, 420)">
    <rect width="120" height="100" rx="16" fill="#ffffff"/>
    <g transform="translate(16, 16)">
      <rect width="36" height="36" rx="10" fill="url(#blueGrad)"/>
      <!-- Phone icon -->
      <g transform="translate(11, 8)" stroke="#ffffff" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <rect x="0" y="0" width="14" height="20" rx="2"/>
        <line x1="7" y1="16" x2="7" y2="16"/>
      </g>
    </g>
    <text x="16" y="74" font-family="'Inter', sans-serif" font-size="11" font-weight="700" fill="#0f172a">Mobil</text>
    <text x="16" y="88" font-family="'Inter', sans-serif" font-size="9" font-weight="500" fill="#64748b">iOS &amp; Android</text>
  </g>

  <!-- Card: SEO -->
  <g filter="url(#softShadow)" transform="translate(320, 420)">
    <rect width="120" height="100" rx="16" fill="#ffffff"/>
    <g transform="translate(16, 16)">
      <rect width="36" height="36" rx="10" fill="#0f172a"/>
      <!-- Search icon -->
      <g transform="translate(9, 9)" stroke="#ffffff" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <circle cx="7" cy="7" r="6"/>
        <line x1="12" y1="12" x2="18" y2="18"/>
      </g>
    </g>
    <text x="16" y="74" font-family="'Inter', sans-serif" font-size="11" font-weight="700" fill="#0f172a">SEO</text>
    <text x="16" y="88" font-family="'Inter', sans-serif" font-size="9" font-weight="500" fill="#64748b">Arama optimizasyonu</text>
  </g>

  <!-- Card: Reklam -->
  <g filter="url(#softShadow)" transform="translate(450, 420)">
    <rect width="130" height="100" rx="16" fill="url(#brand)"/>
    <g transform="translate(16, 16)">
      <rect width="36" height="36" rx="10" fill="#ffffff" fill-opacity="0.25"/>
      <!-- Megaphone icon -->
      <g transform="translate(8, 10)" stroke="#ffffff" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round">
        <path d="M0,8 L0,4 L12,0 L18,4 L18,12 L12,16 L0,12 Z"/>
        <path d="M4,12 L4,16"/>
      </g>
    </g>
    <text x="16" y="74" font-family="'Inter', sans-serif" font-size="11" font-weight="700" fill="#ffffff">Dijital Reklam</text>
    <text x="16" y="88" font-family="'Inter', sans-serif" font-size="9" font-weight="500" fill="#ffffff" fill-opacity="0.8">Google &amp; Meta Ads</text>
  </g>

  <!-- Corner accents -->
  <g opacity="0.4">
    <path d="M 20 20 L 20 50 M 20 20 L 50 20" stroke="#be0017" stroke-width="2" stroke-linecap="round"/>
    <path d="M 620 540 L 620 510 M 620 540 L 590 540" stroke="#3b82f6" stroke-width="2" stroke-linecap="round"/>
  </g>
</svg>
