<template>
  <section class="categories">
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-6 p-0">
          <a class="categories__item categories__large__item" style="background-color: #bde3d8; background-image: url(/assets/img/categories/food-beverage.png);">
            <div class="categories__text">
              <h4>Food & Beverage</h4>
              <p>4 Menu</p>
            </div>
          </a>
        </div>
        <div class="col-lg-6">
          <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 p-0">
              <a class="categories__item" href="/category/komputer-desktop" style="background-color: #bde3d8; background-image: url(/assets/img/categories/komputer-desktop.png);">
                <div class="categories__text">
                  <h4>Komputer Desktop</h4>
                  <p>0 buah</p>
                </div>
              </a>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 p-0">
              <a class="categories__item" href="/category/laptop" style="background-color: #d4d4ee; background-image: url(/assets/img/categories/laptop.png);">
                <div class="categories__text">
                  <h4>Latop</h4>
                  <p>0 buah</p>
                </div>
              </a>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 p-0">
              <a class="categories__item" href="/category/komponen" style="background-color: #fcdce1; background-image: url(/assets/img/categories/komponen.png);">
                <div class="categories__text">
                  <h4>Komponen</h4>
                  <p>0 buah</p>
                </div>
              </a>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 p-0">
              <a class="categories__item" href="/category/sewa-laptop" style="background-color: #cce3f5; background-image: url(/assets/img/categories/sewa-laptop.png);">
                <div class="categories__text">
                  <h4>Sewa Laptop</h4>
                  <p>0 buah</p>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</template>

<script>
export default {
  
}
</script>
