{% extends "@BaseSiteV2/base.html.twig" %}{% block body %} <div class="container mb-5"> <div class="row justify-content-center"> <div class="col-12"> <div class="slider-area mt-5 my-radius"> <div class="row justify-content-center"> <div class="col-12 col-md-6"> <div class="slider-content text-center"> <h1> با فروشگاه ساز پــوشــه سریع و آسان <br> <span id="element">فروشگاه آنلاین بساز!</span> </h1> <a href="{{ path('app_register') }}" class="btn btn-outline-light"> همین حالا شروع کن </a> <div class="row mt-5"> <div class="col-12 col-md-4"> <p class="m-0 text-white mb-3"> بدون نیاز به دانش فنی </p> </div> <div class="col-12 col-md-4"> <p class="m-0 text-white mb-3"> هفت روز تست رایگان </p> </div> <div class="col-12 col-md-4"> <p class="m-0 text-white mb-3"> پشتیبانی دائم و رایگان </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="square-container mb-5"> <div class="container"> <div class="pb-5"> <div class="row mt-5 justify-content-center"> <div class="col-12 col-md-3 mb-4"> <div class="my-counter-item"> <p> سفارشات ثبت شده امروز تا این لحظه </p> <div class="customer-counter" data-target="{{ todayOrders }}" style="font-size: 2rem; font-weight: bold;">0 </div> <span>Today Orders</span> </div> </div> <div class="col-12 col-md-3 mb-4"> <div class="my-counter-item"> <p> فروشگاه های جدید امروز تا این لحظه </p> <div class="customer-counter" data-target="{{ todaySites }}" style="font-size: 2rem; font-weight: bold;">0 </div> <span>Today New Shops</span> </div> </div> <div class="col-12 col-md-3 mb-4"> <div class="my-counter-item"> <p> کاربران ثبت شده امروز تا این لحظه </p> <div class="customer-counter" data-target="{{ todayUsers }}" style="font-size: 2rem; font-weight: bold;">0 </div> <span>Today New Users</span> </div> </div> {# <div class="col-12 col-md-3 mb-4"> #} {# <div class="my-counter-item"> #} {# <p> #} {# سفارشات ثبت شده امروز تا این لحظه #} {# </p> #} {# <div class="customer-counter" data-target="5432" style="font-size: 2rem; font-weight: bold;">0 #} {# </div> #} {# <span>Orders</span> #} {# </div> #} {# </div> #} </div> </div> <div class="pb-5"> <div class="bg-white my-shadow my-radius big-inside"> <div class="row"> <div class="col-12 col-md-6 why-section"> <h4> دیگه لازم نیست بلد باشی با برنامه نویس صحبت کنی </h4> <p> با «پوشه»، بدون نیاز به دانش فنی، فروشگاه اینترنتی خودت رو راه‌اندازی کن. ما زیرساختی پایدار، طراحی حرفه‌ای و امکانات پیشرفته رو در اختیار تو می‌ذاریم تا بتونی روی فروش تمرکز کنی و به رشد واقعی برسی. </p> <div class="row"> <div class="col-12"> <p class="lil-feature-text"> سادگی و سرعت راه‌اندازی </p> </div> <div class="col-6"> <p class="lil-feature-text"> انعطاف‌پذیری بالا </p> </div> <div class="col-6"> <p class="lil-feature-text"> هزینه مقرون‌به‌صرفه </p> </div> <div class="col-6"> <p class="lil-feature-text"> امنیت و پشتیبانی مداوم </p> </div> <div class="col-6"> <p class="lil-feature-text"> ابزارهای تحلیل و SEO </p> </div> <div class="col-6"> <p class="lil-feature-text"> انتقال و توسعه آسان </p> </div> <div class="col-6"> <p class="lil-feature-text"> سازگاری با موبایل </p> </div> </div> </div> <div class="col-12 col-md-6 text-center"> <img src="{{ asset('assets/base_site/site/v2/'~'dist/img/temp.png') }}" class="img-fluid text-center w-75" alt="themes"> </div> </div> </div> </div> </div> </div> <div class="container mb-5"> <div class="row align-items-stretch"> <div class="col-12 col-md-4 mb-4"> <div class="h-100 my-shadow my-radius box-bg-1 box-bg-1-content d-flex align-items-center justify-content-center flex-column"> <span style="font-size: 2rem;">{{ totalSites }}</span> <p class="mb-0">فروشگاه فعال <br> <span>تا این لحظه</span> </p> </div> </div> <div class="col-12 col-md-8 mb-4"> <div class="d-flex flex-column h-100"> <div class="bg-white my-shadow my-radius box-bg-2 mb-3 flex-fill"> <div class="h-100 d-flex align-items-center justify-content-end px-3"> <div class="lil-box-grid-2"> <h3>از گوگل تا تــــــرب و ایمالز</h3> <p> به راحتی فروشگاه اینترنتی خود را به ابزارهای بازاریابی و همکاری در فروش متصل کنید. پوشه راهکارهای اختصاصی برای ارتباط با ابزارهای منتخب داخلی و خارجی ار ائه می کند. </p> </div> </div> </div> <div class=" flex-fill"> <div class="h-100 d-flex align-items-center justify-content-end row"> <div class="col-12 col-md-6 mt-2"> <div class="bg-white my-shadow my-radius"> <div class="p-4"> <div class="row"> <div class="col-4 text-center"> <img src="{{ asset('assets/base_site/site/v2/'~'dist/img/lilbox3-1.png') }}" class="lil-box-grid-3-img" alt="icon"> </div> <div class="col-8"> <h3 class="lil-box-grid-3-title"> امنیت بالا </h3> </div> </div> </div> </div> </div> <div class="col-12 col-md-6 mt-2"> <div class="bg-white my-shadow my-radius"> <div class="p-4"> <div class="row"> <div class="col-4 text-center"> <img src="{{ asset('assets/base_site/site/v2/'~'dist/img/lilbox3-2.png') }}" class="lil-box-grid-3-img" alt="icon"> </div> <div class="col-8"> <h3 class="lil-box-grid-3-title"> سرور های قدرتمند </h3> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-12 mb-4"> <div class="box bg-white my-radius my-shadow p-5" dir="ltr"> <div class="owl-carousel owl-theme"> <div class="item testimonial"> <p class="text"> من قبلاً با چند پلتفرم دیگه کار کرده بودم، ولی هیچ‌کدوم مثل پوشه ساده، سریع و قابل اعتماد نبودن.پنل مدیریت فوق‌العاده حرفه‌ای و کامل طراحی شده </p> <p class="name"> کامران نظری </p> </div> </div> </div> </div> <div class="col-12 col-md-8 mb-4"> <div class="d-flex flex-column h-100"> <div class="bg-white my-shadow my-radius box-bg-5 mb-3 flex-fill"> <div class="h-100 d-flex align-items-center justify-content-end px-3"> <div class="lil-box-grid-2"> <h3>پشتیبانی رایگان و دائمی</h3> <p> پوشه با زیرساختی مطمئن و ایمن طراحی شده تا از اطلاعات کاربران و تراکنش‌های مالی شما محافظت کند. علاوه بر این، تیم پشتیبانی پوشه همواره در دسترس است تا در تمام مراحل راه‌اندازی و مدیریت فروشگاه، پاسخگوی پرسش‌ها و مشکلات شما باشد و تجربه‌ای بدون دغدغه برایتان ایجاد کند. </p> <p class="text-with-phone-button"> برای مشاوره رایگان طراحی سایت با شماره <a href="tel:+985191097240" dir="ltr"> 051-91097240 </a> داخلی 2 تماس بگیرید </p> </div> </div> </div> </div> </div> <div class="col-12 col-md-4 mb-4"> <div class="h-100 my-shadow my-radius box-bg-4 box-bg-1-content d-flex align-items-center justify-content-center flex-column"> <span style="font-size: 2rem;">{{ totalProducts }}</span> <p class="mb-0">محصول <br> <span>تا این لحظه</span> </p> </div> </div> </div> </div> <div class="container mb-5"> <div class="text-section mb-5 p-5 p-md-0"> <h3>تجربه Pay-as-you-go</h3> <span> پرداخت فقط به میزان مصرف </span> <p> با پرداخت به ازای مصرف، شما میتوانید به صورت پویا و دقیقا بر اساس نیازهایتان، منابع سرورهای ابری خود را افزایش یا کاهش دهید. به این ترتیب، تنها برای منابعی که واقعا مصرف می‌کنید، هزینه پرداخت خواهید کرد و علاوه بر صرفه‌جویی در هزینه‌ها، وبسایت یا برنامه شما همیشه بهینه‌ترین عملکرد را خواهد داشت. </p> </div> <div class="mt-4 my-shadow my-radius p-5 mb-5"> <div class="row"> {% if masterPlan is defined and masterPlan is not null %} <div class="col-12 col-md-6"> <div class="text-section mb-5"> <h3>بسته پایه</h3> <p> در این بسته امکانات موجود از قبل انتخاب شده و امکان تغییر نیست </p> <table class="table plans-table"> <tbody> {% for feature in features %} {% if feature.active and feature.valueType == 'activable' %} <tr> <td>{{ feature.name }} <br> <div class="feature-details"> <p> {{ feature.details }} </p> </div> </td> {% if masterPlan.hasFeature(feature.featureKey) %} <td class="blue-text fw-bold">دارد</td> {% else %} <td>ندارد</td> {% endif %} </tr> {% endif %} {% endfor %} {% for feature in features %} {% if feature.active and feature.valueType == 'valuable' %} <tr> <td>{{ feature.name }} <br> <div class="feature-details"> <p> {{ feature.details }} </p> </div> </td> <td class="blue-text fw-bold"> {{ masterPlan.featureValue(feature.featureKey) }} </td> </tr> {% endif %} {% endfor %} </tbody> </table> <h3 class=" mt-4"> <span style=" color: #1072ff; font-size: 24px;" >{{ masterPlan.price|number_format }}</span> تومان ماهانه </h3> <a href="{{ path('app_register') }}" class="btn w-100 btn-outline-primary mt-3">دریافت وبسایت</a> </div> </div> {% endif %} <div class="col-12 col-md-6"> <div class="text-section mb-5"> <h3>بسته مخصوص شما</h3> <p> دراین بسته شما میتوانید فقط برای موارد مورد نیاز هزینه پرداخت کنید </p> <div class="box bg-white my-shadow my-radius py-3 px-5"> {% for feature in features %} {% if feature.active and feature.valueType == 'activable' %} <div class="row"> <div class="col-12"> <div class="form-check form-switch"> <input class="feature-input form-check-input" data-feature-key="{{ feature.featureKey }}" {% if feature.getPricePerUnit() == 0 %} disabled="disabled" checked="checked" value="1" {% endif %} id="form_{{ feature.featureKey }}" name="" type="checkbox"> <label class="form-check-label" for="form_{{ feature.featureKey }}"> {{ feature.name }} {% if feature.getPricePerUnit() == 0 %} (رایگان) {% endif %} </label> </div> </div> <div class="col-12"> <hr> </div> </div> {% endif %} {% endfor %} {% for feature in features %} {% if feature.active and feature.valueType == 'valuable' %} <div class="row"> <div class="col-12"> <div class="mb-3"> <div class="feature-details"> <label for="form_{{ feature.featureKey }}" class="form-label"> {{ feature.name }} {% if feature.getPricePerUnit() == 0 %} (رایگان) {% endif %} </label> </div> <div class="d-flex justify-content-between"> <span class="fw-bold">1 {{ feature.unit }}</span> <span class="range-output blue-text">250 {{ feature.unit }}</span> <span class="fw-bold">500 {{ feature.unit }}</span> </div> <input data-feature-key="{{ feature.featureKey }}" type="range" class="form-range feature-input range-slider" min="1" max="500" step="1" id="form_{{ feature.featureKey }}" value="1"> </div> </div> <div class="col-12"> <hr> </div> </div> {% endif %} {% endfor %} <h3 class=" mt-4"> قیمت نهایی بسته شما: <span style=" color: #1072ff; font-size: 24px;" id="final-price">0</span> تومان ماهانه </h3> <a href="{{ path('app_register') }}" class="btn w-100 btn-outline-primary mt-3">دریافت وبسایت</a> </div> </div> </div> </div> </div> </div>{% endblock %}