<template>
  <section id="contact" class="py-section bg-gradient-even">
    <Contact
      v-if="branches && socialIcons && services"
      :social-icons="socialIcons"
      :branches="branches"
      :branches-loading="isLoading"
      :services="services"
      :form-title="$t('contactSection.title')"
    />
  </section>
</template>

<script setup lang="ts">
import { useServicesQuery, useSocialIconsQuery } from "~/queries/contact";

const { branches, isLoading } = useBranches();
const { data: socialIcons } = useSocialIconsQuery();
const { data: services } = useServicesQuery();
</script>

<style scoped></style>
