<div class="home__background">
  <div class="home__content d-flex align-items-center justify-content-center">
    <div class="home__search">
      <div class="home__brand d-flex flex-row justify-content-center">
        <div
          class="
            text-white
            d-flex
            flex-column
            justify-content-center
            align-items-center
          "
        >
          <app-brand></app-brand>
        </div>
      </div>
      <p class="text-center">
        <a [routerLink]="['/discover']">discover</a>
      </p>
      <app-search></app-search>
      <div class="d-flex flex-row align-items-center">
        <app-dropdown-categories
          [name]="'Consumibles'"
        ></app-dropdown-categories>
        <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
        <app-dropdown-categories [name]="'Más'"></app-dropdown-categories>
      </div>
    </div>
  </div>
</div>

<app-footer></app-footer>