templates/page/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_title %}
  4.     {{ 'storefront.title'|resolve|striptags }} | Übersicht
  5. {% endblock %}
  7. {% block head_custom_stylesheets %}
  8.     {{ encore_entry_link_tags('hero-header') }}
  9.     {{ encore_entry_link_tags('intro-card') }}
  10. {% endblock head_custom_stylesheets %}
  12. {% block content %}
  13.     <div class="hero-header" style="background-image: url({{ asset('build/images/hero-header.png') }})">
  14.         <div class="hero-header-inner">
  15.             <div class="container-3xl">
  16.                 <div class="row">
  17.                     <div class="col-12 pb-5">
  18.                         <h1 class="hero-headline text-white mb-4">{{ 'index.hero-header.headline'|resolve }}</h1>
  19.                         <a class="button d-inline shadow-sm accent" href="https://shop.dm-edv.de/produkt/1">{{ 'index.button.flow'|resolve }}</a>
  20.                     </div>
  21.                 </div>
  22.             </div> 
  23.         </div>
  24.     </div>
  26.     <div class="container-3xl mb-6 mt-5">
  27.         <div class="row g-4">
  28.             <div class="col-md-12 col-lg-6 col-xl-4">
  29.                 <div class="intro-card shadow bg-accent">
  30.                     <div>
  31.                         <img width="64" src="{{ asset('build/images/icons/icon_tiproduct.svg') }}" alt="">
  32.                         <span class="d-block mt-4 mb-5 mb-lg-0">{{ 'index.card.left.headline'|resolve }}</span>
  33.                     </div>
  34.                     <a href="{{ tenant.categories|length > 0 ? path('categories') : path('products') }}" class="button bg-white w-100">{{ 'index.card.left.button'|resolve }}</a>
  35.                 </div>
  36.             </div>
  37.             <div class="col-md-12 col-lg-6 col-xl-4">
  38.                 <div class="intro-card shadow grey">
  39.                     <div>
  40.                         <img width="64" src="{{ asset('build/images/icons/icon_faq.svg') }}" alt="">
  41.                         <span class="d-block mt-4 mb-5 mb-lg-0">{{ 'index.card.middle.headline'|resolve }}</span>
  42.                     </div>
  43.                     <a href="{{ path('faq') }}" class="button bg-white w-100">{{ 'index.card.middle.button'|resolve }}</a>
  44.                 </div>
  45.             </div>
  46.             <div class="col-md-12 col-lg-6 col-xl-4">
  47.                 <div class="intro-card shadow grey">
  48.                     <div>
  49.                         <img width="64" src="{{ asset('build/images/icons/person-circle.svg') }}" alt="">
  50.                         <span class="d-block mt-4 mb-5 mb-lg-0">{{ 'index.card.right.headline'|resolve }}</span>
  51.                     </div>
  52.                     <a href="{{ path('app_register') }}" class="button bg-white w-100">{{ 'index.card.right.button'|resolve }}</a>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </div>
  58.     <div class="container-3xl my-5">
  59.         <div class="row">
  60.             <div class="col-12 col-md-6">
  61.                 <div class="d-flex flex-column justify-content-between">
  62.                     <div class="mb-5">
  63.                         <h1 class="ornament-with-child">{{ 'index.block.bottom.headline'|resolve }}</h1>
  64.                         {{ 'index.block.bottom.text'|resolve }}
  65.                     </div>
  66.                     <div>
  67.                         <a class="button d-inline shadow-sm accent" href="{{ path('flow') }}">{{ 'index.button.flow'|resolve }}</a>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.             <div class="col-12 col-md-6 mt-5 mt-md-0">
  72.                 {% if tenant.config.indexImage %}
  73.                     <img class="img-fluid" src="/images/{{ tenant.config.tenant.uploadDirectory }}/{{ tenant.config.indexImage }}">
  74.                 {% endif %}
  75.             </div>
  76.         </div>
  77.     </div>
  78. {% endblock %}