
<!doctype html>
<html class="no-js" lang="<?= m_get_session('lang') ? m_get_session('lang') : lang_is_default('lang_code') ?>">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <?php
      // SEO meta/og/twitter/canonical/hreflang/JSON-LD – tek noktadan üretim
      $langCode = m_get_session('lang') ? m_get_session('lang') : lang_is_default('lang_code');
      if (function_exists('render_seo_tags')) {
        render_seo_tags(isset($post) && is_array($post) ? $post : null, $langCode);
      }
    ?>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
  

    <link rel="shortcut icon" type="image/x-icon" href="<?= image(general_settings('favicon', $langCode)) ?>">
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&family=Mulish&display=swap" rel="stylesheet">

    <!-- 
      - material icon font
    -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@40,600,0,0" />

    <!-- 
      - custom css link
    -->
    <link rel="stylesheet" href="<?= SITE_THEME_URL ?>/assets/css/style.css">
    <link rel="stylesheet" href="<?= SITE_THEME_URL ?>/assets/css/editor.css">
    <link rel='stylesheet' id='main-css-css' href='<?= SITE_THEME_URL ?>/assets/css/all.css?ver=1754348211' type='text/css' media='all'>
    <script type="text/javascript" src="<?= SITE_THEME_URL ?>/assets/js/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>


    <?php if (function_exists('render_analytics_tracking')) { render_analytics_tracking($langCode); } ?>
</head>
<body>

  <style>
    .aeg-modal{position:fixed;inset:0;z-index:9999;display:none}
    .aeg-modal.is-open{display:block}
    .aeg-modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:saturate(1.2) blur(2px)}
    .aeg-modal__dialog{position:relative;margin:5vh auto;background:var(--white,#fff);color:#0b0b0b;width:min(960px,92vw);max-height:90vh;overflow:auto;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.2);padding:24px}
    @media (max-width: 576px){.aeg-modal__dialog{padding:16px;margin:3vh auto}}
    .aeg-modal__close{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background:#f2f4f8;border:0;cursor:pointer;font-size:24px;line-height:40px;color:#333}
    body.aeg-modal-open{overflow:hidden}
    .aeg-modal .container{max-width:100%;padding:0}
    .aeg-modal .contact-box{margin:0}
    .aeg-modal .btn{display:inline-flex;align-items:center;gap:.5rem}
  </style>

  <div id="aeg-contact-modal" class="aeg-modal" aria-hidden="true">
    <div class="aeg-modal__overlay" data-aeg-close></div>
    <div class="aeg-modal__dialog" role="dialog" aria-modal="true" aria-label="İletişim Formu" tabindex="-1">
      <button class="aeg-modal__close" type="button" aria-label="Kapat" data-aeg-close>×</button>

      <div class="container">
        <h2>Demo Talep Formu</h2>
        <form method="post">
          <input type="hidden" name="model" value="request_demo">
          <input type="hidden" name="title" value="Demo Talep Formu">
          <div class="contact-box">
            <div class="contact-form">
              <h2 class="business-inquiries-title">Kurumsal kokulandırma hizmetinizle ilgileniyorum</h2>
              <h2 class="customer-service-title">Mevcut müşterinizim, yardıma ihtiyacım var</h2>
              <h2 class="international-inquiries-title">Türkiye dışında bir ülkede distribütörünüz olmak istiyorum</h2>
              <div class="contact-info">
                <div class="form-col">
                  <input type="text" placeholder="Adınız ve Soyadınız" required="required" name="name" pattern="[A-Za-zÇçĞğİıÖöŞşÜü ]+" title="Yalnızca harf girişi yapınız">
                   <input name="sektor" class="code-inp" type="text" placeholder="Sektörünüz" required="">
                  <div class="state-form-row">
                    <input name="il" class="code-inp" type="text" placeholder="İl" required="">
                    <input name="ilce" class="phone-inp" type="text" placeholder="İlçe" required="">
                  </div>
                   <input name="phone" class="phone-inp" type="tel" placeholder="Telefon numaranız" required="">
                  <input type="email" placeholder="E-posta adresiniz" required="required" name="email">
                  <textarea placeholder="Mesajınızı buraya yazınız ..." name="text" required="required"></textarea>
                 
                  <button class="btn" type="submit">Gönder</button>
                </div>
                <div class="contacts-col">
                  <p><b>Kurumsal Koku Deneyimini Yerinde Keşfedin</b></p>
                  <p>Formu doldurun mekânınızı ve beklentilerinizi dinleyelim. Size özel koku stratejisi ve demo planını birlikte oluşturalım.</p>
                  <figure class="contact-img">
                    <img width="375" height="270" src="<?=DOMAIN?>/media/8724573.webp" class="attachment-medium_large size-medium_large wp-post-image" alt="">
                  </figure>
                </div>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
