@extends('layouts.layout')

@section('head_content')
    @php
        //dump(Auth::check());
        //dump(auth()->check());
    @endphp
@endsection  

@section('content')

    <!-- ======= Portfolio Section ======= -->
    <section id="portfolio" class="portfolio">
    <div class="container" data-aos="fade-up">

      <div class="row portfolio-container" data-aos="fade-up" data-aos-delay="300">

        <div class="col-lg-4 col-md-6 portfolio-item filter-app">
          <a href="img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery"
                    class="portfolio-lightbox">
            <div class="portfolio-wrap">
              <img src="img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
            </div>
          </a>
        </div>

        <div class="col-lg-4 col-md-6 portfolio-item filter-web">
          <a href="img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery"
                    class="portfolio-lightbox">
            <div class="portfolio-wrap">
              <img src="img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
            </div>
          </a>

        </div>

        <div class="col-lg-4 col-md-6 portfolio-item filter-app">
        <a href="img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery"
                    class="portfolio-lightbox">
            <div class="portfolio-wrap">
              <img src="img/portfolio/portfolio-3.jpg" class="img-fluid" alt="">
            </div>
          </a>
        </div>



      </div>

    </div>
    </section><!-- End Portfolio Section -->

    <!-- ======= About Section ======= -->
    <section id="about" class="about">
    <div class="container" data-aos="fade-up">
      <div class="section-title">
        <h2>Автоматична ретуш портретiв</h2>
        <p>Нейромережi працюють за вас </p>
      </div>

      <div class="row content">
        <div class="text-center">
          <a href="#about" class="btn-dl btn-dl-win">
            <div>
                <p class="ri-windows-fill icon"></p> 
                <p> Windows</p>
            </div>
            <div class="bnt-small-text">Windows 10 та новiша</div>
          </a>
          <a href="#" class="btn-dl btn-dl-mac-active">
            <div>
                <p class="ri-apple-fill icon"></p> 
                <p> macOS</p>
            </div>
            <div class="bnt-small-text">Версiя для Intel та M1+</div>
          </a>
        </div>
      </div>

    </div>
    </section><!-- End About Section -->

    <!-- ======= Services Section ======= -->
    <section id="services" class="services section-bg">
    <div class="container" data-aos="fade-up">

      <div class="row">
        <div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
          <div class="icon-box iconbox-blue">
            <div class="icon">
              <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                <path stroke="none" stroke-width="0" fill="#f5f5f5"
                  d="M300,521.0016835830174C376.1290562159157,517.8887921683347,466.0731472004068,529.7835943286574,510.70327084640275,468.03025145048787C554.3714126377745,407.6079735673963,508.03601936045806,328.9844924480964,491.2728898941984,256.3432110539036C474.5976632858925,184.082847569629,479.9380746630129,96.60480741107993,416.23090153303,58.64404602377083C348.86323505073057,18.502131276798302,261.93793281208167,40.57373210992963,193.5410806939664,78.93577620505333C130.42746243093433,114.334589627462,98.30271207620316,179.96522072025542,76.75703585869454,249.04625023123273C51.97151888228291,328.5150500222984,13.704378332031375,421.85034740162234,66.52175969318436,486.19268352777647C119.04800174914682,550.1803526380478,217.28368757567262,524.383925680826,300,521.0016835830174">
                </path>
              </svg>
              <i class="bx bxl-dribbble"></i>
            </div>
            <h4><a href="">Ретуш в один клік</a></h4>
            <p>Повністю автоматичний процес обробки шкіри на тілі та обличчі</p>
          </div>
        </div>

        <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in" data-aos-delay="200">
          <div class="icon-box iconbox-orange ">
            <div class="icon">
              <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                <path stroke="none" stroke-width="0" fill="#f5f5f5"
                  d="M300,582.0697525312426C382.5290701553225,586.8405444964366,449.9789794690241,525.3245884688669,502.5850820975895,461.55621195738473C556.606425686781,396.0723002908107,615.8543463187945,314.28637112970534,586.6730223649479,234.56875336149918C558.9533121215079,158.8439757836574,454.9685369536778,164.00468322053177,381.49747125262974,130.76875717737553C312.15926192815925,99.40240125094834,248.97055460311594,18.661163978235184,179.8680185752513,50.54337015887873C110.5421016452524,82.52863877960104,119.82277516462835,180.83849132639028,109.12597500060166,256.43424936330496C100.08760227029461,320.3096726198365,92.17705696193138,384.0621239912766,124.79988738764834,439.7174275375508C164.83382741302287,508.01625554203684,220.96474134820875,577.5009287672846,300,582.0697525312426">
                </path>
              </svg>
              <i class="bx bx-file"></i>
            </div>
            <h4><a href="">Два стилі обробки</a></h4>
            <p>Натуральна обробка для природніх портретів на fashion для "глянцевих" фото</p>
          </div>
        </div>

        <div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in" data-aos-delay="300">
          <div class="icon-box iconbox-pink">
            <div class="icon">
              <svg width="100" height="100" viewBox="0 0 600 600" xmlns="http://www.w3.org/2000/svg">
                <path stroke="none" stroke-width="0" fill="#f5f5f5"
                  d="M300,541.5067337569781C382.14930387511276,545.0595476570109,479.8736841581634,548.3450877840088,526.4010558755058,480.5488172755941C571.5218469581645,414.80211281144784,517.5187510058486,332.0715597781072,496.52539010469104,255.14436215662573C477.37192572678356,184.95920475031193,473.57363656557914,105.61284051026155,413.0603344069578,65.22779650032875C343.27470386102294,18.654635553484475,251.2091493199835,5.337323636656869,175.0934190732945,40.62881213300186C97.87086631185822,76.43348514350839,51.98124368387456,156.15599469081315,36.44837278890362,239.84606092416172C21.716077023791087,319.22268207091537,43.775223500013084,401.1760424656574,96.891909868211,461.97329694683043C147.22146801428983,519.5804099606455,223.5754009179313,538.201503339737,300,541.5067337569781">
                </path>
              </svg>
              <i class="bx bx-tachometer"></i>
            </div>
            <h4><a href="">Без присмаку пластику</a></h4>
            <p>Не замилює шкіру та не спотворює текстуру, роблячи її штучною</p>
          </div>
        </div>



      </div>

    </div>
    </section><!-- End Sevices Section -->

    <!-- ======= Frequently Asked Questions Section ======= -->
    <section id="faq" class="faq section-bg">
    <div class="container" data-aos="fade-up">

      <div class="section-title">
        <h2>Додаткова інформація</h2>

      </div>

      <div class="faq-list">
        <ul>
          <li data-aos="fade-up">
            <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" class="collapse"
              data-bs-target="#faq-list-1">Який компьютер треба для використання програми? <i
                class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
            <div id="faq-list-1" class="collapse show" data-bs-parent=".faq-list">
              <p>
                <strong>Windows: </strong> GeForce 970 та краще, або Radeon 470 та краще. Наразі windows версія краще оптимізована під відеокарти nvidia, але це буде виправлено. Інші характеристики мають менше значення.
              </p>
              <p>
                <strong>macOS: </strong> Radeon 450 та краще, або M1 та краще. Це рівень Macbook Pro починаючи с 2016 року. Mac версія програми добре оптимізована під відеокарти AMD. 
              </p>
            </div>
          </li>

          <li data-aos="fade-up" data-aos-delay="100">
            <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-2"
              class="collapsed">Чи є інтеграція с Abobe Photoshop? <i
                class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
            <div id="faq-list-2" class="collapse" data-bs-parent=".faq-list">
              <p>
                Наразі у комплекті с програмою іде плагін для інтеграціі с Photoshop. Поки він не підтримує пакетну обробку. Пакетна версія плагіну для Photoshop і такі ж плагіни для Lightroom та Capture One є у планах.
              </p>
            </div>
          </li>

          <li data-aos="fade-up" data-aos-delay="200">
            <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-3"
              class="collapsed">Яка різниця між стилями natural та fashion? <i
                class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
            <div id="faq-list-3" class="collapse" data-bs-parent=".faq-list">
              <p>
                Натуральний стиль обробки прибирає основні недоліки шкіри не вносячи значних змін до портрету. Цей стиль є досить універсальним і підходить для фотографій різної якості та зроблених у різних умовах.
              </p>
              <p>
                Fashion стиль сильніше вірівнює рельєф, прибирає більше недоліків шкіри та поодинокі волосини. Цей стиль підходить для фотографій, зроблених при гарному освітленні, яке підкреслює об`єм. Наразі застосовується тільки для обличчя.
              </p>
            </div>
          </li>

          <li data-aos="fade-up" data-aos-delay="300">
            <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-4"
              class="collapsed">Скільки коштує програма? <i
                class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
            <div id="faq-list-4" class="collapse" data-bs-parent=".faq-list">
              <p>
                Українська версія є бескоштовною.
              </p>
            </div>
          </li>

          <li data-aos="fade-up" data-aos-delay="400">
            <i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-5"
              class="collapsed">Куди писати, якщо не подобається результат обробки та інше? <i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
            <div id="faq-list-5" class="collapse" data-bs-parent=".faq-list">
              <p>
                Поки що підтримка працює в рамках <a class="inl" href="#">Telegram-групи</a>. Більш ефективні інструменти зворотнього зв`язку ще у розробці.
              </p>
            </div>
          </li>

        </ul>
      </div>

    </div>
    </section><!-- End Frequently Asked Questions Section -->

    <!-- ======= Contact Section ======= -->
    <section id="contact" class="contact">
    <div class="container" data-aos="fade-up">

      <div class="section-title">
        <h2>Зворотній звя`зок</h2>
        <h3>Наразі, вся підтримка здійснюється у <a class="inl" href="#">Telegram-групі</a></h3>
      </div>



      </div>

    </div>
    </section><!-- End Contact Section -->

@endsection  


@section('page_scripts')
    @auth
        @if(! auth()->user()->hasVerifiedEmail())
            <script>
            document.querySelector('.b-social').classList.add('d-none');
            document.querySelector('.b-auth').classList.add('d-none');
            document.querySelector('.b-email-message').classList.remove('d-none');
            
            document.querySelector('#navbar .getstarted').click();
            </script>
        @endif
    @endauth
        
@endsection