{% extends "home/base_generic.html" %}
{% load static %}

{#{% block title %}#}
{#<title>آیدیا</title>#}
{#{% endblock %}#}

{% block title %}
آیدیا برنامه کنترل دیابت و قند خون
{% endblock %}

{% block header.nav %}
    <li class="nav-item"><a class="nav-link" href="#about">درباره ما</a></li>
    <li class="nav-item"><a class="nav-link" href="#help">راهنمای استفاده</a></li>
    <li class="nav-item"><a class="nav-link" href="#feature">ویژگی ها</a></li>
    <li class="nav-item active"><a class="nav-link" href="">خانه</a></li>
{% endblock %}

{% block header.action %}
    <a href="https://i-dia.ir/site/accounts/login/"><button class="button bg"> ورود</button></a>
{% endblock %}

{% block sales %}
    <div class="slider-area">
        	<!-- Slider -->
			<div class="block-slider block-slider4">
				<ul class="" id="bxslider-home4">
					<li>
						<img src="img/h4-slide.png" alt="Slide">
						<div class="caption-group">
							<h2 class="caption title">
								iPhone <span class="primary">6 <strong>Plus</strong></span>
							</h2>
							<h4 class="caption subtitle">Dual SIM</h4>
							<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>
						</div>
					</li>
					<li><img src="img/h4-slide2.png" alt="Slide">
						<div class="caption-group">
							<h2 class="caption title">
								by one, get one <span class="primary">50% <strong>off</strong></span>
							</h2>
							<h4 class="caption subtitle">school supplies & backpacks.*</h4>
							<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>
						</div>
					</li>
					<li><img src="img/h4-slide3.png" alt="Slide">
						<div class="caption-group">
							<h2 class="caption title">
								Apple <span class="primary">Store <strong>Ipod</strong></span>
							</h2>
							<h4 class="caption subtitle">Select Item</h4>
							<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>
						</div>
					</li>
					<li><img src="img/h4-slide4.png" alt="Slide">
						<div class="caption-group">
						  <h2 class="caption title">
								Apple <span class="primary">Store <strong>Ipod</strong></span>
							</h2>
							<h4 class="caption subtitle">& Phone</h4>
							<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>
						</div>
					</li>
				</ul>
			</div>
			<!-- ./Slider -->
    </div> <!-- End slider area -->
{% endblock %}

{% block banner.image %}
    <img class="img-fluid" src="{% static 'idia_site/img/banner/hero-banner.png' %}" alt="آیدیا اپلیکیشن کنترل قند خون و دیابت">
{% endblock %}

{% block banner.text %}
    <h1 class="text-center" dir="rtl">دیابت و قند خون را با اپلیکیشن آیدیا کنترل کنید</h1>
    <p class="section-intro__subtitle text-center" dir="rtl">مهمترین هدف این دستیار هوشمند(اپلیکیشن) iDia، مدیریت بر کنترل دیابت و قند خون با استفاده از ظرفیتهای بستر تلفن هوشمند و یک شبکه اطلاعاتی آنلاین است که با پایش و کنترل همه عوامل موثر بر کنترل دیابت و قند خون و هدایت و توصیه های لازم و به هنگام، استفاده از دانش تغذیه و علم پزشکی برای برنامه ریزی غذایی افراد دیابتی جهت حفظ ثبات نسبی قند خون در محدوده طبیعی است. پس دیابت و قند خون را با آیدیا کنترل کنید.</p>
{% endblock %}

{% block banner.button %}
    <a class="button bg" target="_blank" href="https://idiapp.app.link/site">دانلود برنامه</a>
{% endblock %}

{% block content %}
    <!--================ Feature section start =================-->
    <section id="feature" class="section-margin">
      <div class="container">
        <div class="section-intro pb-85px text-center">
          <h2 class="section-intro__title" dir="rtl">کنترل دیابت و قند خون</h2>
          <p class="section-intro__subtitle" dir="rtl">این برنامه به شما کمک می کند که دیابت و قند خون خود را به خوبی کنترل کنید</p>
        </div>

        <div class="container">
          <div class="row">
            <div class="col-lg-4">
              <div class="card card-feature text-center text-lg-left mb-4 mb-lg-0">
                <span class="card-feature__icon">
                  <i class="ti-hand-point-right"></i>
                </span>
                <h3 class="card-feature__title text-center">رایگان</h3>
                <p class="card-feature__subtitle text-right">این اپلیکیشن برای دریافت خدمات پایه ای خود کاملا مجانی است</p>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="card card-feature text-center text-lg-left mb-4 mb-lg-0">
                <span class="card-feature__icon">
                  <i class="ti-hand-point-down"></i>
                </span>
                <h3 class="card-feature__title text-center">سبک زندگی سالم دیابتی</h3>
                <p class="card-feature__subtitle text-right">با ارائه اطلاعات غذایی مناسب و تشویق و ردیابی تحرک و ورزش شما در تغییر بهینه سبک زندگی به شما کمک می کند</p>
              </div>
            </div>
            <div class="col-lg-4">
              <div class="card card-feature text-center text-lg-right mb-4 mb-lg-0">
                <span class="card-feature__icon">
                  <i class="ti-hand-point-left text-right"></i>
                </span>
                <h3 class="card-feature__title text-center">عملکرد خاص برای هر فرد دیابتی</h3>
                <p class="card-feature__subtitle text-right">این اپلیکیشن برای هر بیمار دیابتی بصورت کاملا سفارشی عمل کرده و خود را خاص هر بیمار دیابتی تطبیق میدهد</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--================ Feature section end =================-->

    <!--================ Offer section start =================-->
    <section class="section-margin">
      <div class="container">
        <div class="section-intro pb-85px text-center">
          <h2 class="section-intro__title">مزیت آیدیا (اپلیکیشن کنترل دیابت و قند خون)</h2>
          <p class="section-intro__subtitle" dir="rtl">بزرگترین مزیت این اپلیکیشن طراحی یک سیستم امتیاز دهی منحصربفرد است که با دخیل کردن یک متد کاملا جدید با ترکیبی از موارد کنترلی در کنترل دیابت و قند خون از غذا و دارو و ورزش و کنترل قند خون می تواند به شما هر روزه از ۱۰۰ نمره امتیاز بدهد و شما روی نمودار میتوانید روند مدیریت و کنترل دیابت و قند خون خود را بر همه عوامل کنترل دیابت مشاهده کنید و هر روز با یک شاخص همه جانبه هم خود را بسنجید و هم در مقایسه با دیگر بیماران دیابتی جایگاه خود را بسنجید.</p>
        </div>

        <div class="row">
          <div class="col-lg-6">

            <div class="row offer-single-wrapper">
              <div class="col-lg-6 offer-single">
                <div class="card offer-single__content text-center">
                  <span class="offer-single__icon">
                    <i class="ti-pencil-alt"></i>
                  </span>
                  <h4 class="text-center">کنترل وزن با هدف کنترل دیابت</h4>
                  <p dir="rtl">این برنامه به شما کمک می کند که دیابت خود را به خوبی مدیریت کنید،اگر اضافه وزن دارید به شما کمک میکند که با برنامه ریزی صحیح و علمی به وزن مناسب برسید. داشتن وزن مناسب، می تواند به میزان زیادی برای کنترل دیابت و قند خون بیماران دیابتی مفید باشد.</p>
                </div>
              </div>

              <div class="col-lg-6 offer-single">
                <div class="card offer-single__content text-center">
                  <span class="offer-single__icon">
                    <i class="ti-panel"></i>
                  </span>
                  <h4>رژیم غذایی مخصوص دیابت</h4>
                  <p>به شما کمک میکند که از همه گروه های هرم غذایی استفاده کرده و بدن را از انواع درشت مغذیها و ریز مغذیها بهره مند کنید. این کار باعث می شود کنترل دقیق راحت تری بر روی دیابت و قند خون داشته باشید</p>
                </div>
              </div>
            </div>

            <div class="row offer-single-wrapper">
              <div class="col-lg-6 offer-single">
                <div class="card offer-single__content text-center">
                  <span class="offer-single__icon">
                    <i class="ti-stats-up"></i>
                  </span>
                  <h4>آنالیز عملکرد بیماران دیابتی</h4>
                  <p>آیدیا در ثبت و ضبط اعداد قند خون به شما کمک میکند،میانگین قند خون شما را در بازه های زمانی روزانه،هفتگی،یکماهه و سه ماهه محاسبه میکند،درصد زمانی که قند خون در محدوده نرمال قرار داد را محاسبه میکند، میزان فعالیت بدنی شما را محاسبه میکند... همه این موارد کمک میکند تا کنترل بیشتری بر روی دیابت و قند خون داشته باشید</p>
                </div>
              </div>

              <div class="col-lg-6 offer-single">
                <div class="card offer-single__content text-center">
                  <span class="offer-single__icon">
                    <i class="ti-wand"></i>
                  </span>
                  <h4>مشاهده ارزش غذایی در آیدیا</h4>
                  <p>دانستن ارزش غذایی غذاها برای بیماران دیابتی اهمیت فراوانی دارد. چرا که فهم از ارزش غذایی می تواند تاثیر مستقیمی در کنترل قند خون و دیابت داشته باشد. در آیدیا می توانید ارزش غذایی هر غذا را مشاهده کنید و ببنید که این غذا چه میزان از نیاز بدنی شما به کربوهیدرات ،کالری،پروتئین و چربی را تأمین میکند یا اینکه برای سوزاندن این مقدار از خوراکی چقدر باید فعالیت بدنی داشته باشید</p>
                </div>
              </div>
            </div>

          </div>
          <div class="col-lg-6">
            <div class="offer-single__img">
              <img class="img-fluid" src="{% static 'idia_site/img/home/offer.png' %}" alt="آیدیا کنترل قند خون و دیابت">
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--================ Offer section end =================-->

    <!--================ Solution section start =================-->
    <section id="help" class="section-padding--small bg-magnolia">
      <div class="container">
        <div class="row align-items-center pt-xl-3 pb-xl-5">
          <div class="col-lg-4">
            <div class="solution__img text-center text-lg-left mb-4 mb-lg-0">
              <img class="img-fluid" src="{% static 'idia_site/img/home/manual.png' %}" alt="راهنمای آیدیا کنترل قند خون و دیابت">
            </div>
          </div>
          <div class="col-lg-8">
            <div class="solution__content">
              <h2 class="text-center" dir="rtl">راهنما</h2>
              <p class="text-right" dir="rtl">برای استفاده آسان تر از برنامه کنترل دیابت و قند خون آیدیا، میتوانید راهنمای نصب و استفاده از این برنامه را از این قسمت دریافت کنید.</p>
              <a class="button button-light" target="_blank" href="{% static 'idia_site/assets/user_manual.pdf' %}">دریافت راهنما</a>
              <a class="button button-light" target="_blank" href="{% static 'idia_site/assets/iDia_Terms_Conditions.pdf' %}">شرایط و قوانین</a>
              <a class="button button-light" target="_blank" href="https://www.aparat.com/v/Mykpn">ویدئو های آموزشی</a>

            </div>
          </div>
        </div>
      </div>
    </section>

    <!--================ about section start =================-->
    <section id="about" class="section-padding--small bg-magnolia">
      <div class="container">
        <div class="row no-gutters align-items-center">
          <div class="col-md-7 mb-5 mb-md-0">
            <div class="about__content">
              <h2 class="text-center" dir="rtl">درباره آیدیا</h2>
              <p class="text-right" dir="rtl">شرکت توسعه فناوری و دانش تغذیه مهر با بهره گیری ازتجارب مدیران خود و متخصصین حوزه تغذیه و تکنولوژی اطلاعات در صنعت و دانشگاه با هدف توسعه علم تغذیه و بهره گیری و ترکیب آن با فن آوریهای روز از سال 1397 فعالیت خود را آغاز کرده است، استفاده از هوش مصنوعی، کار و تحلیل داده های حجیم، نوآوری در ایجاد سبک زندگی با استفاده از دانش تغذیه، به کار گیری فن آوری زنجیره بلوک در سلامتی و تمرکز بر استفاده از تغذیه در بهبود و درمان بیماری ها عمده اهداف شرکت می باشد. برای نیل به این اهداف سعی کرده ایم از بهترین نیرو های علمی و اساتید دانشگاهی کشور، استفاده کنیم. اولین پروژه ایجاد اپلیکیشن iDia بوده است.</p>
{#              <a class="button button-light" href="#">Know More</a>#}
            </div>
          </div>
          <div class="col-md-5">
            <div class="about__img">
              <img class="img-fluid" src="{% static 'idia_site/img/home/about.png' %}" alt="درباره آیدیا کنترل قند خون و دیابت">
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--================ about section end =================-->

    <!--================ Start Clients Logo Area =================-->
{#    <section class="clients_logo_area section-padding">#}
{#      <div class="container">#}
{#        <div class="clients_slider owl-carousel">#}
{#          <div class="item">#}
{#            <img src="{% static 'idia_site/img/clients-logo/c-logo-1.png' %}" alt="">#}
{#          </div>#}
{#          <div class="item">#}
{#            <img src="{% static 'idia_site/img/clients-logo/c-logo-2.png' %}" alt="">#}
{#          </div>#}
{#          <div class="item">#}
{#            <img src="{% static 'idia_site/img/clients-logo/c-logo-3.png' %}" alt="">#}
{#          </div>#}
{#          <div class="item">#}
{#            <img src="{% static 'idia_site/img/clients-logo/c-logo-4.png' %}" alt="">#}
{#          </div>#}
{#          <div class="item">#}
{#            <img src="{% static 'idia_site/img/clients-logo/c-logo-5.png' %}" alt="">#}
{#          </div>#}
{#        </div>#}
{#      </div>#}
{#    </section>#}
    <!--================ End Clients Logo Area =================-->


    <div class="slider-area">
        	<!-- Slider -->
			<div class="block-slider block-slider4">
				<ul class="" id="bxslider-home4">
{#					<li>#}
{#						<img src="{% static 'idia_site/img/home/h4-slide2.png' %}" alt="Slide">#}
{#						<div class="caption-group">#}
{#							<h2 class="caption title">#}
{#								iPhone <span class="primary">6 <strong>Plus</strong></span>#}
{#							</h2>#}
{#							<h4 class="caption subtitle">Dual SIM</h4>#}
{#							<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>#}
{#						</div>#}
{#					</li>#}
{#					<li><img src="{% static 'idia_site/img/home/h4-slide2.png' %}" alt="Slide">#}
{#						<div class="caption-group">#}
{#							<h2 class="caption title">#}
{#								get one <span class="primary">50% <strong>off</strong></span>#}
{#							</h2>#}
{#							<h4 class="caption subtitle">school supplies</h4>#}
{#							<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>#}
{#						</div>#}
{#					</li>#}
{#					<li><img src="{% static 'idia_site/img/home/h4-slide2.png' %}" alt="Slide">#}
{#						<div class="caption-group">#}
{#							<h2 class="caption title">#}
{#								Apple <span class="primary">Store <strong>Ipod</strong></span>#}
{#							</h2>#}
{#							<h4 class="caption subtitle">Select Item</h4>#}
{#							<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>#}
{#						</div>#}
{#					</li>#}
{#					<li><img src="{% static 'idia_site/img/home/h4-slide2.png' %}" alt="Slide">#}
{#						<div class="caption-group">#}
{#						  <h2 class="caption title">#}
{#								Apple <span class="primary">Store <strong>Ipod</strong></span>#}
{#							</h2>#}
{#							<h4 class="caption subtitle">& Phone</h4>#}
{#							<a class="caption button-radius" href="#"><span class="icon"></span>Shop now</a>#}
{#						</div>#}
{#					</li>#}
{#				</ul>#}
{#			</div>#}
			<!-- ./Slider -->
    </div> <!-- End slider area -->




{% endblock %}

{% block scripts %}
    <script>
    // Open the Modal
    function openModal() {
      document.getElementById("myModal").style.display = "block";
    }

    // Close the Modal
    function closeModal() {
      document.getElementById("myModal").style.display = "none";
    }

    var slideIndex = 1;
    showSlides(slideIndex);

    // Next/previous controls
    function plusSlides(n) {
      showSlides(slideIndex += n);
    }

    // Thumbnail image controls
    function currentSlide(n) {
      showSlides(slideIndex = n);
    }

    function showSlides(n) {
      var i;
      var slides = document.getElementsByClassName("mySlides");
      var dots = document.getElementsByClassName("demo");
      var captionText = document.getElementById("caption");
      if (n > slides.length) {slideIndex = 1}
      if (n < 1) {slideIndex = slides.length}
      for (i = 0; i < slides.length; i++) {
        slides[i].style.display = "none";
      }
      for (i = 0; i < dots.length; i++) {
        dots[i].className = dots[i].className.replace(" active", "");
      }
      slides[slideIndex-1].style.display = "block";
      dots[slideIndex-1].className += " active";
      captionText.innerHTML = dots[slideIndex-1].alt;
    }
    </script>
{% endblock %}