<template>
     <div class="container explore-brands-section mb-5">
      <div class="text d-flex flex-column align-items-center text-center">
        <h1 class="mobileHead">
          <span> {{ $t("explore2") }} </span> {{ $t("explore1") }}
        </h1>
        <p>
          {{ $t("explore3") }}
        </p>
      </div>

      <brands :brandsArr="store.brands" />
    </div>
</template>
<script setup>
import { useHomeStore } from "@/stores/home";
let store = useHomeStore();
</script>
<style lang="">
    
</style>