<html>
<head>
<meta charset="UTF-8" />
<title>Yapay Zeka ve Pazarlama Çözümleri</title>
<style>
  /* Renk değişkenleri kaldırıldı - tüm renkler ve değerler doğrudan tanımlandı */

  body {
    margin: 0;
    font-family: "Helvetica Neue", Arial, sans-serif;
    color: #0c1639;
    background-color: #ffffff;
    line-height: 1.6;
  }
  a {
    color: #005bff;
    text-decoration: none;
  }
  /* Genel kaplayıcı */
  .container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
  }
  /* Üst gezinme */
  header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
  }
  .logo {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .logo svg {
    width: 32px;
    height: 32px;
  }
  nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 24px;
  }
  nav li a {
    font-weight: 500;
    color: #0c1639;
  }
  .cta-button {
    background-color: #005bff;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.9rem;
  }
  /* Hero bölümü */
  .hero {
    text-align: center;
    padding: 100px 20px 60px 20px;
    background-color: #ffffff;
  }
  .hero h1 {
    font-size: 3rem;
    font-weight: 800;
    line-height: 1.1;
    color: #0c1639;
    margin: 0 auto 28px auto;
    max-width: 800px;
  }
  .hero h1 span {
    display: block;
  }
  .hero .subtitle {
    font-size: 1.1rem;
    color: #53638c;
    max-width: 640px;
    margin: 0 auto 36px auto;
  }
  .hero .subtitle strong {
    color: #020b35;
    font-weight: 600;
  }
  .hero .cta-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 28px;
    background-color: #005bff;
    color: #fff;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: bold;
    transition: background 0.2s;
  }
  .hero .cta-primary:hover {
    background-color: #0044cc;
  }
  .hero .cta-primary svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
  }
  .hero .guarantee {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
    font-size: 0.9rem;
    color: #53638c;
  }
  .hero .guarantee svg {
    width: 18px;
    height: 18px;
    fill: #005bff;
  }
  /* Logo listesi */
  .logo-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 40px 0;
  }
  .logo-item {
    width: 80px;
    height: 40px;
    background-color: #f4f5f7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    color: #53638c;
    font-weight: 500;
  }
  /* Neler yapıyoruz */
  .section {
    padding: 60px 0;
  }
  .section-title {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
  }
  .two-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
  }
  .feature-card {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    padding: 25px;
    position: relative;
  }
  .feature-card h3 {
    margin-top: 0;
    font-size: 1.3rem;
  }
  .feature-list {
    margin-top: 10px;
    padding-left: 0;
    list-style: none;
  }
  .feature-list li {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 8px;
    color: #53638c;
  }
  .feature-list svg {
    flex-shrink: 0;
    margin-top: 2px;
    width: 14px;
    height: 14px;
    color: #005bff;
  }

  /* Özel özellik başlığı ve ikonları */
  .feature-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
  }
  .icon-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 12px;
  }
  .icon-circle.purple {
    background-color: #8b5cf6;
  }
  .icon-circle.green {
    background-color: #22c55e;
  }
  /* Bilgi notları */
  .note {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 6px;
    font-size: 0.85rem;
  }
  .note.light {
    background-color: #f1f5f9;
    color: #334155;
  }
  .note.green {
    background-color: #e6f4ea;
    color: #134e3a;
  }
  .note.blue {
    background-color: #e7f0ff;
    color: #193a74;
  }
  /* Neler yapıyoruz alt kısmı */
  .feature-footer {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
  }
  .consult-card {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #f5f3ff;
    color: #6d28d9;
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 0.85rem;
    flex: 1 1 auto;
  }
  .consult-card svg {
    width: 16px;
    height: 16px;
  }
  .support-card {
    color: #7c3aed;
    font-weight: bold;
    font-size: 1.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 1 1 auto;
  }
  .support-card span {
    font-size: 0.85rem;
    color: #53638c;
    font-weight: normal;
  }
  /* Projeler 12 kolon düzeni */
  .projects-grid-12 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 30px;
  }
  /* mobilde kartlar tek sütun */
  @media (max-width: 767px) {
    .projects-grid-12 {
      grid-template-columns: 1fr;
    }
    .projects-grid-12 > div {
      grid-column: auto !important;
    }
  }
  /* Proje kart temel stilleri */
  .proj-card {
    background: linear-gradient(to bottom right, #ffffff, #f8f9fb);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
  }
  .proj-label {
    align-self: flex-start;
    margin: 16px;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 500;
    background: #f5f5f5;
    color: #475569;
    border: 1px solid #e5e7eb;
  }
  .proj-image {
    width: calc(100% - 32px);
    height: 180px;
    margin: 0 16px 16px;
    background-color: #f9fafb;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .proj-content {
    padding: 16px;
    background: rgba(249, 250, 251, 0.6);
    border-top: 1px solid #e2e8f0;
    border-radius: 0 0 12px 12px;
    flex-grow: 1;
  }
  .proj-content h4 {
    margin: 0 0 8px 0;
    font-size: 1.1rem;
    color: #0c1639;
  }
  .proj-content p {
    margin: 0;
    font-size: 0.9rem;
    color: #53638c;
  }
  .call-card {
    background: linear-gradient(to bottom right, #ffffff, #f8f9fb);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px;
    text-align: center;
  }
  .call-card button {
    margin-top: 12px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #0c1639;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.2s;
  }
  .call-card button:hover {
    background: #e2e8f0;
  }
  /* Growth stratejileri */
  /* Growth stratejileri */
  .etka-growth-section {
    /* açık arka plan ve geniş yastık kenar boşluğu */
    background: #f9fbff;
    padding: 60px 0;
  }
  /* iki sütun düzeni: solda metrikler/çağrılar, sağda grafik kartı */
  .etka-growth-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: stretch;
  }
  /* sol sütun konteyneri: flex-col yapısı */
  .etka-left-col {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  /* Metrik kartları grid */
  .etka-metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 20px;
    /* kalan alanı doldurması için esnek yapı */
    flex-grow: 1;
  }
  .etka-metric-card {
    background: #f9fafb;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.03);
    padding: 24px;
    transition: box-shadow 0.3s;
  }
  .etka-metric-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  }
  .etka-metric-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
  }
  .etka-metric-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
  }
  .etka-metric-card h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #0c1639;
  }
  .etka-metric-card .etka-number {
    font-size: 2rem;
    font-weight: bold;
    margin-top: 4px;
  }
  .etka-chart-caption {
    position: absolute;
    bottom: 16px;
    right: 16px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #dbeafe;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 0.75rem;
    color: #005bff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
  }
  /* Callout container */
  .etka-callout-container {
    background: #eef7ff;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    padding: 20px;
  }
  .etka-callout {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
  }
  .etka-callout:last-child {
    margin-bottom: 0;
  }
  .etka-callout-icon {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
  }
  .etka-callout h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0c1639;
  }
  .etka-callout p {
    margin: 4px 0 0 0;
    font-size: 0.9rem;
    color: #53638c;
  }
  /* Platform stats below chart */
  .etka-platform-stats {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
    gap: 20px;
  }
  .etka-platform {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .etka-platform-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 16px;
  }
  .etka-platform span {
    font-size: 0.75rem;
    color: #53638c;
    display: block;
  }
  .etka-plat-number {
    font-size: 0.9rem;
    font-weight: bold;
    color: #0c1639;
  }

  /* Chart card layout improvements */
  .etka-chart {
    background: linear-gradient(to bottom, #f5faff, #ffffff);
    border: 1px solid #e5eefb;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .etka-chart-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 12px;
  }
  .etka-chart-header h5 {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #0c1639;
  }
  .etka-chart-subtitle {
    font-size: 0.75rem;
    color: #6b7280;
    font-weight: 500;
  }
  .etka-chart svg {
    width: 100%;
    height: 200px;
    flex-grow: 1;
  }
  .etka-platform-stats {
    border-top: 1px solid #e2e8f0;
    padding-top: 16px;
    margin-top: 16px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  /* Metric card improvements */
  .etka-metric-card {
    background: #ffffff;
    border: 1px solid #e4e7ee;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    padding: 24px;
    transition: box-shadow 0.3s;
  }
  .etka-metric-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
  }
  .etka-metric-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
  }
  .etka-metric-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
  }
  .etka-metric-card h5 {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: #0c1639;
  }
  .etka-metric-card .etka-number {
    font-size: 1.8rem;
    font-weight: bold;
    margin-top: 2px;
  }

  /* Callout container style improvements */
  .etka-callout-container {
    background: #eef6ff;
    border: 1px solid #d8e8ff;
    border-radius: 16px;
    padding: 24px;
  }
  .etka-callout {
    display: flex;
    align-items: flex-start;
    gap: 16px;
  }
  /* küçük ikon kutusu */
  .etka-callout-icon {
    width: 40px;
    height: 40px;
    background: #ffffff;
    border: 1px solid #e6eefc;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #0066ff;
  }
  .etka-callout h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #0c1639;
  }
  .etka-callout p {
    margin: 4px 0 0 0;
    font-size: 0.9rem;
    color: #53638c;
    line-height: 1.4;
  }
  /* Teknoloji çözümleri */
  .tech-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
  }
  .tech-card {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .tech-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
  }
  .tech-icon {
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background-color: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #005bff;
    font-size: 14px;
  }
  .pill {
    display: inline-block;
    background-color: #f1f5f9;
    color: #64748b;
    border-radius: 999px;
    font-size: 0.7rem;
    padding: 4px 8px;
    margin-bottom: 8px;
    font-weight: 500;
  }
  .pill-primary {
    background-color: #eef2ff;
    color: #3730a3;
  }
  /* CTA düğmeleri için koyu stil */
  .btn-dark {
    background-color: #0f172a;
    color: #ffffff;
    border-radius: 8px;
    padding: 12px 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    font-size: 0.85rem;
    text-decoration: none;
  }
  .tech-card h4 {
    margin-top: 0;
    font-size: 1.4rem;
  }
  .tech-card ul {
    list-style: none;
    padding-left: 0;
    margin: 20px 0;
  }
  .tech-card li {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 10px;
    color: #53638c;
  }
  .tech-card li svg {
    flex-shrink: 0;
    margin-top: 3px;
    width: 14px;
    height: 14px;
    color: #005bff;
  }
  .tech-card .cta {
    display: inline-block;
    padding: 10px 20px;
    background: #005bff;
    color: #ffffff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 0.9rem;
  }
  /* Topluluk bölümü */
  .community-section {
    background: #f9fafc;
    padding: 60px 0;
    text-align: center;
  }
  .avatar-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 30px;
  }
  .avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f5f7;
    font-size: 0.8rem;
    color: #0c1639;
    font-weight: bold;
  }
  /* Altbilgi */
  footer {
    background: #020b35;
    color: #b4b9cb;
    padding: 40px 0;
  }
  footer .footer-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    align-items: start;
  }
  footer .footer-column h6 {
    margin: 0 0 10px 0;
    font-size: 1rem;
    color: #ffffff;
  }
  footer .footer-column ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
  }
  footer .footer-column li {
    margin-bottom: 8px;
  }
  footer .footer-column a {
    color: #b4b9cb;
    font-size: 0.85rem;
  }
  footer .copyright {
    text-align: center;
    margin-top: 30px;
    font-size: 0.8rem;
    color: #7c86a1;
  }
</style>
</head>
<body>
  <div class="container etka-container">
    <!-- Başlık ve gezinme -->
    <header>
      <div class="logo etka-logo">
        <!-- Basit logo SVG -->
        <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
          <circle cx="32" cy="32" r="30" fill="#005bff" />
          <text x="32" y="40" font-size="28" font-family="Arial" fill="white" text-anchor="middle">S</text>
        </svg>
        strateji.ai
      </div>
<nav>
        <ul>
          <li><a href="#etka-features">Hizmetlerimiz</a></li>
          <li><a href="#etka-projects">Çözümlerimiz</a></li>
          <li><a href="#etka-growth">Referanslar</a></li>
        </ul>
      </nav>
      <button class="cta-button etka-cta-button">Ücretsiz Danışmanlık</button>
    </header>
    <!-- Hero bölümü -->
    <section class="hero etka-hero">
      <h1>Yapay Zeka Geliştirme ve<br />
        Viral Pazarlama Uzmanlığını<br />
        İşinize Entegre Ediyoruz</h1>
      <p><strong>Yapay Zeka Teknolojileri</strong> ve <strong>Viral Pazarlama Stratejileri</strong> tek çatı altında. Markanıza özel geliştirdiğimiz yapay zeka uygulamaları ile işlerinizi otomatikleştirirken, sosyal medyada etkili içeriklerle markanızın bilinirliğini artırıyoruz.</p>
      <a href="#" class="big-cta etka-big-cta">
        <span>15 Dakikalık Ücretsiz Konsültasyon Al</span>
        <!-- CTA içi ok simgesi -->
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" fill="#ffffff22" stroke="none"></circle><polyline points="10 8 14 12 10 16" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
      </a>
      <div class="guarantee etka-guarantee">
        <!-- Kalkan ikon -->
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-right:6px;"><path d="M12 2l7 4v6c0 5-3.5 9.7-7 11-3.5-1.3-7-6-7-11V6l7-4z" fill="none" stroke="#64748b"/></svg>
        Geliştirme Garantisi: Hayalinizdeki yapay zeka aracını 30 günde teslim edemezsek paranızı iade ediyoruz
      </div>
    </section>
    <!-- Logo listesi -->
    <section class="section etka-section logos-section etka-logos-section" style="padding-top:40px;padding-bottom:40px;">
      <h3 style="text-align:center;font-size:1rem;color:#53638c;margin:0 0 10px 0;">Sevdiğiniz markalar bizim iş ortaklarımız</h3>
      <div class="logo-list etka-logo-list">
        <div class="logo-item etka-logo-item">Logo A</div>
        <div class="logo-item etka-logo-item">Logo B</div>
        <div class="logo-item etka-logo-item">Logo C</div>
        <div class="logo-item etka-logo-item">Logo D</div>
        <div class="logo-item etka-logo-item">Logo E</div>
        <div class="logo-item etka-logo-item">Logo F</div>
      </div>
    </section>
    <!-- Neler yapıyoruz bölümü -->
    <section id="etka-features" class="section etka-section">
      <h2 class="section-title etka-section-title">Neler Yapıyoruz?</h2>
      <p style="text-align:center;color:#53638c;max-width:650px;margin:0 auto 40px auto;font-size:1rem;">İşletmenize özel yapay zeka çözümleri geliştiriyor, ürünlerinizi pazarda öne çıkarıyoruz.</p>
      <div class="two-columns etka-two-columns">
        <!-- Yapay Zeka Çözümleri -->
        <div class="feature-card etka-feature-card">
          <div class="feature-header etka-feature-header">
            <div class="icon-circle etka-icon-circle purple etka-purple">
              <!-- Kod ikon -->
              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
            </div>
            <span>Yapay Zeka Çözümleri</span>
          </div>
          <h4 style="margin:0 0 12px 0;font-size:1.2rem;">Kurumsal çözümlerden satışa hazır ürünlere</h4>
          <ul class="feature-list etka-feature-list">
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              Kurumunuza özgü modellendirme ve özel algoritmalar
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              API entegrasyonları ve veri analizi araçları
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              İleri görselleştirme ve raporlama
            </li>
          </ul>
          <!-- Harita yer tutucu -->
          <div style="margin-top:20px;text-align:center;">
            <svg width="100%" height="80" viewBox="0 0 300 100" preserveAspectRatio="xMidYMid meet">
              <rect x="0" y="25" width="300" height="50" fill="#f8fafc" stroke="#e5e7eb" stroke-dasharray="4 4"/>
            </svg>
          </div>
          <!-- Uzman ekip etiketi -->
          <div class="consult-card etka-consult-card" style="margin-top:20px;background-color:#eef2ff;color:#475569;">
            <svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a7 7 0 017 7c0 5-7 13-7 13S5 14 5 9a7 7 0 017-7z"/></svg>
            Uzman AI Geliştirme Ekibi
          </div>
        </div>
        <!-- Viral Pazarlama -->
        <div class="feature-card etka-feature-card">
          <div class="feature-header etka-feature-header">
            <div class="icon-circle etka-icon-circle green etka-green">
              <!-- Meyilli çizgi ikon -->
              <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h18"/><path d="M12 3v18"/></svg>
            </div>
            <span>Viral Pazarlama</span>
          </div>
          <h4 style="margin:0 0 12px 0;font-size:1.2rem;">Markanızı sosyal medyada öne çıkarıyoruz</h4>
          <ul class="feature-list etka-feature-list">
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              Platforma özel viral içerik stratejileri
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              Marka bilinirliğini artıran kampanyalar
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              Influencer işbirlikleri ve ortaklıklar
            </li>
          </ul>
          <!-- Not kutuları -->
          <div class="note etka-note light etka-light" style="margin-top:20px;">
            <span style="display:block;font-size:0.75rem;color:#64748b;margin-bottom:4px;">Sosyal Medya Uzmanı</span>
            Her platform için özel viral içerik stratejileri geliştiriyoruz.
          </div>
          <div class="note etka-note green etka-green" style="margin-top:10px;">
            Müşterilerimizin sosyal medya etkileşimlerini ve dönüşüm oranlarını kısa sürede artırıyoruz.
            <span style="display:block;margin-top:6px;font-size:0.75rem;color:#475569;">Kanıtlanmış Sonuçlar</span>
          </div>
        </div>
      </div>
      <!-- Alt danışmanlık kutusu ve destek -->
      <div class="feature-footer etka-feature-footer">
        <div class="consult-card etka-consult-card">
          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20 12h-2a8 8 0 00-8-8v2a6 6 0 016 6h-2l3 3 3-3z"/></svg>
          Uzman Danışmanlık<br />Yapay zeka stratejisi, ürün planlaması ve sosyal medya yönetimi konularında profesyonel danışmanlık.
        </div>
        <div class="support-card etka-support-card">
          7/24<br /><span>Destek ve Danışmanlık</span>
        </div>
      </div>
    </section>
    <!-- Projeler bölümü -->
    <section id="etka-projects" class="section etka-section">
      <div style="text-align:center;margin-bottom:10px;">
        <span class="pill etka-pill">Referanslarımız</span>
      </div>
      <h2 class="section-title etka-section-title">Projelerimiz 100.000'den fazla insan tarafından kullanıldı.</h2>
      <p style="text-align:center;color:#53638c;max-width:650px;margin:0 auto 40px auto;font-size:1rem;">
        Kanıtlanmış başarılara ulaşan yapay zeka araçlarını geliştiren uzman ekibimiz, hayalinizdeki aracı veya modeli sizin için inşa edebilir.
      </p>
      <div class="projects-grid-12 etka-projects-grid-12">
        <!-- Sol geniş kart (AdFast) -->
        <div class="proj-card etka-proj-card" style="grid-column: span 8;">
          <div class="proj-label etka-proj-label">Viral İçerik Üretimi</div>
          <div class="proj-image etka-proj-image">
            <!-- Viral içerik kartı için yer tutucu -->
            <svg width="100%" height="100%" viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg">
              <rect x="0" y="0" width="400" height="200" fill="#f9fafb" opacity="0.8" rx="8"></rect>
              <rect x="80" y="30" width="240" height="140" rx="8" fill="#f0f2f5" stroke="#e5e7eb" stroke-width="1"></rect>
              <rect x="110" y="40" width="180" height="120" rx="8" fill="#fafafa" stroke="#e5e7eb" stroke-width="1"></rect>
              <circle cx="200" cy="80" r="16" fill="#dde1e7"></circle>
              <rect x="190" y="95" width="20" height="30" rx="3" fill="#dde1e7"></rect>
              <rect x="210" y="90" width="12" height="20" rx="2" fill="#0c1639" opacity="0.8"></rect>
            </svg>
          </div>
          <div class="proj-content etka-proj-content">
            <h4>AdFast.AI</h4>
            <p>Yapay zeka tabanlı TikTok içerik üretim platformumuz, markaların viral pazarlama stratejilerini otomatize eder. Yapay zeka teknolojimiz, ürün tanıtımlarını doğal içerik akışına entegre eder ve demografik hedeflemeye uygun reklam kampanyaları tasarlar. Veri odaklı optimizasyon süreçleri ile içerik üretim verimliliğinizi artırır.</p>
          </div>
        </div>
        <!-- Sağ geniş kart (Call Agent) -->
        <div class="proj-card etka-proj-card" style="grid-column: span 4;">
          <div class="proj-label etka-proj-label">Geliştirme Aşamasında</div>
          <div class="proj-image etka-proj-image">
            <!-- Call agent kartı için yer tutucu -->
            <svg width="100%" height="100%" viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg">
              <rect x="0" y="0" width="400" height="200" fill="#f9fafb" opacity="0.8" rx="8"></rect>
              <rect x="140" y="40" width="120" height="60" rx="8" fill="#f0f2f5" stroke="#e5e7eb" stroke-width="1"></rect>
              <text x="200" y="70" fill="#637381" font-size="12" font-weight="600" text-anchor="middle">CALL AGENT</text>
              <circle cx="200" cy="130" r="6" fill="#0c1639" opacity="0.7"></circle>
              <text x="200" y="120" fill="#637381" font-size="8" text-anchor="middle">Geliştiriliyor</text>
            </svg>
          </div>
          <div class="proj-content etka-proj-content">
            <h4>Call Agent</h4>
            <p>Geliştirme aşamasında olan tamamen Türkçe sesli asistanımız. Santral gibi arama yapabilir ve alabilir. Gerçek insandan farkı olmayan ses kalitesi ile etkileşim kurar. Eşi benzeri olmayan bu teknoloji, müşteri hizmetleri deneyimini tamamen dönüştürmeye hazırlanıyor.</p>
          </div>
        </div>
        <!-- Küçük kart (FotoFast) -->
        <div class="proj-card etka-proj-card" style="grid-column: span 4;">
          <div class="proj-label etka-proj-label">Kişisel AI Portreleri</div>
          <div class="proj-image etka-proj-image">
            <!-- AI portre kartı için yer tutucu -->
            <svg width="100%" height="100%" viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg">
              <rect x="0" y="0" width="400" height="200" fill="#f9fafb" opacity="0.8" rx="8"></rect>
              <rect x="80" y="35" width="280" height="130" rx="8" fill="#f0f2f5" stroke="#e5e7eb" stroke-width="1"></rect>
              <rect x="150" y="20" width="140" height="14" rx="2" fill="#f0f2f5" stroke="#e5e7eb" stroke-width="1"></rect>
              <rect x="90" y="60" width="90" height="22" rx="4" fill="#f7f7f7" stroke="#e5e7eb" stroke-width="1"></rect>
              <rect x="200" y="55" width="30" height="30" rx="4" fill="#0c1639" opacity="0.7"></rect>
              <rect x="230" y="60" width="120" height="10" rx="2" fill="#f7f7f7" stroke="#e5e7eb" stroke-width="1"></rect>
            </svg>
          </div>
          <div class="proj-content etka-proj-content">
            <h4>FotoFast</h4>
            <p>Kullanıcı fotoğraflarından özelleştirilmiş AI model eğitimi sunan çözümümüz, metin komutlarıyla profesyonel portreler oluşturur. Patentli algoritmalarımız, müşteriye özel model eğitimi sağlayarak marka kimliğinize uygun görsel içerikler üretmenize olanak tanır. Kişiselleştirilmiş görsel içerik üretiminde verimlilik ve kaliteyi bir araya getirir.</p>
          </div>
        </div>
        <!-- Küçük kart (Search Chatbot) -->
        <div class="proj-card etka-proj-card" style="grid-column: span 5;">
          <div class="proj-label etka-proj-label">Doğruluk: 98%</div>
          <div class="proj-image etka-proj-image">
            <!-- Arama doğruluk kartı için yer tutucu -->
            <svg width="100%" height="100%" viewBox="0 0 400 200" xmlns="http://www.w3.org/2000/svg">
              <rect x="0" y="0" width="400" height="200" fill="#f9fafb" opacity="0.8" rx="8"></rect>
              <rect x="120" y="15" width="160" height="14" rx="2" fill="#f0f2f5" stroke="#e5e7eb" stroke-width="0.5"></rect>
              <rect x="65" y="45" width="270" height="130" rx="4" fill="#fafafa" stroke="#e5e7eb" stroke-width="1"></rect>
              <line x1="110" y1="70" x2="290" y2="70" stroke="#e5e7eb" stroke-width="1"></line>
              <line x1="110" y1="100" x2="290" y2="100" stroke="#e5e7eb" stroke-width="1"></line>
              <line x1="110" y1="130" x2="290" y2="130" stroke="#e5e7eb" stroke-width="1"></line>
              <circle cx="140" cy="85" r="12" fill="#dee2e7"></circle>
              <circle cx="200" cy="115" r="10" fill="#dee2e7"></circle>
              <circle cx="260" cy="145" r="8" fill="#dee2e7"></circle>
            </svg>
          </div>
          <div class="proj-content etka-proj-content">
            <h4>Search Chatbot</h4>
            <p>Doğal dil sorguları ile bilgi tabanınızda %98 doğrulukla arama yapan akıllı çözümümüz, semantik anlama teknolojisi ile kullanıcı niyetini doğru şekilde tespit eder. Bağlam duyarlı yanıtlar, çoklu dil desteği ve sürekli öğrenme sayesinde bilgi erişimini devrimleştirir.</p>
          </div>
        </div>
        <!-- Çağrı kartı -->
        <div class="call-card etka-call-card" style="grid-column: span 3;">
          <div style="font-size:1.2rem;font-weight:600;color:#0c1639; margin-bottom:8px;">Birlikte çalışalım</div>
          <p style="color:#53638c; font-size:0.9rem;">Yapay zeka projelerinizi hayata geçirmek için uzman ekibimizle iletişime geçin.</p>
          <button type="button" class="cta-button etka-cta-button">İletişime Geçin</button>
        </div>
      </div>
    </section>
    <!-- Growth stratejileri bölümü -->
    <section id="etka-growth" class="etka-growth-section">
      <h2 class="section-title etka-section-title">Growth stratejilerimizle markanızı öne çıkarıyoruz</h2>
      <p style="text-align:center;color:#53638c;max-width:700px;margin:0 auto 20px auto;font-size:1rem;">
        Türkiye'nin en büyük yapay zeka topluluğu ve deneyimli ekibimizle viral içerik üretimi ve sosyal büyüme stratejilerinizi yönetiyoruz.
      </p>
      <div class="container">
        <div class="etka-growth-grid">
          <div class="etka-left-col">
            <!-- Öne çıkan açıklama -->
            <p style="font-size:1rem;color:#0c1639;margin-bottom:20px;max-width:500px;">
              <span style="color:#005bff;font-weight:bold;">135.000+ kişilik</span> yapay zeka topluluğumuz ve geniş AI influencer ağımızla markalarınızı, uygulamalarınızı ve şirketlerinizi <span style="color:#005bff;font-weight:bold;">viral hale</span> getiriyoruz.
            </p>
            <!-- Metrik kartları -->
            <div class="etka-metrics">
            <!-- Metrikler: Etkileşim, Dönüşüm, İçerik Maliyeti, Erişim -->
            <div class="etka-metric-card">
              <div class="etka-metric-header">
                <div class="etka-metric-icon" style="background-color:#6366f1;">
                  <!-- etkileşim icon -->
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg>
                </div>
                <div>
                  <h5>Etkileşim Artışı</h5>
                  <div class="etka-number" style="color:#3b82f6;">+215%</div>
                </div>
              </div>
            </div>
            <div class="etka-metric-card">
              <div class="etka-metric-header">
                <div class="etka-metric-icon" style="background-color:#10b981;">
                  <!-- dönüşüm icon -->
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><circle cx="12" cy="12" r="6"></circle><circle cx="12" cy="12" r="2"></circle></svg>
                </div>
                <div>
                  <h5>Dönüşüm Oranı</h5>
                  <div class="etka-number" style="color:#10b981;">+178%</div>
                </div>
              </div>
            </div>
            <div class="etka-metric-card">
              <div class="etka-metric-header">
                <div class="etka-metric-icon" style="background-color:#a855f7;">
                  <!-- içerik icon -->
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z"></path><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path></svg>
                </div>
                <div>
                  <h5>İçerik Maliyeti</h5>
                  <div class="etka-number" style="color:#a855f7;">-65%</div>
                </div>
              </div>
            </div>
            <div class="etka-metric-card">
              <div class="etka-metric-header">
                <div class="etka-metric-icon" style="background-color:#f97316;">
                  <!-- erişim icon -->
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
                </div>
                <div>
                  <h5>Erişim Artışı</h5>
                  <div class="etka-number" style="color:#f97316;">+327%</div>
                </div>
              </div>
            </div>
            </div> <!-- metric-cards -->
            <!-- Açıklayıcı notlar -->
            <div class="etka-callout-container" style="margin-top:32px;">
              <div class="etka-callout">
                <div class="etka-callout-icon">
                  <!-- Yıldırım/zap ikon -->
                  <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>
                </div>
                <div>
                  <h3>Hook Uzmanları</h3>
                  <p>İlk 3 saniyede izleyiciyi yakalayan, scroll-stopping hook tasarımlarıyla dönüşüm oranlarını 3 kat artırıyoruz.</p>
                </div>
              </div>
              <div class="etka-callout" style="border-top:1px solid #dbeafe;padding-top:16px;margin-top:16px;">
                <div class="etka-callout-icon">
                  <!-- Trend yukarı ikon -->
                  <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg>
                </div>
                <div>
                  <h3>Uygun Maliyetli AI UGC</h3>
                  <p>AI viral UGC videolarını piyasada $150 olan rakamların çok altında, kaliteden ödün vermeden üretiyoruz.</p>
                </div>
              </div>
            </div>
          </div>
          <div class="etka-chart">
            <div class="etka-chart-header">
              <h5>Sosyal Medya Performans Paneli</h5>
              <span class="etka-chart-subtitle">Sektör ortalamasının üzerinde performans</span>
            </div>
            <!-- Basit çizgi grafik -->
            <svg viewBox="0 0 300 200" width="100%" height="200">
              <!-- Axes -->
              <line x1="30" y1="10" x2="30" y2="170" stroke="#d1d5db" stroke-width="1" />
              <line x1="30" y1="170" x2="290" y2="170" stroke="#d1d5db" stroke-width="1" />
              <!-- Grid lines -->
              <g stroke="#f1f5f9" stroke-width="1">
                <line x1="30" y1="50" x2="290" y2="50" />
                <line x1="30" y1="90" x2="290" y2="90" />
                <line x1="30" y1="130" x2="290" y2="130" />
              </g>
              <!-- Chart path -->
              <path d="M30 150 L80 120 L130 140 L180 100 L230 130 L280 80" fill="none" stroke="#005bff" stroke-width="2" />
              <!-- Points -->
              <g fill="#005bff">
                <circle cx="30" cy="150" r="3" />
                <circle cx="80" cy="120" r="3" />
                <circle cx="130" cy="140" r="3" />
                <circle cx="180" cy="100" r="3" />
                <circle cx="230" cy="130" r="3" />
                <circle cx="280" cy="80" r="3" />
              </g>
            </svg>
            <!-- Küçük grafik açıklama -->
            <div class="etka-chart-caption">Etkileşim ve Erişim Artışı</div>
            <!-- Platform istatistikleri -->
            <div class="etka-platform-stats">
              <div class="etka-platform">
                <div class="etka-platform-icon" style="background-color:#1c64f2;">
                  <!-- X icon -->
                  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="3" x2="21" y2="21" /><line x1="21" y1="3" x2="3" y2="21" /></svg>
                </div>
                <div>
                  <span>X (Twitter)</span>
                  <div class="etka-plat-number">+250%</div>
                </div>
              </div>
              <div class="etka-platform">
                <div class="etka-platform-icon" style="background-color:#e11d48;">
                  <!-- Instagram icon (simplified) -->
                  <svg viewBox="0 0 24 24" fill="currentColor"><rect x="3" y="3" width="18" height="18" rx="4"/><circle cx="12" cy="12" r="4" fill="#fff"/></svg>
                </div>
                <div>
                  <span>Instagram</span>
                  <div class="etka-plat-number">+180%</div>
                </div>
              </div>
              <div class="etka-platform">
                <div class="etka-platform-icon" style="background-color:#f97316;">
                  <!-- TikTok icon simplified as musical note -->
                  <svg viewBox="0 0 24 24" fill="currentColor"><path d="M9 2h5v11.52a3.5 3.5 0 11-3.5-3.5h.5V7h-2V2z"/></svg>
                </div>
                <div>
                  <span>TikTok</span>
                  <div class="etka-plat-number">+420%</div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Teknoloji çözümleri bölümü -->
    <section class="section etka-section">
      <h2 class="section-title etka-section-title">Teknoloji Çözümlerimiz</h2>
      <div class="tech-grid etka-tech-grid">
        <!-- Kurumsal AI -->
        <div class="tech-card etka-tech-card">
          <div class="tech-header etka-tech-header">
            <div class="tech-icon etka-tech-icon">
              <!-- kod ikon -->
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
            </div>
            <span>Kurumsal Yapay Zeka Çözümleri</span>
          </div>
          <h4 style="margin-top:0;margin-bottom:10px;font-size:1.4rem;">Uçtan Uca AI Sistem Entegrasyonu</h4>
          <p>Kurumsal düzeyde özelleştirilmiş AI çözümlerimizle veri kaynaklarınızı optimum şekilde değerlendiriyoruz. İş süreçlerinize entegre edilebilen, yüksek performanslı model mimarileri ve ölçeklenebilir SaaS platformları geliştiriyoruz.</p>
          <ul>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              Özel LLM fine‑tuning ve RAG sistemleri
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              Kurumsal AI SaaS platformları
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              Multi‑modal AI sistemleri
            </li>
          </ul>
          <a href="#" class="btn-dark etka-btn-dark">Ücretsiz Görüşme Ayarlayın
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" /></svg>
          </a>
        </div>
        <!-- Stratejik dijital pazarlama -->
        <div class="tech-card etka-tech-card">
          <div class="tech-header etka-tech-header">
            <div class="tech-icon etka-tech-icon">
              <!-- büyüme ikon -->
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h3l3 8 4-16 3 8h4" /></svg>
            </div>
            <span>Stratejik Dijital Pazarlama</span>
          </div>
          <h4 style="margin-top:0;margin-bottom:10px;font-size:1.4rem;">Data-driven Growth Stratejileri</h4>
          <p>Algoritma optimizasyonu ve performans analitiği ile desteklenen kanıtlanmış dijital pazarlama metodolojilerimizle marka varlığınızı güçlendiriyoruz. Yapay zeka destekli içerik üretim pipeline'ımız ve mikro-hedefleme stratejilerimizle ölçülebilir sonuçlar sunuyoruz.</p>
          <ul>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              AI‑powered içerik stratejisi
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              Metrik‑odaklı performans izleme
            </li>
            <li>
              <svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.285 6.708l-11.132 11.132-5.414-5.414 1.414-1.414 4 4 9.718-9.718z"/></svg>
              Conversion rate optimizasyonu
            </li>
          </ul>
          <a href="#" class="btn-dark etka-btn-dark">Birlikte Çalışalım
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="5" y1="12" x2="19" y2="12" /><polyline points="12 5 19 12 12 19" /></svg>
          </a>
        </div>
      </div>
    </section>
    <!-- Topluluk bölümü -->
    <section class="community-section etka-community-section">
      <h2 class="section-title etka-section-title">Topluluk Tarafından, Topluluk İçin Geliştirildi</h2>
      <p>135 bin kişilik Türkiye'nin en büyük yapay zeka topluluğuyuz.</p>
      <div class="avatar-row etka-avatar-row">
        <div class="avatar etka-avatar">A</div>
        <div class="avatar etka-avatar">B</div>
        <div class="avatar etka-avatar">C</div>
        <div class="avatar etka-avatar">D</div>
        <div class="avatar etka-avatar">E</div>
        <div class="avatar etka-avatar">F</div>
        <div class="avatar etka-avatar">G</div>
        <div class="avatar etka-avatar">H</div>
      </div>
    </section>
  </div>
  <!-- Altbilgi -->
  <footer class="etka-footer">
    <div class="footer-container etka-footer-container">
      <div class="footer-column etka-footer-column">
        <h6>strateji.ai</h6>
        <p style="color:#b4b9cb;font-size:0.85rem;">İleri teknoloji ve pazarlama çözümlerini bir araya getiriyoruz.</p>
      </div>
      <div class="footer-column etka-footer-column">
        <h6>Hizmetler</h6>
        <ul>
          <li><a href="#etka-features">Yapay Zeka</a></li>
          <li><a href="#etka-features">Viral Pazarlama</a></li>
          <li><a href="#etka-projects">Projeler</a></li>
        </ul>
      </div>
      <div class="footer-column etka-footer-column">
        <h6>İletişim</h6>
        <ul>
          <li><a href="#">İletişim Formu</a></li>
          <li><a href="#">X Topluluğumuz</a></li>
        </ul>
      </div>
    </div>
    <div class="copyright etka-copyright">
      © 2025 strateji.ai – Tüm hakları saklıdır.
    </div>
  </footer>
  <script>
    // Tüm CTA düğmelerinde basit etkileşim
    document.querySelectorAll('.cta-button, .big-cta, .cta').forEach(function(btn) {
      btn.addEventListener('click', function(e) {
        e.preventDefault();
        alert('Talebiniz alındı! En kısa sürede sizinle iletişime geçeceğiz.');
      });
    });
  </script>
</body>
</html>
