app/template/user_data/page_subscription.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  4.                <section class="subs-wine-main cmn-sec page-main">
  5.             <div class="about-wine-main__inner cmn-sec__inner page-main__inner">
  6.                 <div class="about-wine-main__title cmn-sec-title">
  7.                     <h2>SUBSCRIPTION</h2>
  8.                 </div>
  9.                 <div class="about-wine-main__catch cmn-sec-catch">
  10.                     <p class="--pc">
  11.                         Pinot Noir , Chardonnay , Cabernet Sauvignon , Merlot , Cabernet Franc , Syrah , Grenache ,
  12.                         Sauvignon Blanc , Petit Verdot , Pinot Meunier , Riesling , Sangiovese , Nebbiolo , Pinot Gris ,
  13.                         Malbec , Mourvedre , Smillon , Cinsault , Viognier , Moscato , Carignan , Koshu , Pino Blanc ,
  14.                         Vermentino , Gewrztraminer , Chenin Blanc , Carmenere , Grenache Blanc , Barbera , Gamey ,
  15.                         Tempranillo , Muscadelle , Roussanne , Trebbiano , Gruner Veltliner , Aligot , Petite Sirah ,
  16.                         Glera , Zinfandel , Pinot Bianco
  17.                     </p>
  18.                     <p class="--sp">
  19.                         Pinot Noir , Chardonnay , Cabernet Sauvignon , Merlot , Cabernet Franc , Syrah , Grenache ,
  20.                         Sauvignon Blanc , Petit Verdot , Pinot Meunier , Riesling , Sangiovese , Nebbiolo , Pinot Gris ,
  21.                     </p>
  22.                 </div>
  23.                 <div class="about-wine-main__media">
  24.                     <div class="about-wine-main__txt-box">
  25.                         <strong>「好き」はもっと自由でいい。</strong>
  26.                         <!--<p>ここに説明文の文章が入ります。ここに説明文の文章が入ります。ここに説明文の文章が入ります。ここに説明文の文章が入ります。ここに説明文の文章が入ります。ここに説明文の文章が入ります。
  27.                         </p>-->
  28.                     </div>
  29.                     <div class="about-wine-main__img-box">
  30.                         <!--<img src="/html/user_data/assets/img/common/life-style/calendar_media.webp" alt="カレンダー">-->
  31.                     </div>
  32.                 </div>
  33.             </div>
  34.         </section>
  36.         <section class="subs-catch cmn-sec">
  37.             <div class="subs-catch__inner cmn-sec__inner">
  38.                 <div class="subs-catch__thumb">
  39.                     <img src="/html/user_data/assets/img/common/subs/catch_thumb.webp" alt="カレンダー">
  40.                 </div>
  41.                 <div class="subs-catch__media">
  42.                     <div class="subs-catch__txt-box">
  43.                         <strong>あなたに「いい日」を届けます。</strong>
  44.                         <p>
  45.                             心動かす音楽、服や映画。食べたいもの飲みたいもの。<br>
  46.                             したいこと、したくないこと。<br>
  47.                             好きも苦手もたくさんあるけれど<br>
  48.                             誰かの評価を気にして、自分で自分を縛って、本当の気持ちを胸にしまう。<br>
  49.                             でも本当はいつだって、心はもっと自由でいい。<br>
  50.                             ルールや知識よりも大事なこと。<br>
  51.                             いつでもどんなときも、シンプルに、感じたままを大切に。<br>
  52.                             その時間を、自由に“らしく”楽しもう。
  53.                         </p>
  54.                         <p>
  55.                             特別な日も、何気ない日常も、たくさんの“好き”に満たされて、<br>
  56.                             きっと、「いい日」になるように。<br>
  57.                             そんな想いを込めて、良質なワインをはじめ、<br>
  58.                             ライフスタイルを彩る暮らしのモノ・コトを届けます。
  59.                         </p>
  60.                     </div>
  61.                     <div class="subs-catch__img-box">
  62.                         <img src="/html/user_data/assets/img/common/subs/catch_media01.webp" alt="カレンダー">
  63.                     </div>
  64.                 </div>
  65.                 <div class="subs-catch__media">
  66.                     <div class="subs-catch__img-box">
  67.                         <img src="/html/user_data/assets/img/common/subs/catch_media02.webp" alt="カレンダー">
  68.                     </div>
  69.                     <div class="subs-catch__txt-box">
  70.                         <strong>初回おためし登録</strong>
  71.                         <span>Trial plan</span>
  72.                         <p>
  73.                             初めてワインに触れてみようと思う方や、ワインサブスクを試してみたい人へ向けた初回お試し登録。
  74.                             いつでも解約ができるので気軽にお試しできます。
  75.                             そのまま継続するのもやっぱり、、、と解約するのも自由です。
  76.                         </p>
  77.                         <ul class="subs-catch__points">
  78.                             <li>最初にクレジット登録</li>
  79.                             <li>3本から</li>
  80.                             <li>いつでも解約OK</li>
  81.                         </ul>
  82.                     </div>
  83.                 </div>
  84.             </div>
  85.         </section>
  87.         <section class="subs-plan cmn-sec">
  88.             <div class="subs-plan__inner cmn-sec__inner">
  89.                 <div class="cmn-label-title">
  90.                     <h2 class="--ja">サブスクプラン</h2>
  91.                     <span class="--en">SUBSCRIPITION PLAN</span>
  92.                     <img src="/html/user_data/assets/img/common/pen_thick.svg" alt="ペンで書かれた線のイラスト">
  93.                 </div>
  94.                 <ul class="subs-plan__list">
  95.                     <li class="subs-plan__item subs-card">
  96.                         <div class="label-wrap">
  97.                             <span class="label">Beginner Plan</span>
  98.                         </div>
  99.                         <div class="subs-card__title-box">
  100.                             <strong>1ヶ月2本プラン</strong>
  101.                             <span>Beginner Plan</span>
  102.                         </div>
  103.                         <div class="subs-card__price-box">
  104.                             <strong><span class="--yen">¥</span>9,800<span class="--month">/month</span></strong>
  105.                         </div>
  106.                         <ul class="subs-card__course-desc">
  107.                             <li>
  108.                                 <span>Wine</span>
  109.                                 <strong>2</strong>
  110.                             </li>
  111.                             <li>
  112.                                 <span>Self choice</span>
  113.                                 <strong>-</strong>
  114.                             </li>
  115.                             <li>
  116.                                 <span>Fav record</span>
  117.                                 <strong>2</strong>
  118.                             </li>
  119.                         </ul>
  120.                         <a href="https://wineshop.salond.jp/products/detail/3" class="subs-card__link">
  121.                             <img src="/html/user_data/assets/img/common/subs/plan_card01_btn.webp" alt="ペンで書かれた線のイラスト">
  122.                         </a>
  123.                     </li>
  124.                     <li class="subs-plan__item subs-card">
  125.                         <div class="label-wrap">
  126.                             <span class="label">Standard Plan</span>
  127.                         </div>
  128.                         <div class="subs-card__title-box">
  129.                             <strong>1ヶ月3本プラン</strong>
  130.                             <span>Standard Plan</span>
  131.                         </div>
  132.                         <div class="subs-card__price-box">
  133.                             <strong><span class="--yen">¥</span>13,000<span class="--month">/month</span></strong>
  134.                         </div>
  135.                         <ul class="subs-card__course-desc">
  136.                             <li>
  137.                                 <span>Wine</span>
  138.                                 <strong>3</strong>
  139.                             </li>
  140.                             <li>
  141.                                 <span>Self choice</span>
  142.                                 <strong>2</strong>
  143.                             </li>
  144.                             <li>
  145.                                 <span>Fav record</span>
  146.                                 <strong>1</strong>
  147.                             </li>
  148.                         </ul>
  149.                         <a href="https://wineshop.salond.jp/products/detail/4" class="subs-card__link">
  150.                             <img src="/html/user_data/assets/img/common/subs/plan_card02_btn.webp" alt="ペンで書かれた線のイラスト">
  151.                         </a>
  152.                     </li>
  153.                     <li class="subs-plan__item subs-card">
  154.                         <div class="label-wrap">
  155.                             <span class="label">Premium Plan</span>
  156.                         </div>
  157.                         <div class="subs-card__title-box">
  158.                             <strong>1ヶ月4本プラン</strong>
  159.                             <span>Premium Plan</span>
  160.                         </div>
  161.                         <div class="subs-card__price-box">
  162.                             <strong><span class="--yen">¥</span>18,000<span class="--month">/month</span></strong>
  163.                         </div>
  164.                         <ul class="subs-card__course-desc">
  165.                             <li>
  166.                                 <span>Wine</span>
  167.                                 <strong>4</strong>
  168.                             </li>
  169.                             <li>
  170.                                 <span>Self choice</span>
  171.                                 <strong>2</strong>
  172.                             </li>
  173.                             <li>
  174.                                 <span>Fav record</span>
  175.                                 <strong>2</strong>
  176.                             </li>
  177.                         </ul>
  178.                         <a href="https://wineshop.salond.jp/products/detail/5" class="subs-card__link">
  179.                             <img src="/html/user_data/assets/img/common/subs/plan_card03_btn.webp" alt="ペンで書かれた線のイラスト">
  180.                         </a>
  181.                     </li>
  182.                 </ul>
  183.                 <div class="subs-card subs-card--large">
  184.                     <div class="label-wrap">
  185.                         <span class="label">Complete Plan</span>
  186.                     </div>
  187.                     <div class="subs-card__info-label">
  188.                         <div class="subs-card__title-box">
  189.                             <strong>コンプリートセット/1年契約</strong>
  190.                             <span>Complete Plan</span>
  191.                         </div>
  192.                         <div class="subs-card__price-box">
  193.                             <strong><span class="--yen">¥</span>28,000<span class="--month">/month</span></strong>
  194.                         </div>
  195.                         <ul class="subs-card__course-desc">
  196.                             <li>
  197.                                 <span>Wine</span>
  198.                                 <strong>6</strong>
  199.                             </li>
  200.                             <li>
  201.                                 <span>Self choice</span>
  202.                                 <strong>3</strong>
  203.                             </li>
  204.                             <li>
  205.                                 <span>Fav record</span>
  206.                                 <strong>3</strong>
  207.                             </li>
  208.                         </ul>
  209.                         <a href="https://wineshop.salond.jp/products/detail/339" class="subs-card__link">
  210.                             <img src="/html/user_data/assets/img/common/subs/plan_card_arrow.svg" alt="ペンで書かれた線のイラスト">
  211.                         </a>
  212.                     </div>
  213.                     <div class="subs-card__media">
  214.                         <div class="subs-card__img-box">
  215.                             <img src="/html/user_data/assets/img/common/subs/card_media.webp" alt="ペンで書かれた線のイラスト">
  216.                         </div>
  217.                         <div class="subs-card__txt-box">
  218.                             <strong>ワインのある生活を彩る</strong>
  219.                             <p>
  220.                                 ワインをより楽しむために、グラスやワインクーラーなどを初回お届け時にお受け取りいただけます。<br>
  221.                                 毎月のお届けにもワインに合ったおつまみやグッズをセレクト。<br>
  222.                                 ワインのある生活をより色彩豊かに彩ります。
  223.                             </p>
  224.                         </div>
  225.                     </div>
  226.                     <div class="subs-card__comp-desc">
  227.                         <strong>コンプリートセット内容</strong>
  228.                         <p>グラス(木村硝子)2個、ワインクーラー、ストッパー、バキュバンセット、その他のもの</p>
  229.                         <p class="subs-card__comp-note">
  230.                             ※Standard Plan,Premium Planをご登録のお客様は途中からグレードアップが可能です。<br>
  231.                             Beginnerのプランをご契約のお客様は、コンプリートセットをご契約いただくとStandard PlanまたはPremium Planへ変更されることになります。
  232.                         </p>
  233.                         <div class="subs-card__comp-label">
  234.                             <span class="subs-card__comp-label-title">初回</span>
  235.                             <p>
  236.                                 ギフト特典付き<br>
  237.                                 <span>(１年継続必須)</span>
  238.                             </p>
  239.                         </div>
  240.                     </div>
  241.                 </div>
  242.             </div>
  243.         </section>
  245.         <section class="subs-friend cmn-sec">
  246.             <div class="subs-friend_inner cmn-sec__inner">
  247.                 <div class="cmn-label-title">
  248.                     <h2 class="--ja">フレンド登録</h2>
  249.                     <span class="--en">WITH FRIEND</span>
  250.                     <img src="/html/user_data/assets/img/common/pen_thick.svg" alt="ペンで書かれた線のイラスト">
  251.                 </div>
  252.                 <div class="subs-friend__thumb">
  253.                     <img src="/html/user_data/assets/img/common/subs/friend_thumb.webp" alt="ペンで書かれた線のイラスト">
  254.                     <img class="subs-friend__thumb-txt" src="/html/user_data/assets/img/common/subs/friend_thumb_txt.webp" alt="ペンで書かれた線のイラスト">
  255.                 </div>
  256.                 <div class="subs-friend__txt-box">
  257.                     <strong>楽しみは誰かと一緒に</strong>
  258.                     <p>
  259.                         あなたが好きなワインのある生活をお友達、家族、恋人と共有できたらもっと楽しい。
  260.                         ワインと食事をペアリングるように、サブスクをペアリングすることでお互いの誕生日や記念日に特別なワインを送ることができます。
  261.                     </p>
  262.                 </div>
  263.             </div>
  264.         </section>
  265.         <!--<section class="subs-flow cmn-sec">
  266.             <div class="subs-flow_inner cmn-sec__inner">
  267.                 <div class="cmn-label-title">
  268.                     <h2 class="--ja">サブスク登録の流れ</h2>
  269.                     <span class="--en">FLOW</span>
  270.                     <img src="/html/user_data/assets/img/common/pen_thick.svg" alt="ペンで書かれた線のイラスト">
  271.                 </div>
  272.                 <div class="subs-flow__thumb">
  273.                     <img src="/html/user_data/assets/img/common/subs/flow_thumb.svg" alt="ペンで書かれた線のイラスト">
  274.                 </div>
  275.             </div>
  276.         </section>-->
  277. {% endblock %}