templates/base_site/site/v2/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="fa" dir="rtl">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <link rel="stylesheet" href="{{ asset('assets/base_site/site/v2/'~'dist/css/style.min.css') }}">
  7.     <title>ساخت فروشگاه اینترنتی با پوشه | راه‌اندازی سریع و رایگان</title>
  8.     <meta name="description"
  9.           content="با سایت ساز پوشه بدون نیاز به دانش فنی، در کمتر از چند دقیقه فروشگاه آنلاین خود را راه‌اندازی کنید. تست رایگان، سئو حرفه‌ای، پرداخت آنلاین، پشتیبانی دائم.">
  10.     <meta name="keywords"
  11.           content="ساخت فروشگاه اینترنتی, سایت ساز, فروشگاه ساز, فروش آنلاین, پوشه, طراحی سایت, فروشگاه رایگان">
  12.     <meta name="author" content="پوشه">
  13.     <meta name="robots" content="index, follow">
  14.     <meta property="og:type" content="website">
  15.     <meta property="og:title" content="ساخت فروشگاه اینترنتی با پوشه">
  16.     <meta property="og:description" content="پوشه فروشگاه ساز سریع، آسان و بدون نیاز به دانش فنی">
  17.     <meta property="og:image" content="https://poooshe.com/logo.png">
  18.     <meta property="og:url" content="https://poooshe.com">
  19.     <meta property="og:site_name" content="پوشه">
  20.     <link rel="icon" href="{{ asset('assets/base_site/site/v2/favicon.ico') }}">
  21.     <link rel="canonical" href="https://poooshe.com">
  22.     <meta name="language" content="fa">
  23.     <script type="application/ld+json">
  24.         {
  25.             "@context": "https://schema.org",
  26.             "@type": "WebSite",
  27.             "name": "پوشه",
  28.             "url": "https://poooshe.com/",
  29.             "potentialAction": {
  30.                 "@type": "SearchAction",
  31.                 "target": "https://poooshe.com?q={search_term_string}",
  32.                 "query-input": "required name=search_term_string"
  33.             }
  34.         }
  35.     </script>
  36. </head>
  37. <body>
  38. <style>
  39.     .my-counter-item span {
  40.         color: rgba(60, 102, 222, .08);
  41.         font-size: 25px;
  42.         font-weight: 700;
  43.         text-align: center;
  44.     }
  45.     .feature-details p, label {
  46.         color: rgba(60, 102, 222, 1);
  47.         text-align: justify;
  48.         text-align-last: right;
  49.         font-size: 14px;
  50.     }
  51.     .text-section h3 {
  52.         color: #1072ff;
  53.         font-size: 22px !important;
  54.     }
  55. </style>
  56. <div class="container">
  57.     <nav class="navbar navbar-expand-lg ">
  58.         <div class="container-fluid">
  59.             <a class="navbar-brand my-nav-name" href="#">پــوشــه
  60.                 <br>
  61.                 <span>
  62.                     2Minutes Web Builder
  63.                 </span>
  64.             </a>
  65.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
  66.                     data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  67.                     aria-expanded="false" aria-label="Toggle navigation">
  68.                 <span class="navbar-toggler-icon"></span>
  69.             </button>
  70.             <div class="collapse navbar-collapse" id="navbarSupportedContent">
  71.                 <ul class="navbar-nav me-auto mb-2 mb-lg-0 m-auto my-header-nav">
  72.                     <li class="nav-item">
  73.                         <a class="nav-link" href="#">صفحه اصلی</a>
  74.                     </li>
  75.                     <li class="nav-item">
  76.                         <a class="nav-link" href="#">قالب ها</a>
  77.                     </li>
  78.                     <li class="nav-item">
  79.                         <a class="nav-link" href="#">تعرفه</a>
  80.                     </li>
  81.                     <li class="nav-item">
  82.                         <a class="nav-link" href="#">مقالات</a>
  83.                     </li>
  84.                     <li class="nav-item">
  85.                         <a class="nav-link" href="#">درباره ما</a>
  86.                     </li>
  87.                     <li class="nav-item">
  88.                         <a class="nav-link" href="#">تماس با ما</a>
  89.                     </li>
  90.                 </ul>
  91.                 <div class="d-flex">
  92.                     <a href="{{ path('shop_owner_login') }}" style="margin-left: 5px" class="btn btn-primary my-radius header-btn ml-4 w-100">
  93.                         ورود
  94.                     </a>
  95.                 </div>
  96.                 <div class="d-flex">
  97.                     <a href="{{ path('app_register') }}" class="btn btn-primary my-radius header-btn ml-4 w-100">
  98.                         ثبت نام
  99.                     </a>
  100.                 </div>
  101.             </div>
  102.         </div>
  103.     </nav>
  104. </div>
  105. {% block body %}{% endblock %}
  106. <div class="container mb-5">
  107.     <div class="cta-bg p-5 my-radius my-shadow">
  108.         <div class="row">
  109.             <div class="col-12 col-md-6 py-5">
  110.                 <div class="cta-content">
  111.                     <h3>
  112.                         به خانواده صد هزار نفری پوشه بپیوندید
  113.                     </h3>
  114.                     <p>
  115.                         همین حالا با ثبت نام وبسایت خود را بسازید و به مدت ۷ روز تمام ویژگی ها را تست کنید
  116.                     </p>
  117.                     <a href="{{ path('app_register') }}" class="btn btn-primary w-100 mb-4 mt-3 py-3 white-btn">
  118.                         ثـــبـــت نــــام
  119.                     </a>
  120.                     <a href="tel:+985191097240" class="btn btn-outline-primary w-100 mb-5 py-3 light-blue-btn">
  121.                         دریـافـت مـشـاوره
  122.                     </a>
  123.                 </div>
  124.             </div>
  125.         </div>
  126.     </div>
  127. </div>
  128. <footer class="mb-5">
  129.     <div class="container">
  130.         <div class="footer-bg my-shadow my-radius p-5">
  131.             <div class="row">
  132.                 <div class="col-12 col-md-12">
  133.                     <div class="row">
  134.                         <div class="col-12 col-md-4 mb-4">
  135.                             <div class="footer-brand-content mt-1">
  136.                                 <h3>سایت ساز پوشه</h3>
  137.                                 <p>سریع و آسان فروشگاه آنلاین بساز!</p>
  138.                                 <div class="feature-details">
  139.                                     <p>
  140.                                         با سال‌ها تجربه در طراحی ابزارهای آنلاین، ما در «پوشه»
  141.                                         راه‌حل‌هایی ساده، حرفه‌ای و قدرتمند برای ساخت سایت و فروشگاه اینترنتی ارائه
  142.                                         می‌کنیم. <br>
  143.                                         همه‌چیز طوری طراحی شده که حتی بدون دانش فنی، بتونی به راحتی وارد دنیای فروش
  144.                                         آنلاین بشی.
  145.                                     </p>
  146.                                 </div>
  147.                                 <a href="{{ path('app_register') }}" class="btn my-btn-primary w-100 fs-075">
  148.                                     همین حالا شروع کن
  149.                                 </a>
  150.                             </div>
  151.                         </div>
  152.                         <div class="col-12 col-md-4 mb-4">
  153.                             <div class="row">
  154.                                 <div class="col-6">
  155.                                     <div class="footer-mega">
  156.                                         <p>راهنما</p>
  157.                                         <ul>
  158.                                             <li><a href="#">راهنمای استفاده</a></li>
  159.                                             <li><a href="#">سوالات متداول</a></li>
  160.                                             <li><a href="#">پشتیبانی</a></li>
  161.                                             <li><a href="#">تماس با ما</a></li>
  162.                                         </ul>
  163.                                     </div>
  164.                                 </div>
  165.                                 <div class="col-6">
  166.                                     <div class="footer-mega">
  167.                                         <p>پوشه</p>
  168.                                         <ul>
  169.                                             <li><a href="#">درباره ما</a></li>
  170.                                             <li><a href="#">فرصت های شغلی</a></li>
  171.                                             <li><a href="#">قوانین و مقررات</a></li>
  172.                                             <li><a href="#">خدمات</a></li>
  173.                                         </ul>
  174.                                     </div>
  175.                                 </div>
  176.                             </div>
  177.                         </div>
  178.                         <div class="col-12 col-md-4">
  179.                             <div class="row justify-content-center">
  180.                                 <style>
  181.                                     .certificate-box {
  182.                                         text-align: center;
  183.                                         background: #fff;
  184.                                         padding: 1rem;
  185.                                         max-width: 100% !important;
  186.                                         min-height: 140px;
  187.                                     }
  188.                                     .certificate-box * {
  189.                                         max-width: 100% !important;
  190.                                         height: auto !important;
  191.                                     }
  192.                                     .footer-social-btn p {
  193.                                         margin: 0 !important;
  194.                                         font-size: 11px;
  195.                                     }
  196.                                 </style>
  197.                                 <div class="col-4">
  198.                                     <div class="certificate-box my-radius">
  199.                                          <span id="PPTrust">
  200.     <script src="https://statics.payping.ir/trust-v3.js"
  201.             theme="dark"
  202.             size="md"></script>
  203. </span>
  204.                                     </div>
  205.                                 </div>
  206.                                 <div class="col-4">
  207.                                     <div class="certificate-box my-radius">
  208.                                         <a referrerpolicy='origin' target='_blank'
  209.                                            href='https://trustseal.enamad.ir/?id=626817&Code=iA9B2IPmuNmvkDs7TZMTZg5SWhm7UZ69'><img
  210.                                                     referrerpolicy='origin'
  211.                                                     src='https://trustseal.enamad.ir/logo.aspx?id=626817&Code=iA9B2IPmuNmvkDs7TZMTZg5SWhm7UZ69'
  212.                                                     alt='enamad' style='cursor:pointer'
  213.                                                     code='iA9B2IPmuNmvkDs7TZMTZg5SWhm7UZ69'></a>
  214.                                     </div>
  215.                                 </div>
  216.                                 <div class="col-4">
  217.                                     <div class="certificate-box my-radius">
  218.                                         <img referrerpolicy='origin' id='rgvjoeukjxlzfukzwlaorgvj'
  219.                                              style='cursor:pointer'
  220.                                              onclick='window.open("https://logo.samandehi.ir/Verify.aspx?id=381643&p=xlaomcsirfthgvkaaodsxlao", "Popup","toolbar=no, scrollbars=no, location=no, statusbar=no, menubar=no, resizable=0, width=450, height=630, top=30")'
  221.                                              alt='logo-samandehi'
  222.                                              src='https://logo.samandehi.ir/logo.aspx?id=381643&p=qftiaqgwnbpdwlbqshwlqfti'/>
  223.                                     </div>
  224.                                 </div>
  225.                                 {#                                <div class="col-6"> #}
  226.                                 {#                                    <script src="https://3pal.ir/gates/trust-script/9991086"></script> #}
  227.                                 {#                                </div> #}
  228.                             </div>
  229.                         </div>
  230.                         <div class="row">
  231.                             <div class="col-6 col-md-3">
  232.                                 <a href="tel:+985191097240" class="footer-social-btn my-4">
  233.                                     <i class="fa fa-phone" aria-hidden="true"></i>
  234.                                     <p dir="ltr">051-91097240</p>
  235.                                 </a>
  236.                             </div>
  237.                             <div class="col-6 col-md-3">
  238.                                 <a href="#" class="footer-social-btn my-4">
  239.                                     <i class="fa fa-instagram" aria-hidden="true"></i>
  240.                                     <p dir="ltr">اینستاگرام</p>
  241.                                 </a>
  242.                             </div>
  243.                             <div class="col-6 col-md-3">
  244.                                 <a href="https://t.me/+989152021109" class="footer-social-btn my-4">
  245.                                     <i class="fa fa-telegram" aria-hidden="true"></i>
  246.                                     <p dir="ltr">تلگرام فروش</p>
  247.                                 </a>
  248.                             </div>
  249.                             <div class="col-6 col-md-3">
  250.                                 <a href="https://wa.me/989152021109" class="footer-social-btn my-4">
  251.                                     <i class="fa fa-whatsapp" aria-hidden="true"></i>
  252.                                     <p dir="ltr">واتساپ فروش</p>
  253.                                 </a>
  254.                             </div>
  255.                         </div>
  256.                     </div>
  257.                 </div>
  258.             </div>
  259.         </div>
  260.         <div class="footer-text mt-5">
  261.             <p>ساخته شده با
  262.                 💙
  263.                 در کشور عزیزمان
  264.                 <span>
  265.                     ایران
  266.                 </span>
  267.                 -
  268.                 <span>
  269.                     ۱۴۰۴
  270.                 </span>
  271.             </p>
  272.         </div>
  273.     </div>
  274. </footer>
  275. <script src="{{ asset('assets/base_site/site/v2/'~'dist/js/script.min.js?v=1') }}"></script>
  276. <script>
  277.     const pricePerUnit = {
  278.         {% for feature in features %}
  279.         '{{ feature.featureKey }}': {
  280.             valueType: '{{ feature.valueType }}',
  281.             pricePerUnit: {{ feature.pricePerUnit }},
  282.             pricePerExtraUnit: {{ feature.pricePerExtraUnit ?: 0 }}
  283.         },
  284.         {% endfor %}
  285.     };
  286.     function calculateTotal() {
  287.         let total = 0;
  288.         document.querySelectorAll('.feature-input').forEach(input => {
  289.             const key = input.dataset.featureKey;
  290.             if (key === 'duration') return; // مدت پلن رو فعلاً نذار تو جمع اصلی
  291.             const data = pricePerUnit[key];
  292.             if (!data) return;
  293.             if (data.valueType === 'activable') {
  294.                 if (input.checked) {
  295.                     total += data.pricePerUnit;
  296.                 }
  297.             } else if (data.valueType === 'valuable') {
  298.                 let value = parseFloat(input.value) || 0;
  299.                 if (value > 0) {
  300.                     total += value * data.pricePerUnit;
  301.                 }
  302.             }
  303.         });
  304.         const durationInput = document.querySelector('[data-feature-key="duration"]');
  305.         const duration = parseInt(durationInput?.value) || 1;
  306.         const final = total * duration;
  307.         document.getElementById('final-price').innerText = final.toLocaleString();
  308.     }
  309.     document.querySelectorAll('.feature-input').forEach(input => {
  310.         input.addEventListener('input', calculateTotal);
  311.         input.addEventListener('change', calculateTotal);
  312.     });
  313.     calculateTotal(); // محاسبه اولیه
  314. </script>
  315. </body>
  316. </html>