templates/pages/index/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.   神奈川県相模原市・厚木市の注文住宅・分譲住宅｜アオイ建設株式会社
  5. {% endblock %}
  6. {% block meta_og_title %}
  7.   神奈川県相模原市・厚木市の注文住宅・分譲住宅｜アオイ建設株式会社
  8. {% endblock %}
  9. {% block meta_twitter_title %}
  10.   神奈川県相模原市・厚木市の注文住宅・分譲住宅｜アオイ建設株式会社
  11. {% endblock %}
  12. {% block meta_description %}
  13.   {{ parent() }}
  14.   アオイ建設株式会社は神奈川県相模原市・厚木市・大和市・町田市を中心にデザイン性の高い分譲住宅や注文住宅を自由設計ながらも価格を抑えたハイクオリティでローコストな住宅です。不動産、土地からお探しの方、建て替え・新築一戸建てなどを検討中の方はご相談ください。
  15. {% endblock %}
  16. {% block meta_og_description %}
  17.   {{ parent() }}
  18.   アオイ建設株式会社は神奈川県相模原市・厚木市・大和市・町田市を中心にデザイン性の高い分譲住宅や注文住宅を自由設計ながらも価格を抑えたハイクオリティでローコストな住宅です。不動産、土地からお探しの方、建て替え・新築一戸建てなどを検討中の方はご相談ください。
  19. {% endblock %}
  20. {% block extraHeader %}
  21.   <link rel="canonical" href="{{ absolute_url(path('top')) }}">
  22. {% endblock %}
  24. {% block body %}
  25.   <section class="firstView">
  26.     <div class="firstView_img js-slick-hero">
  27.       <div class="slide-img  hero hero--01"></div>
  28.       <div class="slide-img  hero hero--02"></div>
  29.       <div class="slide-img  hero hero--03"></div>
  30.       <div class="slide-img  hero hero--04"></div>
  31.       <div class="slide-img  hero hero--05"></div>
  32.     </div>
  33.     <img src="{{ asset('build/images/top/logo_hero.png') }}" class="img_logo" alt="ロゴ">
  34.     <div class="firstView__stick">
  35.       <div class="firstViewStick__sns">
  36.         <a href="https://www.instagram.com/aoi_house.u/" target="_blank" rel="noopener noreferrer" class="sns_link img_instagram"></a>
  37.         <a href="{{ path('contact_index') }}" class="sns_link img_mail"></a>
  38.         {# <a href="" class="sns_link img_line"></a> #}
  39.       </div>
  40.     </div>
  41.     <div class="firstViewStick__scroll">
  42.       SCROLL
  43.       <span></span>
  44.     </div>
  45.   </section>
  47.   <section class="news">
  48.     <div class="newsContainer">
  49.       <div class="newsContainer__title">
  50.         <div class="newsContainerTitle__item">
  51.           <h1>NEWS</h1>
  52.           <span>お知らせ</span>
  53.         </div>
  54.         <a href="{{ path('news_index') }}" class="button_nomal">
  55.           一覧を見る
  56.           <span></span>
  57.         </a>
  58.       </div>
  59.       {# ajaxで新着を読み込む #}
  60.       <div class="js-cms-headline newsContainer__link" data-endpoint="{{ path('news_headline') }}?limit=3" data-complete-event="news"></div>
  61.       <a href="{{ path('news_index') }}" class="button_nomal">
  62.         一覧を見る
  63.         <span></span>
  64.       </a>
  65.     </div>
  66.   </section>
  68.   <section class="companyBusiness">
  69.     <a href="{{ path('company_index') }}" class="img_company">
  70.       <h3>COMPANY</h3>
  71.       <span>会社概要</span>
  72.     </a>
  73.     <a href="{{ path('business_index') }}" class="img_business">
  74.       <h3>BUSINESS</h3>
  75.       <span>事業内容</span>
  76.     </a>
  77.   </section>
  79.   <section class="message">
  80.     <div class="messageContainer">
  81.       <div class="messageContainer__item">
  82.         <h2>地域の皆様と共に歩み、<br>地元に根付いて50年。</h2>
  83.         <p>アオイ建設株式会社は、住まいをお探しのお客様とご家族の笑顔を想像しながら、一棟一棟の住宅を提案し続けてまいりました。<br>笑顔を創造するスタッフと共に会社の規模を拡大し、地元に愛され続ける企業をめざしています。</p>
  84.         <div class="messageContainerItem__link">
  85.           <a href="{{ path('message_index') }}" class="button_nomal">続きを読む<span></span>
  86.           </a>
  87.           <a href="https://recruit.aoi-cnst.co.jp/" target="_blank" class="button_nomal">採用情報<span></span>
  88.           </a>
  89.         </div>
  90.       </div>
  91.     </div>
  92.     <div class="img__messageText">
  93.       <img src="{{ asset('build/images/top/message_text.png') }}" alt="ロゴ">
  94.     </div>
  95.     <div class="img__message">
  96.       <img src="{{ asset('build/images/top/top_message.jpg') }}" alt="ロゴ">
  97.     </div>
  98.   </section>
  100.   <section class="aoiBrand">
  101.     <div class="aoiBrandContainer">
  102.       <div class="aoiBrandContainer__item">
  103.         <h1>AOI BRAND<span>アオイブランド</span>
  104.         </h1>
  105.         <h2>OnlyOneをご提案</h2>
  106.         <p>アオイ建設は注文住宅に限らず、分譲住宅も「上質な住宅」で、全てのお客さまに価値のある住宅をご提案致します。ライフスタイルや将来の理想像など、どんなご要望でもお聞かせください。50年間に渡る注文住宅の実績と、用地仕入の実績で得たノウハウを最大限に活かし、価値のある生活を送りませんか？</p>
  107.       </div>
  108.       <div class="aoiBrandContainer__img">
  109.         <div class="img__aoiBrand">
  110.           <img src="{{ asset('build/images/top/logo_hero.png') }}" alt="ロゴ">
  111.         </div>
  112.         <div class="aoiBrandContainerImg__link">
  113.           <a href="https://home.aoi-cnst.co.jp/" target="_blank">
  114.             <img src="{{ asset('build/images/common/logo_home.png') }}" alt="ロゴ">
  115.           </a>
  116.           <a href="https://style.aoi-cnst.co.jp/" target="_blank">
  117.             <img src="{{ asset('build/images/common/logo_style.png') }}" alt="ロゴ">
  118.           </a>
  119.         </div>
  120.       </div>
  121.     </div>
  122.     <div class="img__aoiBrand">
  123.       <img src="{{ asset('build/images/top/logo_hero.png') }}" alt="ロゴ">
  124.     </div>
  125.   </section>
  127.   <section class="movie">
  128.     <div class="movieContainer">
  129.       <h1>MOVIE<span>動画紹介</span>
  130.       </h1>
  131.       <div class="movieContainer__item">
  132.         <div class="movieContainerItem__box js-video-control-wrapper">
  133.           <iframe class="js-video-control-video" width="560" height="315" src="https://www.youtube.com/embed/a8JoCqZcMTA?enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  134.           <img src="{{ asset('build/images/top/thumbnail-youtube01.png') }}" class="js-video-control-thumbnail" alt="ロゴ">
  135.           <span>アオイ建設　メッセージMOVIE</span>
  136.         </div>
  137.         <div class="movieContainerItem__box js-video-control-wrapper">
  138.           <iframe class="js-video-control-video" width="560" height="315" src="https://www.youtube.com/embed/PZNMJJ7zXeo?enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  139.           <img src="{{ asset('build/images/top/thumbnail-youtube02.png') }}" class="js-video-control-thumbnail" alt="ロゴ">
  140.           <span>スタッフインタビューMOVIE</span>
  141.         </div>
  142.       </div>
  143.     </div>
  144.   </section>
  146.   <section class="blog">
  147.     <div class="pageTitle">
  148.       <h1>AOI BLOG</h1>
  149.       <span>アオイのブログ</span>
  150.     </div>
  151.     <div class="blogContainer">
  152.       <div class="js-cms-headline newsContainer__link" data-endpoint="{{ path('blog_headline') }}?limit=3" data-complete-event="news"></div>
  153.     </div>
  154.     <a href="{{ path('blog_index') }}" class="button_nomal blog_button">
  155.       一覧を見る
  156.       <span></span>
  157.     </a>
  158.   </section>
  160.   <section class="otherLink">
  161.     <div class="otherLinkContainer">
  162.       <a href="https://recruit.aoi-cnst.co.jp/" target="_blank" class="img__aoiDate">
  163.         <h1>RECRUIT<span>採用サイト</span>
  164.         </h1>
  165.         <span></span>
  166.       </a>
  167.       <a href="{{ path('purchase_index') }}" class="img__sale">
  168.         <h1>土地高価買取<span>お気軽にご相談ください！</span>
  169.         </h1>
  170.         <span></span>
  171.       </a>
  172.     </div>
  173.   </section>
  175. {% endblock %}