templates/frontend/pages/homepage/index.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/common/index.html.twig' %}
  2. {% block title %}{{ title }}{% endblock %}
  4. {% block body %}
  6. {% include('frontend/common/widgets/header.html.twig') %}
  8.     <section class="hero-area overlay">
  9.         <div class="container">
  10.             <div class="row">
  11.                 <div class="col-lg-10 offset-lg-1 col-md-12 col-12">
  12.                     <div class="hero-text text-center">
  13.                         <!-- Start Hero Text -->
  14.                         <div class="section-heading">
  15.                             <h2 class="wow fadeInUp" data-wow-delay=".3s">{{ settings.mainTitle }}</h2>
  16.                             <p class="wow fadeInUp" data-wow-delay=".5s">{{ settings.mainDesc }}</p>
  17.                             <a class="wow fadeInUp nrp-button-dc" href="https://discord.gg/luxerp" data-wow-delay=".7s"><i class="fa-brands fa-discord"></i>Dołącz do Nas!</a>
  18.                         </div>
  19.                         <!-- End Hero Text -->
  20.                     </div>
  21.                 </div>
  22.             </div>
  23.         </div>
  24.     </section>
  26.     <section class="why-choose section">
  27.         <div class="container">
  28.             <div class="row">
  29.                 <div class="col-12">
  30.                     <div class="section-title">
  31.                         <h2 class="wow fadeInUp" data-wow-delay=".4s">{{ settings.whyus.whyus_title }}</h2>
  32.                         <p class="wow fadeInUp" data-wow-delay=".6s">{{ settings.whyus.whyus_desc }}</p>
  33.                     </div>
  34.                 </div>
  35.             </div>
  36.             <div class="row">
  37.                 <div class="col-lg-12">
  38.                     <div class="choose-content">
  39.                         <div class="row d-flex justify-content-around">
  40.                             {% if settings.whyus.whyus_enabled_1 == 1 %}
  41.                                 <div class="col-lg-4 col-md-6 col-12">
  42.                                     <!-- Start Single List -->
  43.                                     <div class="single-list wow fadeInUp" data-wow-delay=".4s">
  44.                                         <i class="lni lni-{{ settings.whyus.whyus_icon_1 }}"></i>
  45.                                         <h4>{{ settings.whyus.whyus_title_1 }}</h4>
  46.                                         <p>{{ settings.whyus.whyus_desc_1 }}</p>
  47.                                     </div>
  48.                                     <!-- Start Single List -->
  49.                                 </div>
  50.                             {% endif %}
  52.                             {% if settings.whyus.whyus_enabled_2 == 1 %}
  53.                                 <div class="col-lg-4 col-md-6 col-12">
  54.                                     <!-- Start Single List -->
  55.                                     <div class="single-list wow fadeInUp" data-wow-delay=".4s">
  56.                                         <i class="lni lni-{{ settings.whyus.whyus_icon_2 }}"></i>
  57.                                         <h4>{{ settings.whyus.whyus_title_2 }}</h4>
  58.                                         <p>{{ settings.whyus.whyus_desc_2 }}</p>
  59.                                     </div>
  60.                                     <!-- Start Single List -->
  61.                                 </div>
  62.                             {% endif %}
  64.                             {% if settings.whyus.whyus_enabled_3 == 1 %}
  65.                                 <div class="col-lg-4 col-md-6 col-12">
  66.                                     <!-- Start Single List -->
  67.                                     <div class="single-list wow fadeInUp" data-wow-delay=".4s">
  68.                                         <i class="lni lni-{{ settings.whyus.whyus_icon_3 }}"></i>
  69.                                         <h4>{{ settings.whyus.whyus_title_3 }}</h4>
  70.                                         <p>{{ settings.whyus.whyus_desc_3 }}</p>
  71.                                     </div>
  72.                                     <!-- Start Single List -->
  73.                                 </div>
  74.                             {% endif %}
  76.                             {% if settings.whyus.whyus_enabled_4 == 1 %}
  77.                                 <div class="col-lg-4 col-md-6 col-12">
  78.                                     <!-- Start Single List -->
  79.                                     <div class="single-list wow fadeInUp" data-wow-delay=".4s">
  80.                                         <i class="lni lni-{{ settings.whyus.whyus_icon_4 }}"></i>
  81.                                         <h4>{{ settings.whyus.whyus_title_4 }}</h4>
  82.                                         <p>{{ settings.whyus.whyus_desc_4 }}</p>
  83.                                     </div>
  84.                                     <!-- Start Single List -->
  85.                                 </div>
  86.                             {% endif %}
  88.                             {% if settings.whyus.whyus_enabled_5 == 1 %}
  89.                                 <div class="col-lg-4 col-md-6 col-12">
  90.                                     <!-- Start Single List -->
  91.                                     <div class="single-list wow fadeInUp" data-wow-delay=".4s">
  92.                                         <i class="lni lni-{{ settings.whyus.whyus_icon_5 }}"></i>
  93.                                         <h4>{{ settings.whyus.whyus_title_5 }}</h4>
  94.                                         <p>{{ settings.whyus.whyus_desc_5 }}</p>
  95.                                     </div>
  96.                                     <!-- Start Single List -->
  97.                                 </div>
  98.                             {% endif %}
  100.                             {% if settings.whyus.whyus_enabled_6 == 1 %}
  101.                                 <div class="col-lg-4 col-md-6 col-12">
  102.                                     <!-- Start Single List -->
  103.                                     <div class="single-list wow fadeInUp" data-wow-delay=".4s">
  104.                                         <i class="lni lni-{{ settings.whyus.whyus_icon_6 }}"></i>
  105.                                         <h4>{{ settings.whyus.whyus_title_6 }}</h4>
  106.                                         <p>{{ settings.whyus.whyus_desc_6 }}</p>
  107.                                     </div>
  108.                                     <!-- Start Single List -->
  109.                                 </div>
  110.                             {% endif %}
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.         </div>
  116.     </section>
  118.     <section class="our-achievement section">
  119.         <div class="container">
  120.             <div class="row">
  121.                 <div class="col-lg-3 col-md-3 col-12">
  122.                     <div class="single-achievement wow fadeInUp" data-wow-delay=".4s">
  123.                         <h3 class="counter"><span id="secondo1" class="countup" cup-end="{{ stats['users'] }}">{{ stats['users'] }}</span></h3>
  124.                         <p>{% if stats['users'] == 1 %}Użytkownik{% else %}Użytkowników{% endif %}</p>
  125.                     </div>
  126.                 </div>
  127.                 <div class="col-lg-3 col-md-3 col-12">
  128.                     <div class="single-achievement wow fadeInUp" data-wow-delay=".8s">
  129.                         <h3 class="counter"><span id="secondo3" class="countup" cup-end="{{ stats['applications']['all'] }}">{{ stats['applications']['all'] }}</span></h3>
  130.                         <p>Napisanych podań</p>
  131.                     </div>
  132.                 </div>
  133.                 <div class="col-lg-3 col-md-3 col-12">
  134.                     <div class="single-achievement wow fadeInUp" data-wow-delay=".8s">
  135.                         <h3 class="counter"><span id="secondo3" class="countup" cup-end="{{ stats['applications']['accepted'] }}">{{ stats['applications']['accepted'] }}</span></h3>
  136.                         <p>Przyjętych podań</p>
  137.                     </div>
  138.                 </div>
  139.                 <div class="col-lg-3 col-md-3 col-12">
  140.                     <div class="single-achievement wow fadeInUp" data-wow-delay=".8s">
  141.                         <h3 class="counter"><span id="secondo2" class="countup" cup-end="{{ stats['applications']['denied'] }}">{{ stats['applications']['denied'] }}</span></h3>
  142.                         <p>Odrzuconych podań</p>
  143.                     </div>
  144.                 </div>
  145.             </div>
  146.         </div>
  147.     </section>
  149.     {# <!-- Start Pricing Table Area -->
  150.     <section class="pricing-table section">
  151.         <div class="container">
  152.             <div class="row">
  153.                 <div class="col-12">
  154.                     <div class="section-title">
  155.                         <h2 class="wow fadeInUp" data-wow-delay=".4s">{{ 'app.section.pricing.title'|trans }}</h2>
  156.                         <p class="wow fadeInUp" data-wow-delay=".6s">{{ 'app.section.pricing.desc'|trans }}</p>
  157.                     </div>
  158.                 </div>
  159.             </div>
  160.             <div class="row justify-content-center">
  161.                 <div class="col-lg-4 col-md-6 col-12">
  162.                     <!-- Single Table -->
  163.                     <div class="single-table wow fadeInUp" data-wow-delay=".4s">
  164.                         <!-- Table Head -->
  165.                         <div class="table-head">
  166.                             <div class="price">
  167.                                 <h2 class="amount">120zł<span class="duration">/ {{ 'app.section.pricing.lifetime'|trans }}</span></h2>
  168.                             </div>
  169.                             <h4 class="title">{{ 'app.section.pricing.plan.standard'|trans }}</h4>
  170.                         </div>
  171.                         <!-- End Table Head -->
  172.                         <!-- Table List -->
  173.                         <ul class="table-list">
  174.                             <li><i class="lni lni-checkmark-circle color-green"></i> Prosta konfiguracja strony w <span class="fw-bold" data-tippy-content="Panel Administracyjny">ACP</span></li>
  175.                             <li><i class="lni lni-checkmark-circle color-green"></i> Uprawnienia dla grup do określonych kategorii podań</li>
  176.                             <li><i class="lni lni-checkmark-circle color-green"></i> Możliwość zmiany logo</li>
  177.                             <li><i class="lni lni-checkmark-circle color-green"></i> Możliwość edycji treści na stronie</li>
  178.                             <li><i class="lni lni-checkmark-circle color-green"></i> Konfiguracja webhooka z serwerem Discord</li>
  179.                             <li><i class="lni lni-checkmark-circle color-green"></i> Pomoc techniczna</li>
  180.                             <li><i class="lni lni-cross-circle color-red"></i> Tworzenie własnych szablonów<span class="color-red" data-tippy-content="Aktualnie opcja jest w fazie testów">*</span></li>
  181.                             <li><i class="lni lni-cross-circle color-red"></i> Zarządzanie modułami na stronie</li>
  182.                             <li><i class="lni lni-cross-circle color-red"></i> Dodawanie własnych zakładek</li>
  183.                             <li><i class="lni lni-cross-circle color-red"></i> Tworzenie własnych podstron</li>
  184.                             <li><i class="lni lni-cross-circle color-red"></i> Aktualizacje developerskie</li>
  185.                         </ul>
  186.                         <!-- End Table List -->
  187.                         <!-- Table Bottom -->
  188.                         <div class="button">
  189.                             <a class="btn" href="#">Select Plan</a>
  190.                         </div>
  191.                         <!-- End Table Bottom -->
  192.                     </div>
  193.                     <!-- End Single Table-->
  194.                 </div>
  195.                 <div class="col-lg-4 col-md-6 col-12">
  196.                     <!-- Single Table -->
  197.                     <div class="single-table wow fadeInUp" data-wow-delay=".6s">
  198.                         <!-- Table Head -->
  199.                         <div class="table-head">
  200.                             <div class="price">
  201.                                 <h2 class="amount">200zł<span class="duration">/ {{ 'app.section.pricing.lifetime'|trans }}</span></h2>
  202.                             </div>
  203.                             <h4 class="title">{{ 'app.section.pricing.plan.premium'|trans }}</h4>
  204.                         </div>
  205.                         <!-- End Table Head -->
  206.                         <!-- Table List -->
  207.                         <ul class="table-list">
  208.                             <li><i class="lni lni-checkmark-circle color-green"></i> Prosta konfiguracja strony w <span class="fw-bold" data-tippy-content="Panel Administracyjny">ACP</span></li>
  209.                             <li><i class="lni lni-checkmark-circle color-green"></i> Uprawnienia dla grup do określonych kategorii podań</li>
  210.                             <li><i class="lni lni-checkmark-circle color-green"></i> Możliwość zmiany logo</li>
  211.                             <li><i class="lni lni-checkmark-circle color-green"></i> Możliwość edycji treści na stronie</li>
  212.                             <li><i class="lni lni-checkmark-circle color-green"></i> Konfiguracja webhooka z serwerem Discord</li>
  213.                             <li><i class="lni lni-checkmark-circle color-green"></i> Pomoc techniczna</li>
  214.                             <li><i class="lni lni-checkmark-circle color-green"></i> Tworzenie własnych szablonów<span class="color-red" data-tippy-content="Aktualnie opcja jest w fazie testów">*</span></li>
  215.                             <li><i class="lni lni-checkmark-circle color-green"></i> Zarządzanie modułami na stronie</li>
  216.                             <li><i class="lni lni-checkmark-circle color-green"></i> Dodawanie własnych zakładek</li>
  217.                             <li><i class="lni lni-checkmark-circle color-green"></i> Tworzenie własnych podstron</li>
  218.                             <li><i class="lni lni-checkmark-circle color-green"></i> Aktualizacje developerskie</li>
  219.                         </ul>
  220.                         <!-- End Table List -->
  221.                         <!-- Table Bottom -->
  222.                         <div class="button">
  223.                             <a class="btn" href="javascript:void(0)">Select Plan</a>
  224.                         </div>
  225.                         <!-- End Table Bottom -->
  226.                     </div>
  227.                     <!-- End Single Table-->
  228.                 </div>
  229.             </div>
  230.         </div>
  231.     </section>
  232.     <!--/ End Pricing Table Area -->
  234.     <!-- Start How Works Area -->
  235.     <section class="how-works section">
  236.         <div class="container">
  237.             <div class="row">
  238.                 <div class="col-12">
  239.                     <div class="section-title">
  240.                         <h2 class="wow fadeInUp" data-wow-delay=".4s">{{ 'app.section.hw.title'|trans }}</h2>
  241.                         <p class="wow fadeInUp" data-wow-delay=".6s">{{ 'app.section.hw.desc'|trans }}</p>
  242.                     </div>
  243.                 </div>
  244.             </div>
  245.             <div class="row">
  246.                 <div class="col-lg-4 col-md-4 col-12">
  247.                     <!-- Start Single Work -->
  248.                     <div class="single-work wow fadeInUp" data-wow-delay=".2s">
  249.                         <span class="serial">01</span>
  250.                         <h3>{{ 'app.section.hw.step1.title'|trans }}</h3>
  251.                         <p>{{ 'app.section.hw.step1.desc'|trans }}</p>
  252.                     </div>
  253.                     <!-- End Single Work -->
  254.                 </div>
  255.                 <div class="col-lg-4 col-md-4 col-12">
  256.                     <!-- Start Single Work -->
  257.                     <div class="single-work wow fadeInUp" data-wow-delay=".4s">
  258.                         <span class="serial">02</span>
  259.                         <h3>{{ 'app.section.hw.step2.title'|trans }}</h3>
  260.                         <p>{{ 'app.section.hw.step2.desc'|trans }}</p>
  261.                     </div>
  262.                     <!-- End Single Work -->
  263.                 </div>
  264.                 <div class="col-lg-4 col-md-4 col-12">
  265.                     <!-- Start Single Work -->
  266.                     <div class="single-work wow fadeInUp" data-wow-delay=".6s">
  267.                         <span class="serial">03</span>
  268.                         <h3>{{ 'app.section.hw.step3.title'|trans }}</h3>
  269.                         <p>{{ 'app.section.hw.step3.desc'|trans }}</p>
  270.                     </div>
  271.                     <!-- End Single Work -->
  272.                 </div>
  273.             </div>
  274.         </div>
  275.     </section>
  276.     <!-- End How Works Area --> #}
  278.     {# <!-- Start Clients Area -->
  279.     <div class="client-logo-section">
  280.         <div class="container">
  281.             <div class="client-logo-wrapper">
  282.                 <div class="client-logo-carousel d-flex align-items-center justify-content-between">
  283.                     <div class="client-logo">
  284.                         <img src="assets/images/clients/client1.svg" alt="#">
  285.                     </div>
  286.                     <div class="client-logo">
  287.                         <img src="assets/images/clients/client2.svg" alt="#">
  288.                     </div>
  289.                     <div class="client-logo">
  290.                         <img src="assets/images/clients/client3.svg" alt="#">
  291.                     </div>
  292.                     <div class="client-logo">
  293.                         <img src="assets/images/clients/client4.svg" alt="#">
  294.                     </div>
  295.                     <div class="client-logo">
  296.                         <img src="assets/images/clients/client5.svg" alt="#">
  297.                     </div>
  298.                     <div class="client-logo">
  299.                         <img src="assets/images/clients/client2.svg" alt="#">
  300.                     </div>
  301.                     <div class="client-logo">
  302.                         <img src="assets/images/clients/client3.svg" alt="#">
  303.                     </div>
  304.                     <div class="client-logo">
  305.                         <img src="assets/images/clients/client4.svg" alt="#">
  306.                     </div>
  307.                     <div class="client-logo">
  308.                         <img src="assets/images/clients/client5.svg" alt="#">
  309.                     </div>
  310.                 </div>
  311.             </div>
  312.         </div>
  313.     </div>
  314.     <!-- End Clients Area --> #}
  316. {% include('frontend/common/widgets/footer.html.twig') %}
  318. {% endblock %}
  320. {% block javascripts %}
  321.     <script src="assets/js/count-up.min.js"></script>
  322.     <script type="text/javascript">
  323.         //====== Clients Logo Slider
  324.         tns({
  325.             container: '.client-logo-carousel',
  326.             slideBy: 'page',
  327.             autoplay: true,
  328.             autoplayButtonOutput: false,
  329.             mouseDrag: true,
  330.             gutter: 15,
  331.             nav: false,
  332.             controls: false,
  333.             responsive: {
  334.                 0: {
  335.                     items: 1,
  336.                 },
  337.                 540: {
  338.                     items: 3,
  339.                 },
  340.                 768: {
  341.                     items: 4,
  342.                 },
  343.                 992: {
  344.                     items: 4,
  345.                 },
  346.                 1170: {
  347.                     items: 6,
  348.                 }
  349.             }
  350.         });
  352.         //====== counter up 
  353.         var cu = new counterUp({
  354.             start: 0,
  355.             duration: 2000,
  356.             intvalues: true,
  357.             interval: 100,
  358.             append: " ",
  359.         });
  360.         cu.start();
  361.     </script>
  362. {% endblock %}