templates/app/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'app/base.html.twig' %}
  3. {% form_theme form _self %}
  4. {%- block form_row -%}
  5. {#    {{- form_label(form) -}}#}
  6. {#    {{- form_errors(form) -}}#}
  7.     {{- form_widget(form) -}}
  8. {%- endblock form_row -%}
  10. {% block body %}
  11.     <section class="sec-mainvisual">
  12.         <div class="mv-slider">
  13.             <figure>
  14.                 <img src="{{ asset('assets/images/img-mv-slide01.jpg') }}" alt="キャンピングカーレンタル　ビデオ１ワン" class="pc">
  15.                 <img src="{{ asset('assets/images/img-mv-slide01-sp.jpg') }}" alt="キャンピングカーレンタル　ビデオ１ワン" class="sp">
  16.             </figure>
  17.             <figure>
  18.                 <img src="{{ asset('assets/images/img-mv-slide02.jpg') }}" alt="キャンピングカーレンタル　ビデオ１ワン" class="pc">
  19.                 <img src="{{ asset('assets/images/img-mv-slide02-sp.jpg') }}" alt="キャンピングカーレンタル　ビデオ１ワン" class="sp">
  20.             </figure>
  21.             <figure>
  22.                 <img src="{{ asset('assets/images/img-mv-slide03.jpg') }}" alt="キャンピングカーレンタル　ビデオ１ワン" class="pc">
  23.                 <img src="{{ asset('assets/images/img-mv-slide03-sp.jpg') }}" alt="キャンピングカーレンタル　ビデオ１ワン" class="sp">
  24.             </figure>
  25.         </div>
  26.         <h1><img loading="lazy" src="{{ asset('assets/images/ico-24hrs.svg') }}" alt="CAMPER RENTAL 24HOURS" class="pc"><img src="{{ asset('assets/images/ico-24hrs-sp.svg') }}" alt="CAMPER RENTAL 24HOURS" class="sp">
  27.             <span>キャンピングカーが<br>
  28.           <span class="caution">24時間レンタル</span>できる！<br>
  29.           軽自動車から大型車まで、4,800円〜</span>
  30.         </h1>
  31.     </section>
  32.     <section class="sec-vehicle" id="anchor-vehicle">
  33.         <div class="viewport-container">
  34.             <h2 class="heading-standard"><span>VEHICLE TYPE/PRICE</span>車種・料金</h2>
  35.             <ul class="vehicle-list">
  36.                 {% for car in cars %}
  37.                     <li class="vehicle">
  38.                         <figure>
  39.                             <img src="{{ asset('assets/images/' ~ car.key ~ '/thumbnail.jpg') }}" alt="{{ car.carName }}　{{ car.subCarName }}">
  40.                         </figure>
  41.                         <dl>
  42.                             <dt>車種</dt>
  43.                             <dd>{{ car.carName }}　<br class="sp">{{ car.subCarName }}</dd>
  44.                             <dt>料金</dt>
  45.                             <dd>{{ car.weekdaysBy12Hour }}円/12時間〜</dd>
  46.                         </dl>
  47.                         <button class="btn-standard btn-open" aria-hidden="false">詳しくみる</button>
  48.                         <div class="modal-container">
  49.                             <div class="inner">
  50.                                 <span class="btn-close" aria-hidden="false"></span>
  51.                                 <p class="heading-standard"><span>SPEC</span>スペック詳細</p>
  52.                                 <div class="vehicle-slider">
  53.                                     {% for image in car.images %}
  54.                                     <figure><img src="{{ asset('assets/images/' ~ car.key ~ '/' ~ image) }}" alt="{{ car.carName }} {{ car.subCarName }}"></figure>
  55.                                     {% endfor %}
  56.                                 </div>
  57.                                 <ul class="slider-navigation">
  58.                                     {% for image in car.images %}
  59.                                         <li><img src="{{ asset('assets/images/' ~ car.key ~ '/' ~ image) }}" alt="{{ car.carName }} {{ car.subCarName }}"></li>
  60.                                     {% endfor %}
  61.                                 </ul>
  62.                                 <dl class="primary-desc">
  63.                                     <dt>車種</dt>
  64.                                     <dd>{{ car.carName }}　{{ car.subCarName }}</dd>
  65.                                     <dt>料金</dt>
  66.                                     <dd>{{ car.weekdaysBy12Hour }}円/12時間〜</dd>
  67.                                 </dl>
  68.                                 <dl class="secondary-desc">
  69.                                     <dt>■定員</dt>
  70.                                     <dd>{{ car.passenger }}<br class="sp">{{ car.passengerDetail }}</dd>
  71.                                     <dt>■シフト</dt>
  72.                                     <dd>{{ car.shift }}</dd>
  73.                                     <dt>■燃料</dt>
  74.                                     <dd>{{ car.fuel }}</dd>
  75.                                     <dt>■駆動方式</dt>
  76.                                     <dd>{{ car.drive }}</dd>
  77.                                     <dt>■排気量</dt>
  78.                                     <dd>{{ car.displacement }}</dd>
  79.                                     <dt>■車体寸法</dt>
  80.                                     <dd>{{ car.size }}</dd>
  81.                                     <dt>■ベッド寸法</dt>
  82.                                     <dd>{{ car.bed }}</dd>
  83.                                 </dl>
  84.                                 <div class="other-container">
  85.                                     <p>{{ car.description }}</p>
  86.                                     <dl class="secondary-desc">
  87.                                         <dt>■主な装備</dt>
  88.                                         <dd>{{ car.equipment1 }}<br class="pc">{{ car.equipment2 }}</dd>
  89.                                     </dl>
  90.                                     <p>{{ car.description2 }}</p>
  91.                                     <div class="table-wrapper">
  92.                                         <table>
  93.                                             <tr>
  94.                                                 <th>料金</th>
  95.                                                 <th>日にち</th>
  96.                                                 <th>12時間料金</th>
  97.                                                 <th>1時間料金</th>
  98.                                             </tr>
  99.                                             <tr>
  100.                                                 <td>通常料金</td>
  101.                                                 <td>平日</td>
  102.                                                 <td>{{ car.weekdaysBy12Hour }}円/12時間<br>
  103.                                                     （税込み）</td>
  104.                                                 <td>{{ car.weekdaysBy1Hour }}円/1時間<br>
  105.                                                     （税込み）</td>
  106.                                             </tr>
  107.                                             <tr>
  108.                                                 <td>土日祝日料金</td>
  109.                                                 <td>カレンダーの暦上に<br>
  110.                                                     準じます</td>
  111.                                                 <td>{{ car.holidayBy12Hour }}円/12時間<br>
  112.                                                     （税込み）</td>
  113.                                                 <td>{{ car.holidayBy1Hour }}円/1時間<br>
  114.                                                     （税込み）</td>
  115.                                             </tr>
  116.                                             <tr>
  117.                                                 <td>ハイシーズン料金</td>
  118.                                                 <td>4/2〜5/5・8/10〜8/16・<br>
  119.                                                     12/28〜1/3</td>
  120.                                                 <td>{{ car.highSeasonBy12Hour }}円/12時間<br>
  121.                                                     （税込み）</td>
  122.                                                 <td>{{ car.highSeasonBy1Hour }}円/1時間<br>
  123.                                                     （税込み）</td>
  124.                                             </tr>
  125.                                         </table>
  126.                                     </div>
  127.                                 </div>
  128.                                 <a href="https://www.rentacar-samurai.jp/camren-video1takano" target="_blank" class="btn-enquiry btn-standard">予約する</a>
  129.                             </div>
  130.                         </div>
  131.                     </li>
  133.                 {% endfor %}
  134.             </ul>
  135.         </div>
  136.     </section>
  137.     <section class="sec-reason" id="anchor-reason">
  138.         <div class="viewport-container">
  139.             <h2 class="heading-standard"><span>REASON</span>選ばれる理由</h2>
  140.             <div class="block-flex">
  141.                 <figure>
  142.                     <img loading="lazy" src="{{ asset('assets/images/img-reason01.jpg') }}" alt="24時間営業だからいつでもレンタル・返却が可能！">
  143.                 </figure>
  144.                 <div class="detail">
  145.                     <i>01</i>
  146.                     <h3>24時間営業だから<br>
  147.                         いつでもレンタル・返却が可能！</h3>
  148.                     <p>レンタル・返却は24時間営業のビデオ1の店舗で行うので、<br class="pc">
  149.                         いつでも自由にご利用いただけます。<br>
  150.                         深夜の出発・返却もできるので、お客様の予定に合わせたご利用が可能です。</p>
  151.                 </div>
  152.             </div>
  153.             <div class="block-flex">
  154.                 <figure>
  155.                     <img loading="lazy" src="{{ asset('assets/images/img-reason02.jpg') }}" alt="10万本のDVDの中から好きな作品を借りて車内で観られる！">
  156.                 </figure>
  157.                 <div class="detail">
  158.                     <i>02</i>
  159.                     <h3>10万本のDVDの中から<br>
  160.                         好きな作品を借りて車内で観られる！</h3>
  161.                     <p>レンタルDVDの老舗であるビデオ1の在庫はなんと10万本！<br>
  162.                         話題の最新作から往年の名作まで、あらゆるジャンルをご用意しております。<br>
  163.                         車内には大型モニターとDVDプレイヤーを完備しているので、<br class="pc">
  164.                         車中泊でも迫力ある映像を楽しめるシアター空間となっております。</p>
  165.                 </div>
  166.             </div>
  167.             <div class="block-flex">
  168.                 <figure>
  169.                     <img loading="lazy" src="{{ asset('assets/images/img-reason03.jpg') }}" alt="軽自動車から大型車まで、幅広いキャンピングカーから選べる！">
  170.                 </figure>
  171.                 <div class="detail">
  172.                     <i>03</i>
  173.                     <h3>軽自動車から大型車まで、<br>
  174.                         幅広いキャンピングカーから選べる！</h3>
  175.                     <p>キャンピングカーは大きくて運転するのが不安・・・。<br>
  176.                         そんな方でも安心してご利用いただけるよう、ビデオ1のキャンピングカーは<br>
  177.                         軽自動車から大型車まで、お客様の用途やご要望に合わせてご利用いただけます。<br>
  178.                         敷居が高いと思っていたキャンピングカーも、<br>
  179.                         軽自動車なら意外と簡単に運転できてしまいますので、まずはお気軽にご利用ください。</p>
  180.                 </div>
  181.             </div>
  182.         </div>
  183.     </section>
  184.     <section class="sec-shop" id="anchor-shop">
  185.         <div class="viewport-container">
  186.             <h2 class="heading-standard"><span>SHOP</span>店舗情報</h2>
  187.             <div class="block-flex">
  188.                 <figure><img loading="lazy" src="{{ asset('assets/images/img-reason03-2.jpg') }}" alt="店舗情報"></figure>
  189.                 <div class="detail">
  190.                     <h3>ビデオ1 高野店</h3>
  191.                     <dl>
  192.                         <dt>TEL</dt>
  193.                         <dd>075-707-9818</dd>
  194.                         <dt>住所</dt>
  195.                         <dd>〒606-8111 京都市左京区高野泉40番地</dd>
  196.                         <dt>営業時間</dt>
  197.                         <dd>24時間営業</dd>
  198.                     </dl>
  199.                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3266.388903674666!2d135.78172721562598!3d35.04701478034701!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x600108365e8b7bcd%3A0x7adb776eedca7459!2z44OT44OH44KqMSDpq5jph47lupc!5e0!3m2!1sja!2sjp!4v1664254877243!5m2!1sja!2sjp" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  200.                 </div>
  201.             </div>
  202.         </div>
  203.     </section>
  204.     <section class="sec-userguide" id="anchor-userguide">
  205.         <div class="viewport-container">
  206.             <h2 class="heading-standard"><span>USER GUIDE</span>ご利用案内</h2>
  207.             <h3>■延長料金</h3>
  208.             <p>ご連絡がなく延長された場合は、所定の延長料金と違約金10万円がかかります。</p>
  209.             <h3>■キャンセル料金</h3>
  210.             <p>予約をキャンセルされる場合は下記のキャンセル料を頂きます。<br>
  211.                 ７日前まで・・・・・・・・無料<br>
  212.                 ６日前～３日前まで・・・貸渡料金の20％<br>
  213.                 ２日前～前日まで・・・・貸渡料金の30％<br>
  214.                 当日・・・・・・・・・・貸渡料金の50％</p>
  215.             <h3>■事故補償・保険</h3>
  216.             <p>・保険補償制度について<br>
  217.                 当店の車両には下記の金額を限度として保険その他の制度による補償が付いています。<br>
  218.                 ただし補償制度の上限を超えたもの、免責金額が保険約款の免責事項に該当する事故、<br class="pc">貸渡約款に違反する事故および警察の事故証明が取得できない場合の損害はすべてお客様のご負担となります。<br>
  219.                 <br>
  220.                 【保証内容】<br>
  221.                 対人補償：1名につき　　　無制限<br>
  222.                 対物補償：1事故につき　　無制限（免責額10万円）<br>
  223.                 車両補償：1事故につき　　時価額（免責額10万円）<br>
  224.                 人身傷害補償：1名につき　3,000万円</p>
  225.             <h3>■営業補償について（ノンオペレーションチャージ）</h3>
  226.             <p>万が一車両の利用中に、当店の責任によらない事故、盗難、故障 、汚損、車内の装備の損額、シートの焦げ跡などが発生し、<br class="pc">車両の修理・清掃が必要になった場合、営業補償として損害の程度に関わらず下記の料金をご負担いただきます。<br>
  227.                 <br>
  228.                 ◯事故ではない車内外の修理、清掃等が必要な場合：20,000円 × 日数<br>
  229.                 ◯自走して店舗に車両が返還された場合：100,000円<br>
  230.                 ◯自走不可能な場合：150,000円<br>
  231.                 　※自走不可能な場合のレッカー代もお客様のご負担となります。<br>
  232.                 ◯使用中に事故、故障、破損、シートの汚損などがあるにもかかわらずその場で当店に連絡せずに車両をした場合：150,000円<br>
  233.                 　※使用中に問題が発生した場合は、その場で当店に連絡してください。<br>
  234.                 ◯飲酒運転で事故を起こした場合：300,000円　別途当該損害金<br>
  235.                 　※使用中に問題が発生した場合は、その場で当店に連絡してください。</p>
  236.             <h3>■駐車違反された場合</h3>
  237.             <p>【ご利用期間中に放置車両確認標章が取り付けられた場合]<br>
  238.                 1.速やかに管轄の警察署に出頭し、所定の手続きを完了して下さい。<br>
  239.                 2.指定の金融機関で反則金の納付を完了してからご帰着下さい。<br>
  240.                 3.ご帰着時に「交通反則告知書」及び領収日付のある「納付書・領収証書等」の書類を確認させていただきます。<br>
  241.                 <br>
  242.                 ■「交通反則通知書」 および 「納付書・領収証書等」のご提示をいただけなかった場合は25,000円の駐車違反違約金をお支払いいただきます。<br>
  243.                 ※後日反則金を納付し、「交通反則告知書」 および 「納付書・領収証書」をご提示いただければ違約金をご返金させていただきます。</p>
  244.             <h3>■事故の対応</h3>
  245.             <p>1.事故車両を安全な場所へ移動<br>
  246.                 2.負傷者の救護<br>
  247.                 3.警察への通報<br>
  248.                 4.相手の確認<br>
  249.                 5.ビデオ1高野店に連絡<br>
  250.                 075-707-9818、119番、110番</p>
  251.             <h3>■お支払い方法</h3>
  252.             <p> ・クレジットカード<br>
  253.                 VISA、MasterCard、JCB、銀聯、American Express、Diners Club、ディスカバーカード<br>
  254.                 <br>
  255.                 ・電子マネー<br>
  256.                 楽天Edy、WAON、nanaco、iD、QUICKPay<br>
  257.                 <br>
  258.                 ・コード決済<br>
  259.                 PayPay、d払い、au PAY、楽天ペイ、UnionPay
  260.             </p>
  261.             <a href="{{ asset('assets/files/レンタカー貸渡約款.pdf') }}" target="_blank" class="btn-standard">レンタル約款</a>
  262.         </div>
  263.     </section>
  264.     <section class="sec-contact" id="anchor-contact">
  265.         <div class="viewport-container">
  266.             <h2 class="heading-standard"><span>CONTACT</span>お問い合わせ</h2>
  267.             <p>問い合わせは以下のフォームかお電話にてご連絡ください。</p>
  268.             {% for label, messages in app.flashes %}
  269.                 {% for message in messages %}
  270.                     <div class="flash-{{ label }}">
  271.                         {{ message }}
  272.                     </div>
  273.                 {% endfor %}
  274.             {% endfor %}
  276.             {{ include('app/default/_form.html.twig') }}
  277.         </div>
  278.     </section>
  279. {% endblock %}