app/template/default/Contact/index.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. {% block main %}
  14.     <div class="max-w-[720px] w-full lg:px-6 mx-auto font-extralight">
  15.         <div class="tt">
  16.             <h1 class="text-[26px] md:text-[18px] mb-[20px]">お問い合わせ</h1>
  17.         </div>
  18.         <div class="mb-6 text-[15px] md:text-[12px]">
  19.             <p class="">商品・サービスについてなど、お気軽にお問い合わせください。</p>
  20.             <p class="font-[700] text-[#BE5255]">※ は必須項目です。</p>
  21.         </div>
  22.         <div class="mb-20 md:mb-10 bg-[#f7f7f0] py-16 text-center">
  23.             <dl class="">
  24.                 <dt class="text-2xl md:text-lg leading-tight mb-2">お電話でも商品のご注文・ご相談</dt>
  25.                 <dt class="text-2xl md:text-lg leading-tight mb-2">ショールームのご予約を承ります。</dt>
  26.                 <dt class="text-2xl md:text-lg leading-tight mb-2">お気軽にお問い合わせください。</dt>
  27.                 <dd class="flex justify-center items-center">
  28.                     <img src="{{ asset('assets/img/contact/tel_new.png') }}" class="w-72 md:w-7/10">
  29.                 </dd>
  30.             </dl>
  31.         </div>
  33.         <div class="flex flex-col items-center justify-center">
  34.             <p class="mb-6">お問い合わせ内容をお選びください。</p>
  35.             <ul class="grid grid-cols-2 gap-4 w-full text-center md:flex md:flex-col items-center justify-center">
  36.                  <a href={{url("user_data",{route: "showroom"})}} class="flex items-center max-w-[350px] w-full bg-white h-fit drop-shadow-[0_10px_5px_rgba(0,0,0,0.08)] sm:w-full">
  37.                     <img src="{{asset('assets/img/recommend/recommend1.webp')}}" alt="ショールームの画像" class="w-[128px] h-[88px]">
  38.                     <div class="flex flex-col gap-2 max-w-[200px] w-full px-2 mx-auto items-center justify-center">
  39.                          <p class="text-sm tracking-widest">ショールーム</p>
  40.                         <p class="text-[10px] leading-relaxed tracking-[4px]">横浜・銀座ショールームの<br>ご予約はこちら</p>
  41.                     </div>
  42.                 </a>
  43.                 <a href={{url('catalog_confirm')}} class="flex items-center max-w-[350px] w-full bg-white h-fit drop-shadow-[0_10px_5px_rgba(0,0,0,0.08)] sm:w-full">
  44.                     <img src="{{asset('assets/img/recommend/recommend4.webp')}}" alt="ショールームの画像" class="w-[128px] h-[88px]">
  45.                     <div class="flex flex-col gap-2 max-w-[200px] mx-auto w-full px-2 items-center justify-center">
  46.                         <p class="text-sm tracking-widest">カタログ請求</p>
  47.                         <p class="text-[10px] leading-relaxed tracking-[4px]">カタログ請求に関する<br>お問い合わせはこちら</p>
  48.                     </div>
  49.                 </a>
  50.                 <a href={{url('other_confirm')}} class="flex items-center max-w-[350px] w-full bg-white h-fit drop-shadow-[0_10px_5px_rgba(0,0,0,0.08)] sm:w-full">
  51.                     <img src="{{asset('assets/img/recommend/recommend6.webp')}}" alt="" class="w-[128px] h-[88px]">
  52.                      <div class="flex max-w-[200px] w-full px-2 mx-auto items-center justify-center">
  53.                         <p class="text-sm leading-relaxed tracking-widest">商品やその他に<br>関するお問い合わせ</p>
  54.                     </div>
  55.                 </a>
  56.                 <a href={{url('coordinate_confirm')}} class="flex items-center max-w-[350px] w-full bg-white h-fit drop-shadow-[0_10px_5px_rgba(0,0,0,0.08)] sm:w-full">
  57.                     <img src="{{asset("assets/img/contact/coordinate.png")}}" alt="" class="w-auto h-[88px]">
  58.                     <div class="flex max-w-[200px] w-full px-2 mx-auto items-center justify-center">
  59.                         <p class="text-sm leading-relaxed tracking-widest lg:leading-loose lg:text-xs">コーディネートサービスに<br>関するお問い合わせ</p>
  60.                     </div>
  61.                 </a>
  62.             </ul>
  63.         </div>
  64.     </div>
  65. {% set breadcrumbs = [{'name': "お問い合わせ" }] %}
  66. {{ include('Block/breadcrumbs.twig') }}
  68. {% endblock %}