<div class="home__background">
  <span class="d-flex justify-content-center pt-3 Tx-15"
    >Los mejores servicios a tu alcance</span
  >
  <div class="home__content d-flex align-items-center justify-content-center">
    <div class="home__search">
      <div class="home__brand">
        <app-brand></app-brand>
      </div>
      <p class="text-center">
        <a [routerLink]="['/discover']">discover</a>
      </p>
      <app-search></app-search>
      <div class="dropdown-container pt-3">
        <label for="">
          <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>
        </label>
      </div>
    </div>
  </div>
</div>

<app-footer></app-footer>