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

Open in your IDE?
  1. <div id="heroFill" style="
  2.         /*background: linear-gradient(rgba(255,255,255,0.6), rgba(255,255,255,0.6)),*/
  3.         {#url('{{ asset('hero-fill.png') }}') no-repeat center center;#}
  5.         {#background: url('{{ asset('hero-fill.png') }}');background-repeat: no-repeat;#}
  6.         {#background-size: contain;#}
  7.         {#background-position: center;#}
  8.         ">
  9.     <section id="hero" class="my-5 py-5 ">
  10.         <div class="container">
  11.             <h1 id="typing-header" class="my-5">
  12.                 <p class="lead my-2">
  13.                     برای فروش اینترنتی آماده هستید؟
  14.                 </p>
  15.                 <span>محصولت باید تو </span>
  16.                 <span class="text-gradient" style="--from:#be598a; --to:#ff6a55; filter:blur(0)">پوشه
  17.                 </span>
  18.                 {#            <span class="text-gradient" style="--from:indigo; --to:#be598a; filter:blur(0)">پـوشه #}
  19.                 {#                </span> #}
  20.                 <span>باشه!</span>
  21.             </h1>
  22.             <p class="lead mt-2">
  23.                 پوشه با امکاناتی مثل راه‌اندازی آسان، امنیت بالا، ابزارهای تحلیل، SEO، و سازگاری با موبایل و پرداخت
  24.                 آنلاین، مدیریت فروشگاه اینترنتی را ساده و حرفه‌ای می‌کند.
  25.             </p>
  26.         </div>
  27.     </section>
  28.     <div class="swiper mySwiperLil py-5">
  29.         <div class="swiper-wrapper">
  30.             <div class="swiper-slide">
  31.                 <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_behtarino.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_dobare.jpg') | imagine_filter('b2bLogo7') }}"
  36.                      class="b2b-logo" alt="">
  37.             </div>
  38.             <div class="swiper-slide">
  39.                 <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_emalls.jpg')| imagine_filter('b2bLogo7') }}"
  40.                      class="b2b-logo" alt="">
  41.             </div>
  42.             {#                <div class="swiper-slide"> #}
  43.             {#                    <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_gads.jpg')| imagine_filter('b2bLogo7') }}" class="b2b-logo" alt=""> #}
  44.             {#                </div> #}
  45.             {#                <div class="swiper-slide"> #}
  46.             {#                    <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_gmap.jpg')| imagine_filter('b2bLogo7') }}" class="b2b-logo" alt=""> #}
  47.             {#                </div> #}
  48.             {#                <div class="swiper-slide"> #}
  49.             {#                    <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_instagram.jpg')| imagine_filter('b2bLogo7') }}" class="b2b-logo" alt=""> #}
  50.             {#                </div> #}
  51.             <div class="swiper-slide">
  52.                 <img src="{{ asset('assets/base_site/site/v3/img/b2b/sales_channel_mediaad.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_seo.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_tapsell.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/sales_channel_torob.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/sales_channel_yektanet.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-01-platforms-01-gheymat.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-01-platforms-02-behtarino.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-04-platforms-01-miare.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-04-platforms-02-alopeyk.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-01-zibal.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-02-behpardakht.jpg')| imagine_filter('b2bLogo7') }}"
  93.                      class="b2b-logo" alt="">
  94.             </div>
  95.             <div class="swiper-slide">
  96.                 <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-05-platforms-03-zarinpal.jpg')| imagine_filter('b2bLogo7') }}"
  97.                      class="b2b-logo" alt="">
  98.             </div>
  99.             <div class="swiper-slide">
  100.                 <img src="{{ asset('assets/base_site/site/v3/img/b2b/vitrin-integrations-items-05-platforms-04-idpay.jpg')| imagine_filter('b2bLogo7') }}"
  101.                      class="b2b-logo" alt="">
  102.             </div>
  107.             <div class="swiper-slide">
  108.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 1.png')| imagine_filter('b2bLogo7') }}"
  109.                      class="b2b-logo" alt="">
  110.             </div>
  113.             <div class="swiper-slide">
  114.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 2.png')| imagine_filter('b2bLogo7') }}"
  115.                      class="b2b-logo" alt="">
  116.             </div>
  119.             <div class="swiper-slide">
  120.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 6.png')| imagine_filter('b2bLogo7') }}"
  121.                      class="b2b-logo" alt="">
  122.             </div>
  125.             <div class="swiper-slide">
  126.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 7.png')| imagine_filter('b2bLogo7') }}"
  127.                      class="b2b-logo" alt="">
  128.             </div>
  131.             <div class="swiper-slide">
  132.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 9.png')| imagine_filter('b2bLogo7') }}"
  133.                      class="b2b-logo" alt="">
  134.             </div>
  137.             <div class="swiper-slide">
  138.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 10.png')| imagine_filter('b2bLogo7') }}"
  139.                      class="b2b-logo" alt="">
  140.             </div>
  143.             <div class="swiper-slide">
  144.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 11.png')| imagine_filter('b2bLogo7') }}"
  145.                      class="b2b-logo" alt="">
  146.             </div>
  149.             <div class="swiper-slide">
  150.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 12.png')| imagine_filter('b2bLogo7') }}"
  151.                      class="b2b-logo" alt="">
  152.             </div>
  155.             <div class="swiper-slide">
  156.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 13.png')| imagine_filter('b2bLogo7') }}"
  157.                      class="b2b-logo" alt="">
  158.             </div>
  159.             <div class="swiper-slide">
  160.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 14.png')| imagine_filter('b2bLogo7') }}"
  161.                      class="b2b-logo" alt="">
  162.             </div>
  163.             <div class="swiper-slide">
  164.                 <img src="{{ asset('assets/base_site/site/v3/img/saz/File 15.png')| imagine_filter('b2bLogo7') }}"
  165.                      class="b2b-logo" alt="">
  166.             </div>
  168.         </div>
  169.     </div>
  170. </div>
  171. <div class="container">
  172.     <div class="d-flex gap-3 align-items-center justify-content-center mt-5">
  173.         <a href="{{ path('app_register') }}" class="btn btn-primary btn-lg mt-3 fw-bold">شروع ۷ روز تست
  174.             رایگان</a>
  175.     </div>
  176.     <div class="mt-5 position-relative hero-wrapper">
  177.         <img alt="exampleTheme" src="{{ asset('assets/base_site/site/v3/img/hero.png') }}"
  178.              class="w-100 mobile-wrapper" id="heroImg"/>
  179.     </div>
  180. </div>
  181. {% block footer %}
  182.     <script>
  183.         var swiper = new Swiper(".mySwiperLil", {
  184.             slidesPerView: 3,         // تعداد اسلایدهایی که دیده میشه
  185.             spaceBetween: 20,
  186.             loop: true,
  187.             freeMode: true,           // حالت آزاد برای حرکت بدون توقف
  188.             speed: 2000,              // سرعت اسکرول (بیشتر = کندتر حرکت می‌کنه)
  189.             autoplay: {
  190.                 delay: 0,               // تاخیر صفر = حرکت دائمی
  191.                 disableOnInteraction: false,
  192.                 pauseOnMouseEnter: false // وایمیسته وقتی موس بره روش
  193.             },
  194.             breakpoints: {
  195.                 320: {slidesPerView: 3},
  196.                 576: {slidesPerView: 6},
  197.                 768: {slidesPerView: 8},
  198.                 992: {slidesPerView: 10}
  199.             }
  200.         });
  201.     </script>
  202. {% endblock %}