templates/layout/header/_sp-menu.html.twig line 1

Open in your IDE?
  1. {% set sp_nav_items = [
  2.     {
  3.     img: asset('build/images/common/sp_logo01.png'),
  4.     href: path('kaisen_fujimaru_index'),
  5.     img_alt: '海鮮問屋ふじ丸',
  6.     },
  7.     {
  8.     img: asset('build/images/common/sp_logo02.png'),
  9.     href: path('edo_fujimaru_index'),
  10.     img_alt: '江戸前回転寿司ふじ丸',
  11.     },
  12.     {
  13.     img: asset('build/images/common/sp_logo03.png'),
  14.     href: path('yakiniku_kai_index'),
  15.     img_alt: '炭火焼肉 快',
  16.     },
  17.     {
  18.     img: asset('build/images/common/sp_logo04.png'),
  19.     href: path('yakitori_kai_index'),
  20.     img_alt: 'やきとりの快',
  21.     },
  22.     {
  23.     img: asset('build/images/common/sp_logo05.png'),
  24.     href: path('fujikitchen_index'),
  25.     img_alt: 'ふじきっちん',
  26.     },
  27.     {
  28.     img: asset('build/images/common/sp_logo06.png'),
  29.     href: path('farm_index'),
  30.     img_alt: 'ロココファーム',
  31.     },
  32.     {
  33.     img: asset('build/images/common/sp_logo07.png'),
  34.     href: path('curry_index'),
  35.     img_alt: 'ふじきっちんカレー',
  36.     },
  37.     {
  38.     img: asset('build/images/common/sp_logo08.png'),
  39.     href: path('fujimaru_suisan_index'),
  40.     img_alt: 'ふじ丸水産',
  41.     },
  42. ] %}
  44. <a class="l_header_sp-menu" data-type="menu-trigger">
  45.     <div class="l_header_sp-menu__inner">
  46.         <span></span>
  47.         <span></span>
  48.         <span></span>
  49.     </div>
  50. </a>
  52. <div class="l_header_sp-nav">
  53.     <div class="l_header_sp-nav--wrap">
  54.         <div class="l_header_sp-nav__logo">
  55.             <a href="{{ path('top') }}">
  56.                 <img src="{{ asset('build/images/common/logo.png') }}" alt="ふじきっちん">
  57.             </a>
  58.         </div>
  59.         <div class="l_header_sp-nav_button-area">
  60.             {#<div class="l_header_sp-nav_button">
  61.                 {% include "components/common/_button.html.twig" with {
  62.                 text: '予約する',
  63.                 src: 'build/images/common/icon-reserve.svg',
  64.                 href: path('top'),
  65.                 width: '16',
  66.                 height: '18',
  67.                 class: 'c-red-button',
  68.                 }%}
  69.             </div>#}
  70.             <div class="l_header_sp-nav_button">
  71.                 {% include "components/common/_button.html.twig" with {
  72.                 text: 'お問合わせ',
  73.                 src: 'build/images/common/icon-mail.svg',
  74.                 href: path('contact_index'),
  75.                 width: '18',
  76.                 height: '14',
  77.                 class: 'c-sp-red-button',
  78.                 }%}
  79.             </div>
  80.         </div>
  81.     </div>
  82.     <nav class="l_header_sp-nav_menu">
  83.         <ul class="l_header_sp-nav_menu_list">
  84.             <li class="l_header_sp-nav_menu_item">
  85.                 <a class="l_header_sp-nav_menu_item__anchor" href="{{ path('top') }}">TOP</a>
  86.             </li>
  87.             <li class="l_header_sp-nav_menu_item">
  88.                 <a class="l_header_sp-nav_menu_item__anchor" href="{{ path('news_index') }}">お知らせ</a>
  89.             </li>
  90.             <li class="l_header_sp-nav_menu_item">
  91.                 <a class="l_header_sp-nav_menu_item__anchor" href="{{ path('company_index') }}">会社概要</a>
  92.             </li>
  93.             {#<li class="l_header_sp-nav_menu_item">
  94.                 <a class="l_header_sp-nav_menu_item__anchor" href="{{ path('media_index') }}">メディア掲載実績</a>
  95.             </li>#}
  96.         </ul>
  97.     </nav>
  98.     <div class="l_header_sp-nav--wrap">
  99.         <div class="l_header_sp-nav_brand">
  100.             <div class="l_header_sp-nav_brand__title">ブランド一覧</div>
  101.             <ul class="l_header_sp-nav_brand_wrap">
  103.                 {% for item in sp_nav_items %}
  104.                 <li class="l_header_sp-nav_brand_item">
  105.                     <a class="l_header_sp-nav_brand_item__anchor" href="{{ item.href }}">
  106.                         <img src="{{ item.img }}" alt="{{ item.img_alt }}">
  107.                     </a>
  108.                 </li>
  109.                 {% endfor %}
  111.             </ul>
  112.         </div>
  114.         <div class="l_header_sp-nav_recruit-button">
  115.             {% include "components/common/_button.html.twig" with {
  116.             text: '採用サイトへ',
  117.             src: 'build/images/common/icon-link.svg',
  118.             href: ('https://recruit.fujikitchen.com/'),
  119.             width: '16',
  120.             height: '18',
  121.             class: 'c-black-border_white-button',
  122.             }%}
  123.         </div>
  125.     </div>
  126. </div>