<template>
  <v-sheet class="py-9">
    <v-row class="ma-0" justify="space-between">
      <v-col cols="5">
        <v-card-title>
          <h6
            class="text-h6 font-weight-regular text-primary"
            style="letter-spacing: 4px !important"
          >
            Our Distributors
          </h6>
        </v-card-title>
        <v-card-title>
          <h4 class="text-h3 font-weight-medium" style="line-height: 50px">
            Look at our local <br />
            distributors
          </h4>
        </v-card-title>
        <v-list class="d-flex align-start" style="gap: 40px">
          <v-list-item class="">
            <v-list-item-title class="py-2" v-for="n in 5">
              Ankara
            </v-list-item-title>
          </v-list-item>
          <v-list-item class="">
            <v-list-item-title class="py-2" v-for="n in 3">
              Ankara
            </v-list-item-title>
          </v-list-item>
        </v-list>
        <v-btn to="/distributors" color="primary" size="large" rounded="xl"
          >See Details
        </v-btn>
      </v-col>
      <v-col cols="5" class="d-flex align-center">
        <v-card height="382" width="100%" class="bg-white"> </v-card>
      </v-col>
    </v-row>
  </v-sheet>
</template>

<script setup></script>

<style scoped></style>
