templates/base_site/site/v3/modules/index-hero.html.twig line 1

Open in your IDE?
  1. <section id="hero">
  2.     <div class="container">
  3.         <h1 id="typing-header">
  4.             <p class="lead mt-2">
  5.                 برای فروش اینترنتی آماده هستید؟
  6.             </p>
  7.             <span>محصولت باید تو </span>
  8.             <span class="text-gradient" style="--from:#be598a; --to:#ff6a55; filter:blur(0)">پوشه
  9.                 </span>
  10.             {#            <span class="text-gradient" style="--from:indigo; --to:#be598a; filter:blur(0)">پـوشه #}
  11.             {#                </span> #}
  12.             <span>باشه!</span>
  13.         </h1>
  14.         <p class="lead mt-2">
  15.             پوشه با امکاناتی مثل راه‌اندازی آسان، امنیت بالا، ابزارهای تحلیل، SEO، و سازگاری با موبایل و پرداخت
  16.             آنلاین، مدیریت فروشگاه اینترنتی را ساده و حرفه‌ای می‌کند.
  17.         </p>
  18.     </div>
  19. </section>
  20. <div class="swiper mySwiperLil py-5">
  21.     <div class="swiper-wrapper">
  22.         <div class="swiper-slide">
  23.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_behtarino.jpg')| imagine_filter('b2bLogo7') }}"
  24.                  class="b2b-logo" alt="">
  25.         </div>
  26.         <div class="swiper-slide">
  27.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_dobare.jpg') | imagine_filter('b2bLogo7') }}"
  28.                  class="b2b-logo" alt="">
  29.         </div>
  30.         <div class="swiper-slide">
  31.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_emalls.jpg')| imagine_filter('b2bLogo7') }}"
  32.                  class="b2b-logo" alt="">
  33.         </div>
  34.         {#                <div class="swiper-slide"> #}
  35.         {#                    <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_gads.jpg')| imagine_filter('b2bLogo7') }}" class="b2b-logo" alt=""> #}
  36.         {#                </div> #}
  37.         {#                <div class="swiper-slide"> #}
  38.         {#                    <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_gmap.jpg')| imagine_filter('b2bLogo7') }}" class="b2b-logo" alt=""> #}
  39.         {#                </div> #}
  40.         {#                <div class="swiper-slide"> #}
  41.         {#                    <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_instagram.jpg')| imagine_filter('b2bLogo7') }}" class="b2b-logo" alt=""> #}
  42.         {#                </div> #}
  43.         <div class="swiper-slide">
  44.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_mediaad.jpg')| imagine_filter('b2bLogo7') }}"
  45.                  class="b2b-logo" alt="">
  46.         </div>
  47.         <div class="swiper-slide">
  48.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_seo.jpg')| imagine_filter('b2bLogo7') }}"
  49.                  class="b2b-logo" alt="">
  50.         </div>
  51.         <div class="swiper-slide">
  52.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_tapsell.jpg')| imagine_filter('b2bLogo7') }}"
  53.                  class="b2b-logo" alt="">
  54.         </div>
  55.         <div class="swiper-slide">
  56.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_torob.jpg')| imagine_filter('b2bLogo7') }}"
  57.                  class="b2b-logo" alt="">
  58.         </div>
  59.         <div class="swiper-slide">
  60.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_yektanet.jpg')| imagine_filter('b2bLogo7') }}"
  61.                  class="b2b-logo" alt="">
  62.         </div>
  63.         <div class="swiper-slide">
  64.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-01-platforms-01-gheymat.jpg')| imagine_filter('b2bLogo7') }}"
  65.                  class="b2b-logo" alt="">
  66.         </div>
  67.         <div class="swiper-slide">
  68.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-01-platforms-02-behtarino.jpg')| imagine_filter('b2bLogo7') }}"
  69.                  class="b2b-logo" alt="">
  70.         </div>
  71.         <div class="swiper-slide">
  72.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-04-platforms-01-miare.jpg')| imagine_filter('b2bLogo7') }}"
  73.                  class="b2b-logo" alt="">
  74.         </div>
  75.         <div class="swiper-slide">
  76.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-04-platforms-02-alopeyk.jpg')| imagine_filter('b2bLogo7') }}"
  77.                  class="b2b-logo" alt="">
  78.         </div>
  79.         <div class="swiper-slide">
  80.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-05-platforms-01-zibal.jpg')| imagine_filter('b2bLogo7') }}"
  81.                  class="b2b-logo" alt="">
  82.         </div>
  83.         <div class="swiper-slide">
  84.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-05-platforms-02-behpardakht.jpg')| imagine_filter('b2bLogo7') }}"
  85.                  class="b2b-logo" alt="">
  86.         </div>
  87.         <div class="swiper-slide">
  88.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-05-platforms-03-zarinpal.jpg')| imagine_filter('b2bLogo7') }}"
  89.                  class="b2b-logo" alt="">
  90.         </div>
  91.         <div class="swiper-slide">
  92.             <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-05-platforms-04-idpay.jpg')| imagine_filter('b2bLogo7') }}"
  93.                  class="b2b-logo" alt="">
  94.         </div>
  96.     </div>
  97. </div>
  98. <div class="container">
  99.     <div class="d-flex gap-3 align-items-center justify-content-center mt-5">
  100.         <a href="{{ path('app_register') }}" class="btn btn-primary btn-lg mt-3 fw-bold">شروع ۷ روز تست
  101.             رایگان</a>
  102.     </div>
  103.     <div class="mt-5 position-relative hero-wrapper">
  104.         <img alt="exampleTheme" src="{{ asset('assets/base_site/site/v3/img/hero.png') }}"
  105.              class="w-100 mobile-wrapper" id="heroImg"/>
  106.     </div>
  107. </div>
  108. {% block footer %}
  109.     <script>
  110.         var swiper = new Swiper(".mySwiperLil", {
  111.             slidesPerView: 3,         // تعداد اسلایدهایی که دیده میشه
  112.             spaceBetween: 20,
  113.             loop: true,
  114.             freeMode: true,           // حالت آزاد برای حرکت بدون توقف
  115.             speed: 2000,              // سرعت اسکرول (بیشتر = کندتر حرکت می‌کنه)
  116.             autoplay: {
  117.                 delay: 0,               // تاخیر صفر = حرکت دائمی
  118.                 disableOnInteraction: false,
  119.                 pauseOnMouseEnter: false // وایمیسته وقتی موس بره روش
  120.             },
  121.             breakpoints: {
  122.                 320: {slidesPerView: 3},
  123.                 576: {slidesPerView: 6},
  124.                 768: {slidesPerView: 8},
  125.                 992: {slidesPerView: 10}
  126.             }
  127.         });
  128.     </script>
  129. {% endblock %}