Advertisement
Guest User

landing

a guest
Mar 19th, 2018
196
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.11 KB | None | 0 0
  1. /! STATIC SLIDER
  2. section.brly-static-slider
  3. article.brly-promo-text
  4. h1.brly-promo-text-h1 Únete
  5. p.brly-promo-text-p Al Club de Cerveza Artesanal
  6. p.brly-promo-text-p más grande de Chile
  7. /! START SUSCRIPTION BUTTON SLIDER
  8. button.brly-suscription-slider-button-promo onclick="$('html, body').animate({scrollTop: $('#cta').offset().top - 100}, 0);" Conoce Nuestros Planes
  9.  
  10.  
  11. /! INCLUDES BANNER
  12. section.brly-includes-slider
  13. h2.brly-includes-h2 ¿Qué incluye la suscripción a Beerly?
  14. /! INCLUDES ITEM
  15. article.brly-includes-article
  16. figure.brly-includes-fig
  17. = image_tag "new_landing/includes/includes-item-01.svg"
  18. p.brly-includes-p Kit Beerly
  19. br
  20. span.fa.fa-arrow-right
  21. /! INCLUDES ITEM
  22. article.brly-includes-article
  23. figure.brly-includes-fig
  24. = image_tag "new_landing/includes/includes-item-02.svg"
  25. p.brly-includes-p Revista Digital Suscribeër
  26. span.fa.fa-plus
  27. /! INCLUDES ITEM
  28. article.brly-includes-article
  29. figure.brly-includes-fig
  30. = image_tag "new_landing/includes/includes-item-03.svg"
  31. p.brly-includes-p 6, 9 o 18 Cervezas 330 ml
  32. span.fa.fa-plus
  33. /! INCLUDES ITEM
  34. article.brly-includes-article
  35. figure.brly-includes-fig
  36. = image_tag "new_landing/includes/includes-item-04.svg"
  37. p.brly-includes-p Despacho incluído en RM
  38. span.fa.fa-pause.revert
  39. /! INCLUDES PRICE
  40. .flex-column
  41. span.brly-includes-note Desde
  42. span.brly-includes-price $13.990
  43. span.brly-includes-note Al mes
  44.  
  45. /! HOW IT WORKS
  46. section.brly-how
  47. /! LINES ARROW
  48. .brly-line
  49. .brly-line-2
  50. .brly-arrow-next.brly-arrow-next-1
  51. .brly-arrow-next.brly-arrow-next-2
  52. .brly-arrow-next.brly-arrow-next-3
  53. /! SECTION IT WORKS
  54. h2.brly-how-h2#how_works ¿Cómo funciona Beerly?
  55. .flex-row
  56. /! STEP 1
  57. article.brly-how-article.brly-how-article-1
  58. .flex-row
  59. h3.brly-how-article-h3 Suscribe tu tarjeta de crédito
  60. span.brly-how-article-note 1
  61. p.brly-how-article-p O prepaga 3, 6 o 12 meses (con tarjeta de crédito, débito o transferencia).
  62. figure.brly-how-article-img
  63. = image_tag "new_landing/how/how-1.svg"
  64. /! STEP 2
  65. article.brly-how-article.brly-how-article-2
  66. .flex-row
  67. span.brly-how-article-note 2
  68. h3.brly-how-article-h3 Tu Kit Beerly va en camino
  69. p.brly-how-article-p En los próximos días recibirás tu kit.
  70. figure.brly-how-article-img
  71. = image_tag "new_landing/how/how-2.svg"
  72. .flex-row
  73. /! STEP 3
  74. article.brly-how-article.brly-how-article-3
  75. .flex-row
  76. h3.brly-how-article-h3 Disfruta de tus cervezas
  77. span.brly-how-article-note 3
  78. p.brly-how-article-p 6, 9 o 18 cervezas artesanales chilenas.
  79. figure.brly-how-article-img
  80. = image_tag "new_landing/how/how-3.svg"
  81. /! STEP 4
  82. article.brly-how-article.brly-how-article-4
  83. .flex-row
  84. span.brly-how-article-note 4
  85. h3.brly-how-article-h3 Califica tus cervezas
  86. p.brly-how-article-p Evalúa tu kit y participa por fabulosos premios cada mes.
  87. figure.brly-how-article-img
  88. = image_tag "new_landing/how/how-4.svg"
  89. .brly-divisor
  90.  
  91. /! WHY AND KIT
  92. section.brly-why
  93. /! WHY
  94. h2.brly-why-h2#why_chose ¿Por qué unirte a Beerly?
  95. .flex-row
  96. article.brly-why-article
  97. figure.figure-brly-why-article
  98. = image_tag "new_landing/why/why-item-02.svg"
  99. h2 VARIEDAD
  100. p.brly-how-article-p 6, 9 o 18 cervezas artesanales chilenas de 330 ml cada mes
  101. article.brly-why-article
  102. figure.figure-brly-why-article
  103. = image_tag "new_landing/why/why-item-06.svg"
  104. h2 COMODIDAD
  105. p.brly-how-article-p Llegamos a todo Chile y a la puerta de tu hogar
  106. article.brly-why-article
  107. figure.figure-brly-why-article
  108. = image_tag "new_landing/why/why-item-03.svg"
  109. h2 OPINAR
  110. p.brly-how-article-p Califica tu kit y participa por increíbles premios
  111. .flex-row
  112. article.brly-why-article
  113. figure.figure-brly-why-article
  114. = image_tag "new_landing/why/why-item-04.svg"
  115. h2 FLEXIBILIDAD
  116. p.brly-how-article-p Congela o termina tu membresía cuando quieras
  117. article.brly-why-article
  118. figure.figure-brly-why-article
  119. = image_tag "new_landing/why/why-item-05.svg"
  120. h2 CALIDAD
  121. p.brly-how-article-p Lo mejor del circuito artesanal chileno
  122. article.brly-why-article
  123. figure.figure-brly-why-article
  124. = image_tag "new_landing/why/why-item-01.svg"
  125. h2 CONOCER
  126. p.brly-how-article-p Revisa cada mes nuestra revista digital cervecera
  127. /! WHY AND KIT
  128. section.brly-why
  129. /! WHY
  130. h2.brly-why-h2#why_chose ¿Por qué confiar en nosotros?
  131. .flex-row
  132. article.brly-why-article.little
  133. figure.figure-brly-why-article
  134. = image_tag "new_landing/who/desde.svg"
  135. h2 Trayectoria
  136. p.brly-how-article-p El primer Club de Cervezas Nacionales, estamos desde el 2014.
  137. article.brly-why-article.little
  138. figure.figure-brly-why-article
  139. = image_tag "new_landing/who/clientes.svg"
  140. h2 CLIENTES
  141. p.brly-how-article-p Más de 2.000 clientes se han suscrito.
  142. article.brly-why-article.little
  143. figure.figure-brly-why-article
  144. = image_tag "new_landing/who/caja-logo.svg"
  145. h2 DESPACHOS
  146. p.brly-how-article-p Más de 10.000 despachos realizados a la fecha.
  147. article.brly-why-article.little
  148. figure.figure-brly-why-article
  149. = image_tag "new_landing/who/apoyo.svg", class: "bigger"
  150. h2 RESPALDO
  151. p.brly-how-article-p Apoyados por CORFO y la Universidad Austral de Chile.
  152. article.brly-why-article.little
  153. figure.figure-brly-why-article
  154. = image_tag "new_landing/who/quienes-somos.svg"
  155. h2 QUIENES SOMOS
  156. p.brly-how-article-p
  157. a href="/quienes-somos" Ház click AQUI y descubre quienes somos
  158.  
  159.  
  160. section.brly-why#cta
  161. /! KIT
  162. h2.brly-why-h2 Selecciona tu Plan y Comienza a Disfrutar
  163. .flex-row
  164. table.display-md-lg-xl
  165. thead
  166. tr
  167. th
  168. th BASIC KIT
  169. th DISCOVER KIT
  170. th SHARING KIT
  171. tbody
  172. tr
  173. td Cantidad de Cervezas
  174. td
  175. span 6
  176. td
  177. span 9
  178. td
  179. span 18
  180. tr
  181. td Cervezas DISTINTAS (marcas y sabores)
  182. td
  183. span 6
  184. td
  185. span 8
  186. td
  187. span 8 c/u
  188. tr
  189. td Despacho GRATIS en Santiago
  190. td
  191. span.fa.fa-check
  192. td
  193. span.fa.fa-check
  194. td
  195. span.fa.fa-check
  196. tr
  197. td Guia de Cata
  198. td
  199. span.fa.fa-check
  200. td
  201. span.fa.fa-check
  202. td
  203. span.fa.fa-check
  204. tr
  205. td 1 cerveza de las mejores evaluadas
  206. td
  207. span.fa.fa-times
  208. td
  209. span.fa.fa-check
  210. td
  211. span.fa.fa-check
  212. tr
  213. td Evalúa tu kit y participa por premios
  214. td
  215. span.fa.fa-times
  216. td
  217. span.fa.fa-check
  218. td
  219. span.fa.fa-check
  220. tr
  221. td Precio
  222. td
  223. span.bold $13.990
  224. td
  225. span.bold $14.990
  226. td
  227. span.bold $26.990
  228.  
  229. tr
  230. td
  231. td
  232. button.brly-suscription-slider-button-promo onclick="$('input:radio[name=type_order_id]').filter('[value=5]').prop('checked', true);ctaPopup()" Comienza Ahora
  233. td
  234. button.brly-suscription-slider-button-promo.bold onclick="$('input:radio[name=type_order_id]').filter('[value=6]').prop('checked', true);ctaPopup()" Comienza Ahora
  235. td
  236. button.brly-suscription-slider-button-promo onclick="$('input:radio[name=type_order_id]').filter('[value=7]').prop('checked', true);ctaPopup()" Comienza Ahora
  237. table.display-sm
  238. thead
  239. tr
  240. th colspan="2" BASIC KIT
  241. tbody
  242. tr
  243. td Cantidad de Cervezas
  244. td
  245. span 6
  246. tr
  247. td Cervezas DISTINTAS (marcas y sabores)
  248. td
  249. span 6
  250. tr
  251. td Despacho GRATIS en Santiago
  252. td
  253. span.fa.fa-check
  254. tr
  255. td 1 cerveza de las mejores evaluadas
  256. td
  257. span.fa.fa-times
  258. tr
  259. td Evalúa tu kit y participa por premios
  260. td
  261. span.fa.fa-times
  262. tr
  263. td Precio
  264. td
  265. span.bold $13.990
  266. tr
  267. td colspan="2"
  268. button.center.brly-suscription-slider-button-promo onclick="$('input:radio[name=type_order_id]').filter('[value=5]').prop('checked', true);ctaPopup()" Comienza Ahora
  269. hr.display-sm
  270. table.display-sm
  271. thead
  272. tr
  273. th colspan="2" DISCOVER KIT
  274. tbody
  275. tr
  276. td Cantidad de Cervezas
  277. td
  278. span 9
  279. tr
  280. td Cervezas DISTINTAS (marcas y sabores)
  281. td
  282. span 8
  283. tr
  284. td Despacho GRATIS en Santiago
  285. td
  286. span.fa.fa-check
  287. tr
  288. td 1 cerveza de las mejores evaluadas
  289. td
  290. span.fa.fa-check
  291. tr
  292. td Evalúa tu kit y participa por premios
  293. td
  294. span.fa.fa-check
  295. tr
  296. td Precio
  297. td
  298. span.bold $14.990
  299. tr
  300. td colspan="2"
  301. button.center.brly-suscription-slider-button-promo onclick="$('input:radio[name=type_order_id]').filter('[value=6]').prop('checked', true);ctaPopup()" Comienza Ahora
  302. hr.display-sm
  303. table.display-sm
  304. thead
  305. tr
  306. th colspan="2" SHARING KIT
  307. tbody
  308. tr
  309. td Cantidad de Cervezas
  310. td
  311. span 18
  312. tr
  313. td Cervezas DISTINTAS (marcas y sabores)
  314. td
  315. span 8
  316. tr
  317. td Despacho GRATIS en Santiago
  318. td
  319. span.fa.fa-check
  320. tr
  321. td 1 cerveza de las mejores evaluadas
  322. td
  323. span.fa.fa-check
  324. tr
  325. td Evalúa tu kit y participa por premios
  326. td
  327. span.fa.fa-check
  328. tr
  329. td Precio
  330. td
  331. span.bold $26.990
  332. tr
  333. td colspan="2"
  334. button.center.brly-suscription-slider-button-promo onclick="$('input:radio[name=type_order_id]').filter('[value=7]').prop('checked', true);ctaPopup()" Comienza Ahora
  335.  
  336. section.brly-why.display-none
  337. /! KIT
  338. h2.brly-why-h2 Selecciona tu Plan y Comienza a Disfrutar
  339. .flex-row.md-block
  340. = radio_button_tag :type_order_id, 5, false, class: 'display-none'
  341. div
  342. label for="type_order_id_5" class='type_order_selector'
  343. article.brly-why-kit-article
  344. .flex-row
  345. figure.brly-why-kit-figure-big
  346. = image_tag "box.png"
  347. .flex-column.brly-why-kit-first-box
  348. .brly-why-kit-drinks
  349. span 6
  350. = image_tag "new_landing/why/why-item-02.svg"
  351. hr
  352. span Recibe 6 cervezas artesanales cada mes
  353. hr
  354. span Cada cerveza artesanal chilena de diferentes marcas y sabores
  355. hr
  356. span Despacho incluido en Santiago
  357. hr
  358. span Pack básico
  359. hr
  360. span Evalúa tus cervezas y participa por increíbles premios
  361. hr
  362. span Precio Normal
  363. div
  364. span.price $13.990
  365. span por mes
  366.  
  367. = radio_button_tag :type_order_id, 6, true, class: 'display-none'
  368. div
  369. label for="type_order_id_6" class='type_order_selector'
  370. article.brly-why-kit-article
  371. .flex-row
  372. figure.brly-why-kit-figure-big
  373. = image_tag "box.png"
  374. .flex-column.brly-why-kit-first-box
  375. .brly-why-kit-drinks
  376. span 9
  377. = image_tag "new_landing/why/why-item-02.svg"
  378. hr
  379. span Recibe 9 cervezas artesanales cada mes
  380. hr
  381. span 1 kit con 8 cervezas diferentes y 1 de las selección del mes anterior
  382. hr
  383. span Despacho incluido en Santiago
  384. hr
  385. span Ideal para probar y descrubrir nuevos sabores
  386. hr
  387. span Puedes evaluar tus cervezas
  388. hr
  389. span Precio conveniente
  390. div
  391. span.price $14.990
  392. span por mes
  393. = radio_button_tag :type_order_id, 7, false, class: 'display-none'
  394. div
  395. label for="type_order_id_7" class='type_order_selector'
  396. article.brly-why-kit-article
  397. .flex-row
  398. figure.brly-why-kit-figure-big
  399. = image_tag "box.png"
  400. .flex-column.brly-why-kit-first-box
  401. .brly-why-kit-drinks
  402. span 18
  403. = image_tag "new_landing/why/why-item-02.svg"
  404. hr
  405. span Recibe 18 cervezas artesanales cada mes
  406. hr
  407. span 2 kit iguales con 8 cervezas diferentes y 1 selección del mes anterior
  408. hr
  409. span Despacho incluido en Santiago
  410. hr
  411. span Ideal para compartir con tu pareja o amigos
  412. hr
  413. span Evalúa tus cervezas y participa por increíbles premios
  414. hr
  415. span Precio conveniente
  416. div
  417. span.price $26.990
  418. span por mes
  419. button.brly-suscription-slider-button-promo onclick="ctaPopup()" Comienza Ahora
  420.  
  421. section.brly-why-choose
  422. /! KIT
  423. .flex-row
  424. a href="https://bit.ly/2aSWKVu" target="_blank"
  425. = image_tag "new_landing/press/publimetro.png"
  426. a href="https://bit.ly/2dpwRw6" target="_blank"
  427. = image_tag "new_landing/press/el-mostrador.png"
  428. a href="https://bit.ly/2dhgNsS" target="_blank"
  429. = image_tag "new_landing/press/emol.png"
  430. a href="https://bit.ly/2dhgEFU" target="_blank"
  431. = image_tag "new_landing/press/fayerwayer.png"
  432. a href="https://bit.ly/1OZLz8E" target="_blank"
  433. = image_tag "new_landing/press/lun.png"
  434.  
  435.  
  436.  
  437. .brly-bg-pop.display-none
  438. .brly-pop-wrapper.display-none#login_form
  439. .brly-login-pop
  440. h2.brly-register-h2 Ingresa o regístrate
  441. p.brly-register-p al club de cervezas artesanales Beerly
  442. button.brly-register-close type="button"
  443. span.fa.fa-times
  444. .flex-row
  445. .flex-column.brly-form-part-1
  446. span.brly-form-span ¿Ya tienes cuenta? Ingresa acá
  447. /!LOGIN FORM
  448. = form_for resource, url: session_path(:user), remote: true, html: {class: 'brly-login-form', 'data-type' => :json} do |f|
  449. .flex-row.width-300p data-balloon="Ingrese una correo válido" data-balloon-pos="center"
  450. label.brly-label Email:
  451. = f.text_field :email, "data-validation" => "email required", class: 'brly-input', "data-validation-error-msg-container" => "none"
  452. .flex-row.width-300p data-balloon="Ingrese tu contraseña" data-balloon-pos="center"
  453. label.brly-label Contraseña:
  454. = f.password_field :password, "data-validation" => "length", "data-validation-length" => "min6", class: 'brly-input', "data-validation-error-msg-container" => "none"
  455. .flex-column
  456. span.brly-form.highlight.display-none#failed_sign_in Usuario o contraseña incorrectos
  457. .flex-column
  458. button.brly-register-button type="submit" Ingresar
  459. button.brly-facebook-button type="button"
  460. span.fa.fa-facebook
  461. | Ingresar con facebook
  462. a.brly-form-a onclick="closeLoginPopup(false);openRecoverPasswordForm();"
  463. span.fa.fa-question-circle
  464. | ¿Olvidaste tu contraseña? Haz click acá
  465. .flex-column.brly-form-part-2
  466. span.brly-form-span ¿Eres nuevo?
  467. /!LOGIN FORM
  468. = form_for User.new, as: :user, url: new_user_registration_path, remote: true, html: {id: :new_user_registration, class: 'brly-register-form', 'data-type' => :json} do |f|
  469. .flex-row.width-300p data-balloon="Ingrese su nombre" data-balloon-pos="center"
  470. label.brly-label Nombre:
  471. = f.text_field :name, placeholder: "Ej. Juan Perez", "data-validation" => "required", "data-validation-error-msg" => "Ingresa tu nombre", class: 'brly-input', "data-validation-error-msg-container" => "none"
  472. .flex-row.width-300p data-balloon="Ingrese una correo válido" data-balloon-pos="center"
  473. label.brly-label Correo:
  474. = f.email_field :email, placeholder: "Ej: nombre@correo.com", "data-validation" => "required email", "data-validation-error-msg" => "Ingresa tu correo en el formato correcto", class: 'brly-input', "data-validation-error-msg-container" => "none"
  475. .flex-row.width-300p data-balloon="Ingrese una contraseña de a lo menos 6 caracteres" data-balloon-pos="center"
  476. label.brly-label Contraseña:
  477. = f.password_field :password, placeholder: "******", "data-validation" => "length", "data-validation-length" => "min6", "data-validation-error-msg" => "Ingrese una contraseña de al menos 6 caracteres", class: 'brly-input', "data-validation-error-msg-container" => "none"
  478. .flex-row.width-300p data-balloon="Las contraseñas no coinciden" data-balloon-pos="center"
  479. label.brly-label Repite contraseña:
  480. = f.password_field :password_confirmation, placeholder: "******", "data-validation" => "confirmation", "data-validation-confirm" => "user[password]", "data-validation-error-msg" => "Las contraseñas no coinciden", class: 'brly-input', "data-validation-error-msg-container" => "none"
  481. .flex-column
  482. span.brly-form.highlight.display-none#failed_sign_up Correo ya registrado en nuestra Base de Datos
  483. .flex-column
  484. /! COMMON CREATE BUTTON
  485. button.brly-register-button type="submit" Crear cuenta
  486.  
  487. .brly-pop-wrapper.display-none#purchase_form
  488. .brly-buy-pop
  489. h2.brly-register-h2 Suscríbete Ahora
  490. button.brly-register-close type="button"
  491. span.fa.fa-times
  492. .flex-column.flex-center.width-100
  493. /!LOGIN FORM
  494. = form_for(resource, as: resource_name, url: "/payment/new_subscription", html: {id: "new_purchase", class: 'brly-login-form flex-column flex-center'}) do |f|
  495. .flex-row.width-300p data-balloon="Ingresa tu teléfono" data-balloon-pos="center"
  496. label.brly-label Teléfono:
  497. = text_field_tag :phone, nil, class: 'brly-input', placeholder: 'Ej: +56957363971', "data-validation" => "required", "data-validation-error-msg" => "", "data-validation-error-msg-container" => "none"
  498. .flex-row.width-300p data-balloon="Ingresa una dirección" data-balloon-pos="center"
  499. label.brly-label Calle:
  500. = text_field_tag :address, nil, class: 'brly-input', placeholder: 'Ej: Avenida Providencia', "data-validation" => "required", "data-validation-error-msg" => "", "data-validation-error-msg-container" => "none"
  501. .flex-row.width-300p data-balloon="Nº de calle (máximo 6 caracteres, sólo números)" data-balloon-pos="center"
  502. label.brly-label Número:
  503. = text_field_tag :address_number, nil, class: 'brly-input', placeholder: 'Ej: 736', "data-validation" => "required length number", "data-validation-error-msg" => "", "data-validation-length" => "max6", "data-validation-error-msg-container" => "none"
  504. .flex-row.width-300p
  505. label.brly-label
  506. | Of/Dpto
  507. br
  508. | Cómo llegar:
  509. = text_area_tag :address_extra_info, nil, class: 'brly-textarea', placeholder: 'Dpto 2134, al lado de Supermercado Lider'
  510. .flex-row.width-300p data-balloon="Ingrese una ciudad o comuna" data-balloon-pos="center"
  511. label.brly-label Comuna:
  512. = select_tag :locality_id, options_for_select(@localities.map{ |locality| [locality.name, locality.id, locality.enabled_shipment_costs.map{|sc| {"data-price-#{sc.type_order_id}": sc.price}}.reduce({}, :merge)]}, user_signed_in? ? current_user.locality_id : nil), prompt: 'Seleccione comuna', "data-validation" => "required", "data-validation-error-msg" => "", class: 'brly-select', "data-validation-error-msg-container" => "none"
  513. .flex-row.width-300p.display-none.discount_code
  514. label.brly-label Código de Descuento:
  515. = text_field_tag :discount_code, nil, class: 'brly-input', onkeydown:"if (event.keyCode == 13) { validateDiscount();return false;}"
  516. button.brly-register-button.validate type="button" onclick="validateDiscount()" Validar
  517. .flex-row.width-300p.display-none.discount_code
  518. a.brly-form-a.width-100 onclick="hideDiscountForm()" Ocultar código de descuento
  519. .flex-row.text-center.width-100.discount_code_message
  520. a.brly-form-a.width-100 onclick="showDiscountForm()" ¿Tienes un código de Descuento?
  521. .flex-column
  522. span.brly-form-span-2
  523. | Resumen de tu compra:
  524. .flex-row.brly-resume
  525. span.brly-form-span-3
  526. | Valor mensual
  527. span.brly-form-price.type_order_price
  528. span.brly-form-span-3
  529. | Costo de envío
  530. span.brly-form-price.monthly_shipment
  531. span.brly-form-span-3.months_number.display-none.months_number_container
  532. | Número de meses
  533. span.brly-form-price#months_number
  534. span.brly-form-span-3.discount_container.display-none
  535. | Descuento
  536. span.brly-form-price.discount_amount
  537. span.brly-form-span-3
  538. | Precio total
  539. span.brly-form-price.total_price
  540. .flex-row.brly-payment-options
  541. button.brly-register-button type="submit"
  542. | activar suscripción
  543. .flex-row.text-center.width-100
  544. a.brly-form-a.width-100 onclick="openPrepayForm()" Cambiar medio de pago
  545. .flex-row.text-center.width-100
  546. a.brly-form-a.width-100 href="/terminos-y-condiciones" target="_blank" Al suscribirte aceptas los términos y condiciones
  547.  
  548.  
  549. .brly-pop-wrapper.display-none#recover_password_form
  550. .brly-recovery-pop
  551. h2.brly-register-h2 Recuperar contraseña
  552. p.brly-register-p Si estás registrado ingresa tus correo y te la enviamos
  553. button.brly-register-close type="button"
  554. span.fa.fa-times
  555. .flex-row
  556. .flex-column
  557. /!LOGIN FORM
  558. = form_for(resource, as: "recover-password", url: password_path(resource_name), html: { method: :post, remote: true, 'data-type' => 'json', class: 'brly-recovery-form'}) do |f|
  559. .flex-row.width-290p data-balloon="Ingrese un correo válido" data-balloon-pos="center"
  560. label.brly-label Correo:
  561. = f.email_field :email, placeholder: "Ej: nombre@correo.cl", class: 'brly-input'
  562. .flex-column
  563. button.brly-register-button type="submit" recuperar
  564. span.brly-form.highlight.display-none#successful_recover_password !La clave fue enviada a tu correo!
  565. .brly-form-a.highlight.display-none#failed_recover_password ¡El correo ingresado no figura en nuestros registros!
  566.  
  567. .brly-pop-wrapper.display-none#prepay_form
  568. .brly-buy-pop-other
  569. h2.brly-register-h2 Cambiar medio de pago
  570. p.brly-register-p Membresía Beerly: Beerly Kit + Suscribeer
  571. button.brly-register-close-prepay type="button"
  572. span.fa.fa-times
  573. .flex-row
  574. .flex-column
  575. /!LOGIN FORM
  576. .flex-row.width-100.text-center
  577. form.brly-oneclick-form
  578. .flex-column.width-100.text-center
  579. .flex-row.display-none.months_number_container
  580. label.brly-label Meses:
  581. = select_tag :months, options_for_select(@months_subscriptions.map{ |months_subscription| [months_subscription.months, months_subscription.months]}), class: 'brly-select width-100p'
  582. .flex-row.width-400p#one_click_recurrent_message_container
  583. span Suscripción mensual, el primer cargo se te realizará ahora y los siguientes el primer día de cada mes. Suscripción libre de amarres y sin tiempo mínimo de permanencia.
  584. .flex-row.brly-selector-pay
  585. label.brly-label-radio
  586. input.brly-input-radio checked="" type="radio" name="payment_option" value="one_click_recurrent"
  587. = image_tag "webpay_oc.png", class: 'brly-radio-img'
  588. label.brly-label-radio
  589. input.brly-input-radio type="radio" name="payment_option" value="webpay"
  590. = image_tag "wp.png", class: 'brly-radio-img'
  591. label.brly-label-radio
  592. input.brly-input-radio type="radio" name="payment_option" value="bank_transfer"
  593. = image_tag "tb.png", class: 'brly-radio-img'
  594.  
  595. .flex-row.brly-buttons
  596. button.brly-register-button.width-400p type="button" onclick="closePrepayPopup(false)"
  597. | Guardar Cambios
  598.  
  599. .brly-pop-wrapper.display-none#faq
  600. .brly-pop-faq
  601. h2.brly-register-h2 Preguntas frecuentes
  602. p.brly-register-p Resuelve tus dudas
  603. button.brly-register-close type="button"
  604. span.fa.fa-times
  605. .flex-column.brly-ask-container
  606. /! ASK 1
  607. span.brly-form-note.width-100.text-center ¿Cuándo me llegará mi Kit Beerly?
  608. span.brly-form-span.ask
  609. | Depende en buena medida de tu fecha de inscripción y residencia. Los despachos tardan hasta 10 días hábiles para las principales ciudades del país (aunque normalmente es menos tiempo), si no vives en ellas puedes consultar por nuestros canales de soporte, las cuales te darán tiempos estimados que son meramente referenciales y están sujetos a cambios dependiendo del proveedor logístico externo. Desde el momento en que tu Kit Beerly abandona nuestras dependencias, figurará en tu sección Mi Cuenta -> Mis Pedidos el número de seguimiento para que puedas revisar. Cualquier duda, puedes escribirnos en nuestro chat online o a nuestro correo soporte@beerly.cl
  610. /! ASK 2
  611. span.brly-form-note.width-100.text-center ¿Qué contiene el Kit Beerly?
  612. span.brly-form-span.ask
  613. | El Kit Beerly contiene 9 cervezas distintas de diversos estilos con marcas de diversos tamaños, para que puedas ir aprendiendo más de las cervezas en la práctica, una guía complementaria donde te recomendamos como probar tus cervezas para que puedas disfrutarlas al máximo, acceso a nuestra revista digital con contenido original cervecero Suscribeër ¡y participar por increíbles premios cuando evalúes las cervezas que te llegan en tu kit!
  614. /! ASK 3
  615. span.brly-form-note.width-100.text-center ¿Cuánto dura mi membresía?
  616. span.brly-form-span.ask
  617. | Serás un Ciudadano Beerly mientras mantengas una suscripción activa (o sea, se te haga el descuento correspondiente en tu tarjeta de crédito). Ésta se renovará automáticamente cada mes si inscribes tu tarjeta de crédito. Si compraste con una suscripción a plazo fijo con Redcompra débito o transferencia, dura 3, 6 o 12 meses, dependiendo de la suscripción por la que hayas optado.
  618. /! ASK 4
  619. span.brly-form-note.width-100.text-center ¿Puedo pagar sólo un mes de suscripción?
  620. span.brly-form-span.ask
  621. | Al inscribir tu membresía usando tu tarjeta de crédito por el sistema WebPay OneClick, te conviertes en un ciudadano Beerly hasta que tu decidas cancelarla o suspenderla, esto es, desde un mes en adelante.
  622. /! ASK 5
  623. span.brly-form-note.width-100.text-center ¿Cómo suspendo temporalmente mi membresía?
  624. span.brly-form-span.ask
  625. | Desde la sección Mi Cuenta -> Mis Datos puedes encontrar la opción "Congelar Membresía". Si optas por eso, no se te realizarán más cobros ni se te enviarán más Kit Beerly hasta que tú decidas reactivarla (lo cual es una buena opción para cuando sales de vacaciones y no hay quien reciba tu Kit Beerly).
  626. /! ASK 6
  627. span.brly-form-note.width-100.text-center ¿Cómo cancelo mi membresía?
  628. span.brly-form-span.ask
  629. | Si deseas dejar de ser un Ciudadano Beerly y dar término a tu suscripción tienes que ingresar con tu cuenta al sitio, y en la sección superior derecha puedes hacer clic para que salga un menú desplegable, donde vas a la sección "mis datos" y al final de tus pedidos realizados sale la opción "congelar membresía" o "eliminar tarjeta" y así tu membresía quedará suspendida o eliminada. Este procedimiento es sólo válido si estás suscrito a través de la membresía recurrente con OneClick, las membresías por plazo fijo no pueden ser canceladas.
  630. /! ASK 7
  631. span.brly-form-note.width-100.text-center ¿Soy productor de cerveza, fabrico vasos o artículos cerveceros, ¿con quien me contacto?
  632. span.brly-form-span.ask
  633. | Para cualquier tipo de servicio que quieras ofrecer, deja tu correo a soporte@beerly.cl
  634. /! ASK 8
  635. span.brly-form-note.width-100.text-center ¿Ustedes hacen distribución de producto para restaurantes?
  636. span.brly-form-span.ask
  637. | Beerly es una plataforma que se dedica a la promoción de la cultura cervecera, buscando que este maravilloso producto sea más conocido por mas gente, por lo que Beerly no es una distribuidora, y por consecuencia, no se realizan ventas mayoristas.
  638. /! ASK 9
  639. span.brly-form-note.width-100.text-center ¿Con quien me contacto si mi pedido no llega/llegan botellas rotas/problemas en general con el despacho?
  640. span.brly-form-span.ask
  641. | Si tu pedido no llega después de 10 días hábiles después de tu cargo y si te encuentras en zona urbana, te invitamos a que envíes un correo a soporte@beerly.cl para poder solucionar este tema, del mismo modo si las botellas llegan rotas, te instamos a no aceptar el paquete y tomar una foto de la persona que te lo entregó junto a tu pedido para solucionarlo en conjunto con la compañía de despacho.
  642. /! ASK 10
  643. span.brly-form-note.width-100.text-center ¿Se puede regalar la membresía?
  644. span.brly-form-span.ask
  645. | Sólo ingresa a www.beerly.cl/giftcard y sigue las instrucciones. Al final del proceso de compra se generará una gift card virtual que puedes imprimir o enviar por correo electrónico para regalar inmediatamente, la cual incluye un mensaje personalizado por ti.
  646. /! ASK 11
  647. span.brly-form-note.width-100.text-center ¿Puedo comprar con factura?
  648. span.brly-form-span.ask
  649. | Si, pero se aplican precios y condiciones de venta corporativa. Para esto, contactar al encargado de Área Comercial, Juan Pablo Conejeros: jpabloconejeros@beerly.cl
  650. /! ASK 12
  651. span.brly-form-note.width-100.text-center ¿Pueden traer cervezas de sectores fuera de Chile?
  652. span.brly-form-span.ask
  653. | Beerly es un club de cerveza artesanal exclusivamente Chilena, por lo que trabajar con cervezas extranjeras está fuera del radar por el momento.
  654.  
  655.  
  656. javascript:
  657. $('#rotating').simplebanner();
  658. $("#new_purchase").submit( function(eventObj) {
  659. $('<input />').attr('type', 'hidden')
  660. .attr('name', "type_order_id")
  661. .attr('value', $('[name=type_order_id]:checked').val())
  662. .appendTo('#new_purchase');
  663. return true;
  664. });
  665. - if Rails.env.production?
  666. javascript:
  667. ga('ec:setAction', 'click', Object.assign(ga_info, {step: 1}));
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement