templates/web/default/vip-club.html.twig line 461

Open in your IDE?
  1. {% extends 'web/base.html.twig' %}
  3. {% block title %}{{ 'vip.title' | trans }}{% endblock %}
  4. {% block keywords %}{{ 'vip.keywords' | trans }}{% endblock %}
  5. {% block description %}{{ 'vip.metaDescription' | trans }}{% endblock %}
  7. {% trans_default_domain 'web' %}
  9. {% block body %}
  10. {{ include('web/core/header.html.twig') }}
  12. <style>
  13. html {
  14. scroll-behavior: smooth;
  15. }
  16. </style>
  18. <div class="qodef-content vip">
  19. <div class="qodef-content-inner">
  20. <div class="qodef-full-width">
  21. <div class="qodef-full-width-inner">
  22. <div class="qodef-grid-row">
  23. <div class="qodef-page-content-holder qodef-grid-col-12">
  24. <div class="qodef-row-grid-section-wrapper">
  25. <div class="qodef-row-grid-section">
  26. <div class="vc_row wpb_row vc_row-fluid">
  27. <div class="wpb_column vc_column_container vc_col-sm-12">
  28. <div class="vc_column-inner">
  29. <div class="wpb_wrapper">
  30. <div class="qodef-title-holder qodef-breadcrumbs-type qodef-title-full-width qodef-title-va-header-bottom breadcrumb">
  31. <div itemprop="breadcrumb" class="qodef-breadcrumbs">
  32. <a itemprop="url"
  33. href="{{ path('app_web_homepage') }}">Home</a>
  34. <span class="qodef-delimiter">&nbsp; / &nbsp</span>
  35. <a itemprop="url"
  36. href="{{ path('app_web_vip-club') }}">{{ 'vip.title'|trans }}</a>
  37. </div>
  38. </div>
  39. <div class="qodef-page-content-holder qodef-grid-col-12">
  40. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565596794634 vip-section">
  41. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vip-content">
  42. <div class="wpb_wrapper">
  43. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768">
  44. <div class="qodef-eh-item">
  45. <div class="qodef-eh-item-inner">
  46. <div class="qodef-eh-item-content qodef-eh-custom-4985">
  47. <div class="wpb_text_column wpb_content_element">
  48. <div class="wpb_wrapper">
  49. <h1>{{ 'vip.vipPage.title' | trans }}</h1>
  50. </div>
  51. </div>
  52. <div class="vc_empty_space"
  53. style="height: 18px">
  54. <span class="vc_empty_space_inner"></span>
  55. </div>
  56. <div class="wpb_text_column wpb_content_element ">
  57. <div class="wpb_wrapper">
  58. <p>{{ 'vip.vipPage.text'|trans }}</p>
  59. </div>
  60. </div>
  61. <div class="vc_empty_space"
  62. style="height: 25px">
  63. <span class="vc_empty_space_inner"></span>
  64. </div>
  65. <a itemprop="url"
  66. href="https://qrfy.com/p/NV56HX "
  67. target="_self"
  68. class="qodef-btn qodef-btn-medium qodef-btn-simple">
  69. <span class="qodef-btn-text">{{ 'download'|trans }}</span>
  70. </a>
  71. <div class="vip__icons">
  72. <img
  73. src="{{ asset('build/images/web/icons/apple.png') }}"
  74. alt="Apple">
  75. <img
  76. src="{{ asset('build/images/web/icons/google.png') }}"
  77. alt="Google">
  78. </div>
  79. <a href="#vipStores" style="margin-top:30px; text-align:center; padding: 8px 20px" class="qodef-btn-outline qodef-btn qodef-btn-medium" aria-controls="vipStores">
  80. <span class="qodef-btn-text">Seznam obchodů poskytující dodatečné slevy s naší appkou zde</span>
  81. </a>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6">
  89. <div class="wpb_wrapper">
  90. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768 qodef-one-column-alignment-right">
  91. <div class="qodef-eh-item qodef-horizontal-alignment-right "
  92. data-item-class="qodef-eh-custom-3636">
  93. <div class="qodef-eh-item-inner">
  94. <div class="qodef-eh-item-content qodef-eh-custom-3636">
  95. <div class="qodef-single-image-holder ">
  96. <div class="qodef-si-inner">
  97. <img width="782"
  98. height="783"
  99. src="{{ asset('build/images/web/vip/1.png') }}"
  100. class="attachment-full size-full"
  101. alt="a"
  102. loading="lazy">
  103. </div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="vc_row wpb_row vc_row-fluid vc_custom_1567173866554 vc_row-o-content-middle vc_row-flex vip-section">
  113. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6">
  114. <div class="wpb_wrapper">
  115. <div class="qodef-single-image-holder">
  116. <div class="qodef-si-inner">
  117. <img width="780" height="783"
  118. src="{{ asset('build/images/web/vip/2.png') }}"
  119. class="attachment-full size-full"
  120. alt="a" loading="lazy">
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vip-content">
  126. <div class="wpb_wrapper">
  127. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768 ">
  128. <div class="qodef-eh-item"
  129. data-item-class="qodef-eh-custom-1915">
  130. <div class="qodef-eh-item-inner">
  131. <div class="qodef-eh-item-content qodef-eh-custom-4985">
  132. <div class="wpb_text_column wpb_content_element ">
  133. <div class="wpb_wrapper"
  134. style="display: flex;justify-content: start;">
  135. <h1>{{ 'vip.vipPage.shops.title'|trans }}</h1>
  136. </div>
  137. </div>
  138. <div class="vc_empty_space"
  139. style="height: 18px">
  140. <span class="vc_empty_space_inner"></span>
  141. </div>
  142. <div class="wpb_text_column wpb_content_element ">
  143. <div class="wpb_wrapper"
  144. style="display: flex;justify-content: start;">
  145. <p>{{ 'vip.vipPage.shops.text'|trans }}</p>
  146. </div>
  147. </div>
  148. <div class="vc_empty_space"
  149. style="height: 25px">
  150. <span class="vc_empty_space_inner"></span>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565596794634 vip-section">
  160. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vip-content">
  161. <div class="wpb_wrapper">
  162. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768 ">
  163. <div class="qodef-eh-item">
  164. <div class="qodef-eh-item-inner">
  165. <div class="qodef-eh-item-content qodef-eh-custom-4985">
  166. <div class="wpb_text_column wpb_content_element ">
  167. <div class="wpb_wrapper">
  168. <h1> {{ 'vip.vipPage.program.title'|trans }}</h1>
  169. </div>
  170. </div>
  171. <div class="vc_empty_space"
  172. style="height: 18px">
  173. <span class="vc_empty_space_inner"></span>
  174. </div>
  175. <div class="wpb_text_column wpb_content_element ">
  176. <div class="wpb_wrapper">
  177. <p>{{ 'vip.vipPage.program.text1'|trans }}</p>
  178. <p>{{ 'vip.vipPage.program.text2'|trans }}</p>
  179. </div>
  180. </div>
  181. <div class="vc_empty_space"
  182. style="height: 25px">
  183. <span class="vc_empty_space_inner"></span>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6">
  192. <div class="wpb_wrapper">
  193. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768 qodef-one-column-alignment-right">
  194. <div class="qodef-eh-item qodef-horizontal-alignment-right "
  195. data-item-class="qodef-eh-custom-3636">
  196. <div class="qodef-eh-item-inner">
  197. <div class="qodef-eh-item-content qodef-eh-custom-3636">
  198. <div class="qodef-single-image-holder ">
  199. <div class="qodef-si-inner">
  200. <img width="782"
  201. height="783"
  202. src="{{ asset('build/images/web/vip/3.png') }}"
  203. class="attachment-full size-full"
  204. alt="a"
  205. loading="lazy">
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="vc_row wpb_row vc_row-fluid vc_custom_1567173866554 vc_row-o-content-middle vc_row-flex vip-section">
  216. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6">
  217. <div class="wpb_wrapper">
  218. <div class="qodef-single-image-holder ">
  219. <div class="qodef-si-inner">
  220. <img width="780" height="783"
  221. src="{{ asset('build/images/web/vip/4.png') }}"
  222. class="attachment-full size-full"
  223. alt="a" loading="lazy">
  224. </div>
  225. </div>
  226. </div>
  227. </div>
  228. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vip-content">
  229. <div class="wpb_wrapper">
  230. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768 ">
  231. <div class="qodef-eh-item">
  232. <div class="qodef-eh-item-inner">
  233. <div class="qodef-eh-item-content qodef-eh-custom-4985">
  234. <div class="wpb_text_column wpb_content_element ">
  235. <div class="wpb_wrapper">
  236. <h1>{{ 'vip.vipPage.points.title'|trans }}</h1>
  237. </div>
  238. </div>
  239. <div class="vc_empty_space"
  240. style="height: 18px">
  241. <span class="vc_empty_space_inner"></span>
  242. </div>
  243. <div class="wpb_text_column wpb_content_element ">
  244. <div class="wpb_wrapper">
  245. <p> {{ 'vip.vipPage.points.text1'|trans }}</p>
  246. <p>{{ 'vip.vipPage.points.text2'|trans }}</p>
  247. </div>
  248. </div>
  249. <div class="vc_empty_space"
  250. style="height: 25px">
  251. <span class="vc_empty_space_inner"></span>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. </div>
  258. </div>
  259. </div>
  260. <div class="vc_row wpb_row vc_row-fluid vc_custom_1565596794634 vip-section">
  261. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vip-content">
  262. <div class="wpb_wrapper">
  263. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768 ">
  264. <div class="qodef-eh-item">
  265. <div class="qodef-eh-item-inner">
  266. <div class="qodef-eh-item-content qodef-eh-custom-4985">
  267. <div class="wpb_text_column wpb_content_element ">
  268. <div class="wpb_wrapper">
  269. <h1>{{ 'vip.vipPage.benefits.title'|trans }}</h1>
  270. </div>
  271. </div>
  272. <div class="vc_empty_space"
  273. style="height: 18px">
  274. <span class="vc_empty_space_inner"></span>
  275. </div>
  276. <div class="wpb_text_column wpb_content_element ">
  277. <div class="wpb_wrapper">
  278. <p>{{ 'vip.vipPage.benefits.text1'|trans }}</p>
  279. <p>{{ 'vip.vipPage.benefits.text2'|trans }}</p>
  280. </div>
  281. </div>
  282. <div class="vc_empty_space"
  283. style="height: 25px">
  284. <span class="vc_empty_space_inner"></span>
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. </div>
  292. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6">
  293. <div class="wpb_wrapper">
  294. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768 qodef-one-column-alignment-right">
  295. <div class="qodef-eh-item qodef-horizontal-alignment-right "
  296. data-item-class="qodef-eh-custom-3636">
  297. <div class="qodef-eh-item-inner">
  298. <div class="qodef-eh-item-content qodef-eh-custom-3636">
  299. <div class="qodef-single-image-holder ">
  300. <div class="qodef-si-inner">
  301. <img width="782"
  302. height="783"
  303. src="{{ asset('build/images/web/vip/5.png') }}"
  304. class="attachment-full size-full"
  305. alt="a"
  306. loading="lazy">
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. </div>
  315. </div>
  316. <div class="vc_row wpb_row vc_row-fluid vc_custom_1567173866554 vc_row-o-content-middle vc_row-flex vip-section">
  317. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6">
  318. <div class="wpb_wrapper">
  319. <div class="qodef-single-image-holder ">
  320. <div class="qodef-si-inner">
  321. <img width="780" height="783"
  322. src="{{ asset('build/images/web/vip/6.png') }}"
  323. class="attachment-full size-full"
  324. alt="a" loading="lazy">
  325. </div>
  326. </div>
  327. </div>
  328. </div>
  329. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-lg-6 vip-content">
  330. <div class="wpb_wrapper">
  331. <div class="qodef-elements-holder qodef-one-column qodef-responsive-mode-768">
  332. <div class="qodef-eh-item">
  333. <div class="qodef-eh-item-inner">
  334. <div class="qodef-eh-item-content qodef-eh-custom-4985">
  335. <div class="wpb_text_column wpb_content_element ">
  336. <div class="wpb_wrapper">
  337. <h1> {{ 'vip.vipPage.shopping.title'|trans }}</h1>
  338. </div>
  339. </div>
  340. <div class="vc_empty_space"
  341. style="height: 18px">
  342. <span class="vc_empty_space_inner"></span>
  343. </div>
  344. <div class="wpb_text_column wpb_content_element ">
  345. <div class="wpb_wrapper">
  346. <p>{{ 'vip.vipPage.shopping.text'|trans }}</p>
  347. </div>
  348. </div>
  349. <div class="vc_empty_space"
  350. style="height: 25px">
  351. <span class="vc_empty_space_inner"></span>
  352. </div>
  353. </div>
  354. </div>
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359. </div>
  360. <div class="qodef-row-grid-section-wrapper vip-stores">
  361. <div class="qodef-row-grid-section">
  362. <div class="vc_row wpb_row vc_row-fluid">
  363. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-has-fill">
  364. <div class="vc_column-inner">
  365. <div class="wpb_wrapper">
  366. <h1 style="padding-bottom: 0;">{{ 'vip.register.title'|trans }}</h1>
  367. </div>
  369. <div class="wpb_wrapper">
  370. <p style="text-align: center">{{ 'vip.register.p1'|trans }}</p>
  372. <div style="width:590px;margin: 40px auto">
  373. <p style="font-weight: bold">{{ 'vip.register.h2'|trans }}:</p>
  374. <ol style="margin-left: 15px;">
  375. <li>{{ 'vip.register.li1'|trans }}</li>
  376. <li>{{ 'vip.register.li2'|trans }}</li>
  377. <li>{{ 'vip.register.li3'|trans }}</li>
  378. </ol>
  380. </div>
  381. <div class="vc_col-md-6" style="margin: 0 auto;float: inherit">
  382. {{ form_start(form) }}
  383. <div class="wpb_column vc_col-sm-12 vc_col-lg-6">
  384. {{ form_row(form.firstName) }}
  385. </div>
  386. <div class="wpb_column vc_col-sm-12 vc_col-lg-6">
  387. {{ form_row(form.lastName) }}
  388. </div>
  389. <div class="wpb_column vc_col-sm-12">
  390. {{ form_row(form.email,{'required':true}) }}
  391. </div>
  392. <div class="wpb_column vc_col-sm-12">
  393. {{ form_row(form.language) }}
  394. </div>
  395. <div class="wpb_column vc_col-sm-12">
  396. <br><br>
  397. {{ form_row(form.oop) }}
  398. </div>
  399. <div class="wpb_column vc_col-sm-12">
  400. <br>
  401. <button type="submit" class="wpcf7-form-control wpcf7-submit qodef-btn-outline qodef-btn qodef-btn-medium" style="width:100%;">{{ 'vip.register.button'|trans }}</button>
  402. </div>
  404. {{ form_end(form) }}
  405. </div>
  406. </div>
  407. </div>
  408. </div>
  409. </div>
  410. </div>
  411. </div>
  412. <div id="vipStores" class="qodef-row-grid-section-wrapper vip-stores">
  413. <div class="qodef-row-grid-section">
  414. <div class="vc_row wpb_row vc_row-fluid">
  415. <div class="wpb_column vc_column_container vc_col-sm-12 vc_col-has-fill">
  416. <div class="vc_column-inner">
  417. <div class="wpb_wrapper">
  418. <h1>{{ 'vip.vipPage.discount.title'|trans }}</h1>
  419. <div class="vip-stores__list">
  421. {% for s in vips %}
  423. <div class="vip-stores__item">
  424. <div class="vip-stores__logo">
  425. {% if s.logo is not null %}
  426. <img itemprop="image"
  427. src="{{ vich_uploader_asset(s, 'logoFile')| imagine_filter('appLogo') }}"
  428. alt="{{ s.name }}">
  429. {% endif %}
  430. </div>
  431. <div class="vip-stores__store">
  432. {{ s.name }}
  433. </div>
  434. <div class="vip-stores__text">
  435. {{ s.getActionDescription|raw|nl2br }}
  436. </div>
  437. {# <div class="vip-stores__date">
  438. {{ s.getVipEndDate|date('d.m.Y') }}
  439. </div> #}
  440. </div>
  441. {% endfor %}
  443. </div>
  444. </div>
  445. </div>
  446. </div>
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. </div>
  452. </div>
  453. </div>
  454. </div>
  455. </div>
  456. </div>
  457. </div>
  458. </div>
  459. </div>
  460. </div>
  461. {{ include('web/core/gift-card.html.twig') }}
  462. </div>
  463. </div>
  464. {{ include('web/core/footer.html.twig') }}
  465. {% endblock %}