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.rzh.de/der-ablauf">{{ '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 %}