themes/quanthub_tailwindcss/templates/block/block--search-on-landing.html.twig

{#
/**
 * @file
 * Theme override to display a block.
 *
 * Available variables:
 * - plugin_id: The ID of the block implementation.
 * - label: The configured label of the block if visible.
 * - configuration: A list of the block's configuration values.
 *   - label: The configured label for the block.
 *   - label_display: The display settings for the label.
 *   - provider: The module or other provider that provided this block plugin.
 *   - Block plugin specific settings will also be stored here.
 * - content: The content of this block.
 * - attributes: array of HTML attributes populated by modules, intended to
 *   be added to the main container tag of this template.
 *   - id: A valid HTML ID and guaranteed unique.
 * - title_attributes: Same as attributes, except applied to the main title
 *   tag that appears in the template.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 *
 * @see template_preprocess_block()
 */
#}
{% set classes = [
  'block',
  'block-' ~ (configuration.provider|clean_class),
  'block-' ~ (plugin_id|clean_class)
] %}
<section role="banner" class="banner">
  <div class="search--block">
    <div {{ attributes.addClass(classes) }}>
      <h1 class="heading">
        {{
          '@banner-heading'|t({
            '@banner-heading': 'World Economic Data'
          })
        }}
      </h1>
      <p class="mb-4 max-w-[595px]">
        {{
          '@banner-text'|t({
            '@banner-text': 'World Economic Data is always with you in your device. Start your data journey by searching what you need'
          })
        }}
      </p>
      {% block content %}
        {{ content }}
      {% endblock %}
      <div class="search--popular">
        <p>
          {{
            '@search-popular'|t({
              '@search-popular': 'Popular:'
            })
          }}
        </p>
        {% if language == 'uk' %}
        <ul class="list--popupar flex gap-2 flex-wrap">
          <li>
            <a href="/uk/search?search_api_fulltext=індекс">
              Індекс
            </a>
          </li>
          <li>
            <a href="/uk/search?search_api_fulltext=держстат">
              Держстат
            </a>
          </li>
          <li>
            <a href="/uk/search?search_api_fulltext=безробіття">
              Безробіття
            </a>
          </li>
        </ul>
        {% else %}
        <ul class="list--popupar flex gap-2 flex-wrap">
          <li><a href="/search?search_api_fulltext=gdpr">GDRP</a></li>
          <li><a href="/search?search_api_fulltext=inflation">Inflation</a></li>
          <li>
            <a href="/search?search_api_fulltext=interface rate">
              Interface Rate
            </a>
          </li>
          <li>
            <a href="/search?search_api_fulltext=consumer price index">
              Consumer Price Index
            </a>
          </li>
          <li>
            <a href="/search?search_api_fulltext=unemployment rate">
              Unemployment Rate
            </a>
          </li>
        </ul>
        {% endif %}
      </div>
    </div>
  </div>
</section>