app/template/osechi/Rental/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'product_page' %}
  6. {% block javascript %}
  7. <script src="{{ asset('assets/js/lazyload.min.js') }}"></script> 
  8. <script>
  9. $(function(){
  10.     api_url="{{ url('products_calendar_infomation') }}";
  11.     calendar_start_date="{{ calendar_start_date }}";
  12.     calendar_end_date="{{ calendar_end_date }}";
  13.     $('.ec-topicpath a').on('click',function(){
  14.         $('.ec-topicpath div').removeClass('active');
  15.         $(this).parent().addClass('active');
  17.         tid=$(this).attr('id');
  18.          if('all' == tid) {
  19.              $('.ec-shelfRole.list').show();
  20.          } else {
  21.             $('.ec-shelfRole.list').hide();
  22.             $('.ec-shelfRole.list#'+tid).show();
  23.          }
  24.     });
  26.     $('a[href^="#"]').click(function(e) {
  27.         var href = $(this).attr("href");
  28.         var target = $(href == "#" || href == "" ? 'html' : href);
  29.         var position = target.offset().top;
  30.         
  31.         console.log("in");
  33.         $.when(
  34.             $("html, body").animate({
  35.                 scrollTop: position
  36.             }, 400, "swing"),
  37.             e.preventDefault(),
  38.         ).done(function() {
  39.             var diff = target.offset().top;
  40.             if (diff === position) {
  41.             } else {
  42.                 $("html, body").animate({
  43.                     scrollTop: diff
  44.                 }, 10, "swing");
  45.             }
  46.         });
  47.     });
  49.     $('p.category').on('click',function(){
  50.         if(!$(this).data('id')) {
  51.             $('p.category').removeClass('active');
  52.             $(this).addClass('active');
  53.             $('li.product_li').fadeIn()
  54.         } else {
  55.             //allのactive削除
  56.             $('p.category').each(function(index, element) {
  57.                 if($(element).text()=='ALL' && $(element).hasClass('active')) {
  58.                         $(element).removeClass('active');
  59.                         $('li.product_li').fadeOut()
  60.                 }
  61.             })
  62.             //自分を追加
  63.             if($(this).hasClass('active')) {
  64.                 $(this).removeClass('active');
  65.                 $('.category_'+$(this).data('id')).fadeOut();
  66.             } else {
  67.                 $(this).addClass('active');
  68.                 $('.category_'+$(this).data('id')).fadeIn();
  69.             }
  70.             
  71.         }
  72.         if($('p.category.active').length == 0) {
  73.             $('li.product_li').fadeIn()
  74.             $('p.category').each(function(index, element) {
  75.                 if($(element).text()=='ALL') {
  76.                     $(element).addClass('active');
  77.                 }
  78.             })
  79.         }
  80.     });
  82.     $('li.item_category').on('click',function(){
  83.         //allのactive削除
  84.         $('.lineupmsg').fadeOut();
  85.         $('li.product_li').fadeOut();
  87.         //自分を追加
  88.         if($(this).hasClass('active')) {
  89.             $('.category_'+$(this).data('id')).fadeOut();
  90.         } else {
  91.             $('.category_'+$(this).data('id')).fadeIn();
  92.         }
  94.           $('html, body').animate({
  95.             scrollTop: $('#car-lineup').offset().top
  96.           }, 500); // 500 はスクロール時間（ミリ秒）
  98. /*
  99.         if($('p.category.active').length == 0) {
  100.             $('li.product_li').fadeIn()
  101.             $('p.category').each(function(index, element) {
  102.                 if($(element).text()=='ALL') {
  103.                     $(element).addClass('active');
  104.                 }
  105.             })
  106.         }
  107. */
  108.     });
  110.     $('li.product_li').fadeOut()
  111.     $("img.lazy").lazyload();
  112. });
  113. </script>
  114.     <script src="//unpkg.com/flatpickr"></script>
  115.     <!-- 日本語の言語ファイル -->
  116.     <script src="//unpkg.com/flatpickr/dist/l10n/ja.js"></script>
  117.     <script src="{{ asset('assets/js/rental.js') }}?{{ env('JS_PARAM') }}"></script>
  118.     <script src="{{ asset('assets/js/rental_common.js') }}?{{ env('JS_PARAM') }}"></script>
  119.     <script src="{{ asset('assets/js/slick.js') }}?{{ env('JS_PARAM') }}"></script>
  120. {% endblock %}
  122. {% block stylesheet %}
  123.     <link rel="stylesheet" href="//unpkg.com/flatpickr/dist/flatpickr.min.css">
  124.     <!-- カスタムテーマ -->
  125.     <link rel="stylesheet" href="//unpkg.com/flatpick/dist/themes/airbnb.css">
  126.     <link rel="stylesheet" href="{{ asset('assets/css/common.css') }}?{{ env('CSS_PARAM') }}">
  127.     <link rel="stylesheet" href="{{ asset('assets/css/rental.css') }}?{{ env('CSS_PARAM') }}">
  128.     <style>
  129.         @media (max-width: 767px) {
  130.             .ec-shelfGrid > * {
  131.                 margin-left: 7px;
  132.             }
  133.         }
  134.         @media (max-width: 767px) {
  135.             .ec-shelfGrid > *:nth-child(2n+1) {
  136.                 margin-left: 7px;
  137.             }
  138.         }
  140.         @media (min-width: 980px) and (max-width: 1279px) {
  141.             .ec-shelfGrid.col_max5 > * {
  142.                 margin-left: 15px;
  143.             }
  144.         }
  146.         @media (min-width: 980px) and (max-width: 1279px) {
  147.             .ec-shelfGrid.col_max5 > *:nth-child(4n+1) {
  148.                 margin-left: 15px;
  149.             }
  150.         }
  152.         @media (min-width: 1280px) {
  153.             .ec-shelfGrid.col_max5 > *:nth-child(5n+1) {
  154.                 margin-left: 15px;
  155.             }
  156.         }
  158.         @media (min-width: 1280px) {
  159.             .ec-shelfGrid.col_max5 > * {
  160.                 margin-left: 15px;
  161.             }
  162.         }
  164.         
  166.     </style>
  167.     <link rel="stylesheet" href="{{ asset('assets/css/slick.css') }}?{{ env('CSS_PARAM') }}">
  168. {% endblock %}
  171. {% set MainCar = 
  172.     [
  173. 5,
  174. 6,
  175. 30,
  176. 8,
  177.     ]
  178. %}
  181. {% set ProductsSuperCar = 
  182.     [
  183. 5,
  184. 6,
  185. 30,
  186. 20,
  187. 1,
  188. 4,
  189. 25,
  190. 63,
  191. 77,
  192. 72,
  193. 73,
  194. 76,
  195. 74,
  196. 75,
  197. 71,
  198. 47,
  199. 53,
  200. 21,
  201. 19,
  202. 24,
  203. 22,
  204. 23,
  205. 57,
  206. 27,
  207. 26,
  208. 11,
  209. 13,
  210. 2,
  211. 12,
  212. 8,
  213. 10,
  214. 37,
  215. 9,
  216. 68,
  217. 64,
  218. 66,
  219. 69,
  220. 32,
  221. 7,
  222. 29,
  223. 28,
  224. 33,
  225. 50,
  226. 65,
  227. 51,
  228. 48,
  229. 49,
  231.     ]
  232. %}
  234. {% block main %}
  235. <div class="ec-layoutRole__contents">
  236.     <main class="ec-layoutRole__main">
  237.         <form name="form1" id="form1" method="get" action="?">
  238.             <input type="hidden" id="mode" name="mode">
  239.             <input type="hidden" id="category_id" name="category_id">
  240.             <input type="hidden" id="name" name="name">
  241.             <input type="hidden" id="pageno" name="pageno">
  242.             <input type="hidden" id="disp_number" name="disp_number" value="20">
  243.             <input type="hidden" id="orderby" name="orderby" value="1">
  244.         </form>
  246.         <!-- ▼ カテゴリヘッド -->
  247.         <div class="ec-categoryHeadRole">
  248.             <div class="ec-categoryHeadRole__image" style="display: block;">
  249.                 <picture>
  250.                     <source media="(max-width:767px)" srcset="{{ asset('assets/img/rental/rental_sp.webp') }}">
  251.                     <source media="(min-width:768px)" srcset="{{ asset('assets/img/rental/rental_pc.webp') }}">
  252.                     <img src="{{ asset('assets/img/rental/rental_pc.webp') }}" alt="CAR RENTAL">
  253.                 </picture>
  255.                 <div class="ec-categoryHeadRole__content image-text">
  256.                     <h1 class="title">Luxury Car Rental in Tokyo</h1>
  257.                     <div class="description fade-in-from-bottom">
  258.                         <p>
  259.                         "A Wonderful Day" is a mobility concierge service designed to enhance the experience of foreign visitors in Japan. Choose your preferred car from our lineup. We offer a complimentary 15-minute tutorial for first-time drivers in Japan, <span class="pcOnly">conducted by our staff who will explain traffic rules. Additionally, we provide lead car options led by professional bilingual staff.</span>
  260.                         </p>
  261.                     </div>
  262.                 </div>
  263.             </div>
  264.         </div>
  265.         <!-- ▲ カテゴリヘッド -->
  268.         <!-- ▼ 商品一覧 -->
  269.         <div class="ec-shelfRole list anchor" id="supercar">
  270.             <div class="">
  271.                 <div class="-inner">
  273.                 </div>
  274.             </div>
  275.             <div class="category-title">
  276.                 <h2>Checking availability</h2>
  277.             </div>
  278.             <details class="accordion-006 filter" open>
  279.                 <summary>Filter available cars by date</summary>
  280.                 <input type="text" name="datepicker" placeholder="{{ calendar_start_date }}" id="fromCal" class="Form-Item-Input">～<input type="text" name="datepicker"  placeholder="{{ calendar_start_date }}" id="toCal" class="Form-Item-Input">
  281.                 <button class="button btn-clear">×</button>
  282.                 <div>
  283.                 <button class="button btn-search loading" id="btn_rental_search">Search</button>
  284.                 </div>
  285.             </details>
  286.             <div id="overlay">
  287.               <div class="cv-spinner">
  288.                 <span class="spinner"></span>
  289.               </div>
  290.             </div>
  293.             <div class="category-title">
  294.                 <h2>Category</h2>
  295.                 <p>Choose a category to explore our cars!</p>
  296.             </div>
  297.             <ul class="ec-shelfGrid col_max5 ready product">
  298.                 <!-- ▼ 商品単位 -->
  299.                 <li class="ec-shelfGrid__item item_category" data-id="8">
  300.                     <div class="ec-productItemRole appearEffect is-appear">
  301.                         <div class="ec-productItemRole__image">
  302.                             <img src="/awd/html/upload/save_image/0918145814_6507e6f637fac.JPG" width="280" height="186" alt="Lamborghini Urus " class="lazy">
  303.                         </div>
  304.                         <div class="ec-productItemRole__content">
  305.                             <h3 class="ec-productItemRole__title"><span>Super Car</span></h3>
  306.                         </div>
  307.                     </div>
  308.                 </li>
  309.                 <li class="ec-shelfGrid__item item_category" data-id="16">
  310.                     <div class="ec-productItemRole appearEffect is-appear">
  311.                         <div class="ec-productItemRole__image">
  312.                             <img src="/awd/html/upload/save_image/1026150431_653a016f14c0a.webp" width="280" height="186" alt="Lamborghini Urus " class="lazy">
  313.                         </div>
  314.                         <div class="ec-productItemRole__content">
  315.                             <h3 class="ec-productItemRole__title"><span>JDM</span></h3>
  316.                         </div>
  317.                     </div>
  318.                 </li>
  319.                 <li class="ec-shelfGrid__item item_category" data-id="9">
  320.                     <div class="ec-productItemRole appearEffect is-appear">
  321.                         <div class="ec-productItemRole__image">
  322.                             <img src="/awd/html/upload/save_image/0918151652_6507eb54a430f.JPG?20240118" width="280" height="186" alt="Lamborghini Urus " class="lazy">
  323.                         </div>
  324.                         <div class="ec-productItemRole__content">
  325.                             <h3 class="ec-productItemRole__title"><span>SUV</span></h3>
  326.                         </div>
  327.                     </div>
  328.                 </li>
  329.                 <li class="ec-shelfGrid__item item_category" data-id="10">
  330.                     <div class="ec-productItemRole appearEffect is-appear">
  331.                         <div class="ec-productItemRole__image">
  332.                             <img src="/awd/html/upload/save_image/0918144516_6507e3ec731a8.JPG" width="280" height="186" alt="Lamborghini Urus " class="lazy">
  333.                         </div>
  334.                         <div class="ec-productItemRole__content">
  335.                             <h3 class="ec-productItemRole__title"><span>Classic car</span></h3>
  336.                         </div>
  337.                     </div>
  338.                 </li>
  339.                 <!-- ▲ 商品単位 -->
  340.             </ul>
  341.             <div class="customers-link">
  342.                 <p>
  343.                     <a href="#testimonials">
  344.                         Please take a look at the feedback from our rental customers. Click here.
  345.                     </a>
  346.                 </p>
  347.             </div>
  349. {#
  350.             <div class="category-title">
  351.                 <h2>Category</h2>
  352.             </div>
  353.             <div>
  354.               <p class="category active" data-id="">ALL</p>
  355.               <p class="category" data-id="8">Super Car</p>
  356.               <p class="category" data-id="16">JDM</p>
  357.               <p class="category" data-id="9">SUV</p>
  358.               <p class="category" data-id="10">Classic car</p>
  359.             </div>
  360. #}
  362.             <div class="category-title" id="car-lineup">
  363.                 <h2>Lineup</h2>
  364.                 <p class="lineupmsg">Selecting a category will display the car lineup.</p>
  365.             </div>
  366.             <ul class="ec-shelfGrid col_max5 ready product">
  367. {% for id in ProductsSuperCar %}
  368.                 <!-- ▼ 商品単位 -->
  369.                 <li class="ec-shelfGrid__item product_li category_{{products[id].category_id}}" id="product-{{ products[id].id }}" data-id="{{ products[id].item13 }}">
  370.                     <div class="ec-productItemRole appearEffect">
  371.                         <div class="ec-productItemRole__image">
  372.                             <a href="{{ url('rental_detail', {'id': products[id].id}) }}" class="">
  373. {#
  374. {% if products[id].id==64 or products[id].id==66 or products[id].id==68 or products[id].id==69 %}
  375.                                 <span class="sell-icon off-rate" style="background-color: #f4352d;position: absolute;padding: 0 5px;z-index: 10;color: #fff;font-size: 1rem;bottom: 0;right: 0;
  376. ">New Snow tire！</span>
  377. {% endif %}
  378. #}
  379.                                 <img src="/awd/html/upload/save_image/{{ products[id].file_name }}?{{ env('JS_PARAM') }}"  width="280" height="186" alt="{{ products[id].name }} {{ products[id].search_word }}" class="lazy">
  380.                                 <span class="status-icon">unavailable</span>
  381.                             </a>
  382.                         </div>
  383.                         <div class="ec-productItemRole__content">
  384.                             <h3 class="ec-productItemRole__title"><span>{{ products[id].name }}</span></h3>
  385.                             <div class="ec-price">
  386.                             
  387. {% if id in env('AskCar') %}
  388.                                 <span class="ec-price__price">ASK</span>
  389.                                 
  390. {% else %}
  391.                                     <span class="ec-price__price">6Hours &yen;{{ (products[id].item18+(products[id].item17*6)+(products[id].item16*40))|number_format }}～ </span>
  392. {% endif %}
  393.                             </div>
  394.                         </div>
  395.                     </div>
  396.                 </li>
  397.                 <!-- ▲ 商品単位 -->
  398. {% endfor %}
  399.             </ul>
  400.         </div>
  401.         <div class="ec-pagerRole"> </div>
  402.         <!-- ▲ 商品一覧 -->
  403.         
  404.         <section class="ec-categoryHeadRole">
  405.         </section>
  407.         <section class="ec-categoryHeadRole">
  408.             <div>
  409.             <h2>Requirements / Benefits</h2>
  410.             </div>
  411.             <div class="description benefits">
  412.                 <ul class="container-flex">
  413.                     <li class="item">
  414.                         <img src="{{ asset('assets/img/rental/Requirements01.webp') }}"  width="280" height="186" alt="Minimum age: 26+" class="lazy">
  415.                         <p>Minimum age: 26+</p>
  416.                     </li>
  417.                     <li class="item">
  418.                         <img src="{{ asset('assets/img/rental/Requirements02.webp') }}"  width="280" height="186" alt="48-hour advance booking" class="lazy">
  419.                         <p>48-hour advance booking</p>
  420.                     </li>
  421.                     <li class="item">
  422.                         <img src="{{ asset('assets/img/rental/Requirements03.webp') }}"  width="280" height="186" alt="Security deposit" class="lazy">
  423.                         <p>Security deposit</p>
  424.                     </li>
  425.                     <li class="item">
  426.                         <img src="{{ asset('assets/img/rental/Requirements04.webp') }}"  width="280" height="186" alt="International driving permit<br>(IDP)" class="lazy">
  427.                         <p>International driving permit<br>(IDP)</p>
  428.                     </li>
  429.                     <li class="item">
  430.                         <img src="{{ asset('assets/img/rental/Requirements05.webp') }}"  width="280" height="186"  alt="Insurance included" class="lazy">
  431.                         <p>Insurance included</p>
  432.                     </li>
  433.                     <li class="item">
  434.                         <img src="{{ asset('assets/img/rental/Requirements06.webp') }}"  width="280" height="186" alt="No need to return<br>with a full tank" class="lazy">
  435.                         <p>No need to return<br>with a full tank</p>
  436.                     </li>
  437.                     <li class="item">
  438.                         <img src="{{ asset('assets/img/rental/Requirements07.webp') }}"  width="280" height="186" alt="Highway Free" class="lazy">
  439.                         <p>Highway Free</p>
  440.                     </li>
  441.                     <li class="item">
  442.                         <img src="{{ asset('assets/img/rental/Requirements08.webp') }}"  width="280" height="186" alt="Free delivery to your hotel" class="lazy">
  443.                         <p>Free delivery to your hotel</p>
  444.                     </li>
  445.                     <li class="item">
  446.                         <img src="{{ asset('assets/img/rental/Requirements09.webp') }}"  width="280" height="186" alt="Driving instruction" class="lazy">
  447.                         <p>Driving instruction</p>
  448.                     </li>
  449.                 </ul>
  450.             </div>
  451.         </section>
  453.         <section class="ec-categoryHeadRole">
  454.             <div>
  455.             <h2>Recommended Spots</h2>
  456.             </div>
  457.             <div class="description">
  458. <p>
  459. {#            
  460. Our rentals are flexible, ranging from 3 hours to 48 hours, so if you're unsure which plan to choose, consider our recommended routes. There are various destinations to choose from, and plans can be customized based on time and distance. Tailor your drive to your schedule and create memorable moments.
  461. #}
  462. </p>
  463.             </div>
  464.             <ul class="ec-shelfGrid col_max5 ready">
  465.                 <li class="ec-shelfGrid__item">
  466.                     <div class="ec-productItemRole appearEffect">
  467.                         <div class="ec-productItemRole__image">
  468.                             <img src="{{ asset('assets/img/rental/rental_spot01.webp') }}"  width="280" height="186" alt="Tokyo Road Trip" class="lazy">
  469.                         </div>
  470.                         <div class="ec-productItemRole__content">
  471.                             <h3 class="ec-productItemRole__title"><span>Tokyo City Drive<br><span>Total Distance 40km～</span></span></h3>
  472.                         </div>
  473.                     </div>
  474.                 </li>
  476.                 <li class="ec-shelfGrid__item">
  477.                     <div class="ec-productItemRole appearEffect">
  478.                         <div class="ec-productItemRole__image">
  479.                             <img src="{{ asset('assets/img/rental/rental_spot09.webp') }}"  width="280" height="186" alt="Daikoku PA Tour" class="lazy">
  480.                         </div>
  481.                         <div class="ec-productItemRole__content">
  482.                             <h3 class="ec-productItemRole__title"><span>Daikoku PA Tour<br><span>Total Distance 70km～</span></span></h3>
  483.                         </div>
  484.                     </div>
  485.                 </li>
  486.                 
  487.                 <li class="ec-shelfGrid__item">
  488.                     <div class="ec-productItemRole appearEffect">
  489.                         <div class="ec-productItemRole__image">
  490.                             <img src="{{ asset('assets/img/rental/rental_spot08.webp') }}"  width="280" height="186" alt="Yokohama Road Trip" class="lazy">
  491.                         </div>
  492.                         <div class="ec-productItemRole__content">
  493.                             <h3 class="ec-productItemRole__title"><span>Yokohama Road Trip<br><span>Total Distance 80km～</span></span></h3>
  494.                         </div>
  495.                     </div>
  496.                 </li>
  498.                 <li class="ec-shelfGrid__item">
  499.                     <div class="ec-productItemRole appearEffect">
  500.                         <div class="ec-productItemRole__image">
  501.                             <img src="{{ asset('assets/img/rental/rental_spot10.webp') }}"  width="280" height="186" alt="Kamakura Round Trip" class="lazy">
  502.                         </div>
  503.                         <div class="ec-productItemRole__content">
  504.                             <h3 class="ec-productItemRole__title"><span>Kamakura Round Trip<br><span>Total Distance 100km～</span></span></h3>
  505.                         </div>
  506.                     </div>
  507.                 </li>
  508.                 
  509.                 <li class="ec-shelfGrid__item">
  510.                     <div class="ec-productItemRole appearEffect">
  511.                         <div class="ec-productItemRole__image">
  512.                             <img src="{{ asset('assets/img/rental/rental_spot04.webp') }}"  width="280" height="186" alt="ATAMI Round Trip" class="lazy">
  513.                         </div>
  514.                         <div class="ec-productItemRole__content">
  515.                             <h3 class="ec-productItemRole__title"><span>ATAMI Round Trip<br><span>Total Distance 200km～</span></span></h3>
  516.                         </div>
  517.                     </div>
  518.                 </li>
  520.                 <li class="ec-shelfGrid__item">
  521.                     <div class="ec-productItemRole appearEffect">
  522.                         <div class="ec-productItemRole__image">
  523.                             <img src="{{ asset('assets/img/rental/rental_spot02.webp') }}"  width="280" height="186" alt="HAKONE Round Trip" class="lazy">
  524.                         </div>
  525.                         <div class="ec-productItemRole__content">
  526.                             <h3 class="ec-productItemRole__title"><span>HAKONE Round Trip<br><span>Total Distance 220km～</span></span></h3>
  527.                         </div>
  528.                     </div>
  529.                 </li>
  530.                 
  531.                 <li class="ec-shelfGrid__item">
  532.                     <div class="ec-productItemRole appearEffect">
  533.                         <div class="ec-productItemRole__image">
  534.                             <img src="{{ asset('assets/img/rental/rental_spot03.webp') }}"  width="280" height="186" alt="FUJI Round Trip" class="lazy">
  535.                         </div>
  536.                         <div class="ec-productItemRole__content">
  537.                             <h3 class="ec-productItemRole__title"><span>FUJI Round Trip</span><br><span>Total Distance 200km～</span></h3>
  538.                         </div>
  539.                     </div>
  540.                 </li>
  542.                 <li class="ec-shelfGrid__item">
  543.                     <div class="ec-productItemRole appearEffect">
  544.                         <div class="ec-productItemRole__image">
  545.                             <img src="{{ asset('assets/img/rental/rental_spot05.webp') }}"  width="280" height="186" alt="KAWAGUCHIKO Round Trip" class="lazy">
  546.                         </div>
  547.                         <div class="ec-productItemRole__content">
  548.                             <h3 class="ec-productItemRole__title"><span>KAWAGUCHIKO Round Trip<br><span>Total Distance 220km～</span></span></h3>
  549.                         </div>
  550.                     </div>
  551.                 </li>
  552.                 <li class="ec-shelfGrid__item">
  553.                     <div class="ec-productItemRole appearEffect">
  554.                         <div class="ec-productItemRole__image">
  555.                             <img src="{{ asset('assets/img/rental/rental_spot06.webp') }}"  width="280" height="186" alt="NIKKO Round Trip" class="lazy">
  556.                         </div>
  557.                         <div class="ec-productItemRole__content">
  558.                             <h3 class="ec-productItemRole__title"><span>NIKKO Round Trip<br><span>Total Distance 320km～</span></span></h3>
  559.                         </div>
  560.                     </div>
  561.                 </li>
  562.                 <li class="ec-shelfGrid__item">
  563.                     <div class="ec-productItemRole appearEffect">
  564.                         <div class="ec-productItemRole__image">
  565.                             <img src="{{ asset('assets/img/rental/rental_spot07.webp') }}"  width="280" height="186" alt="KARUIZAWA Round Trip" class="lazy">
  566.                         </div>
  567.                         <div class="ec-productItemRole__content">
  568.                             <h3 class="ec-productItemRole__title"><span>KARUIZAWA Round Trip<br><span>Total Distance 350km～</span></span></h3>
  569.                         </div>
  570.                     </div>
  571.                 </li>
  572.             </ul>
  573.         </section>
  575.         <section id="testimonials" class="ec-categoryHeadRole testimonials">
  576.             <div>
  577.             <h2>Customer Testimonials</h2>
  578.             </div>
  579.             <div class="description">
  580.                 <p>
  581.                 </p>
  582.             </div>
  583.             <ul class="ec-shelfGrid col_max4 ready">
  584.                 <li class="ec-shelfGrid__item">
  585.                     <div class="title">
  586.                         <img src="{{ asset('assets/img/rental/customer-001.webp') }}" alt="Customer Testimonials 1" class="lazy">
  587.                         <p>
  588.                             Car Rental<br class="pcOnly">
  589.                             from United Arab 
  590.                         </p>
  591.                     </div>
  592.                     <div class="description">
  593.                         <p>
  594.                             Thank you alot for the amazing car and experience. It was my pleasure to rent the R34 with your company.I hope we meet again soon.Highly recommend while visiting tokyo!!!
  595.                         </p>
  596.                     </div>
  597.                 </li>
  598.                 <li class="ec-shelfGrid__item">
  599.                     <div class="title">
  600.                         <img src="{{ asset('assets/img/rental/customer-002.webp') }}" alt="Customer Testimonials 2" class="lazy">
  601.                         <p>
  602.                             Car Rental<br class="pcOnly">
  603.                             from Australia 
  604.                         </p>
  605.                     </div>
  606.                     <div class="description">
  607.                         <p>
  608.                         Amazing experience! The staff were so friendly, the car was incredible and the recommended drive was perfect! Mad my husbands birthday so special I highly recommend.
  609.                         </p>
  610.                     </div>
  611.                 </li>
  612.                 <li class="ec-shelfGrid__item">
  613.                     <div class="title">
  614.                         <img src="{{ asset('assets/img/rental/customer-003.webp') }}" alt="Customer Testimonials 3" class="lazy">
  615.                         <p>
  616.                             Car Rental<br class="pcOnly">
  617.                             from United States 
  618.                         </p>
  619.                     </div>
  620.                     <div class="description">
  621.                         <p>
  622.                         We rented an R35 GTR for a few hours to see the Daikoku parking area. It was so much fun. The car was immaculate and an absolute blast to drive......
  623.                         </p>
  624.                     </div>
  625.                 </li>
  626.                 <li class="ec-shelfGrid__item">
  627.                     <div class="title">
  628.                         <img src="{{ asset('assets/img/rental/customer-004.webp') }}" alt="Customer Testimonials 4" class="lazy">
  629.                         <p>
  630.                             Car Rental<br class="pcOnly">
  631.                             from Australia 
  632.                         </p>
  633.                     </div>
  634.                     <div class="description">
  635.                         <p>
  636.                         can’t describe how amazing the experience was. A Wonderful Day has such a curated selection of luxury/ supercars that there’s a choice for everyone.......
  637.                         </p>
  638.                     </div>
  639.                 </li>
  641.             </ul>
  643.             <div class="googlereviews">
  644.                 <p>
  645.                 <a href="https://www.google.com/local/business/11411074037040869232/customers/reviews?knm=0&ih=lu&origin=https%3A%2F%2Fwww.google.com" target="_blank">
  646.                     Google Reviews
  647.                 </a>
  648.                 </p>
  649.             </div>
  651.         </section>
  654. </div>
  655. {% endblock %}