app/template/user_data/pick_up_altar.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'front_page' %}
  15. {% block main %}
  16.     <div class="md:mt-6 max-w-[880px] flex flex-col justify-center items-center w-full mx-auto lg:px-6 font-extralight">
  17.         <div
  18.             class="w-full flex flex-col items-center">
  19.             {# top #}
  20.             <img src="{{asset('assets/img/pick_up_altar/pc_main_obutsudan_hikitori.gif')}}" alt="お仏壇引取りサービスのGIF" class="w-[max(45.8vw,880px)] h-auto md:hidden">
  21.             <img src="{{asset('assets/img/pick_up_altar/sp_main_obutsudan_hikitori.gif')}}" alt="お仏壇引取りサービスのGIF" class="w-[325px] h-[325px] hidden md:block">
  22.             <h2 class="text-[40px] leading-[160%] tracking-[12px] md:tracking-[6px] my-20 md:my-10 md:text-center md:text-xl ">お仏壇引き取り<br class="hidden md:block">サービス</h2>
  23.             <hr class="bg-[#DFDFDF] w-[100vw] mx-[calc(50%-50vw)] px-[calc(50%-50vw)]">
  24.         </div>
  25.         <div class="flex flex-col items-center w-full py-24 md:py-10">
  26.             <div class="relative mb-10 md:mb-7">
  27.                 <img src="{{asset('assets/img/corporate/reef.webp')}}" alt="葉" class="absolute left-[-36px] w-[52px] h-[58px] top-[-16px] md:w-9 md:h-10 md:left-[-8px] md:top-[-12px]">
  28.                 <h2 class="text-[28px] md:text-xl md:text-center tracking-[0.5rem] md:tracking-widest font-extralight">ご自宅のお仏壇処分に
  29.                     <br class="hidden md:block">
  30.                     お困りではありませんか？</h2>
  31.             </div>
  32.             <p class="text-sm leading-relaxed tracking-widest text-center md:text-start md:text-sm">当店にて10万円以上商品をご購入頂いたお客様を対象に、提携会社によるお仏壇引き取りサービス（有償）を
  33.                 <br class="md:hidden">
  34.                 ご紹介しております。
  35.                 <br class="hidden md:block">
  36.                 事前の訪問見積り（無料）から、仏壇引き取り、遺品整理まで
  37.                 <br class="md:hidden">
  38.                 対応しておりますので安心してご相談頂けます。</p>
  39.         </div>
  41.         <hr class="bg-[#DFDFDF] w-[100vw] mx-[calc(50%-50vw)] px-[calc(50%-50vw)]">
  43.         <div class="flex flex-col items-center w-full py-24 md:py-10">
  44.             <h2 class="text-[28px] tracking-[0.5rem] mb-10 md:mb-7 md:text-xl font-extralight">ご利用料金</h2>
  45.             <p class="text-sm leading-relaxed tracking-widest text-center md:text-start md:text-sm">お引き取りするお仏壇のサイズによって異なりますので、詳しくは提携会社にお尋ねください。</p>
  46.         </div>
  48.         <hr class="bg-[#DFDFDF] w-[100vw] mx-[calc(50%-50vw)] px-[calc(50%-50vw)]">
  50.         <div class="flex flex-col items-center w-full py-24 md:py-10">
  51.             <h2 class="text-[28px] tracking-[0.5rem] mb-10 md:mb-7 md:text-xl font-extralight">対象地域</h2>
  52.             <div class="text-sm leading-relaxed tracking-widest text-center md:text-start md:text-sm w-full">
  53.                 <p>全国で対応しております。</p>
  54.                 <p class="mb-8">※一部離島地域は除く</p>
  55.                 <p class="mb-1">● 特典</p>
  56.                 <p>当店からの紹介とお伝え頂くと特別割引を受けることができます。<br>
  57.                     ※詳しくは提携会社に直接お尋ねください。</p>
  58.             </div>
  59.         </div>
  61.         <hr class="bg-[#DFDFDF] w-[100vw] mx-[calc(50%-50vw)] px-[calc(50%-50vw)]">
  63.         <div class="flex flex-col items-center w-full pt-24 md:pt-10 md:text-sm">
  64.             <h2 class="text-[28px] tracking-[0.5rem] mb-10 md:mb-7 md:text-xl font-extralight">注意事項</h2>
  65.             <p class="mb-8 text-sm tracking-widest md:text-sm">提携会社のご連絡先については、商品をご購入後に仏壇引き取りをご希望のお客様のみにご案内しておりますので、ご希望の方はご購入後にメールまたは電話にてお問い合わせください。</p>
  66.             <p class="text-sm md:text-sm">当店が直接提供するサービスではございません。お客様と提携会社の直接契約になりますので、契約内容やトラブルについては一切の責任を負いかねます。予めご了承ください。</p>
  67.         </div>
  68.     </div>
  69.     <div class="w-[880px] mx-auto lg:w-full">
  70.         {% set breadcrumbs = [
  71.         {
  72.             'name':'お仏壇引き取りサービス'
  73.         }
  74.         ] %}
  75.         {{include('Block/breadcrumbs.twig')}}
  76.     </div>
  78. {% endblock %}