<template>
  <div>
    <h1 class="mb-24 text-60 font-bold accent-gray-1100 tablet:text-48 mobile:text-32">
      Score <span class="text-orange-600">The Best Deals</span> With B2B Lead
      Generation Services <span class="text-orange-600">With Belkins</span>
    </h1>
    <div class="mb-56 text-18 font-regular mobile:16 mobile:mb-36">
      From lead generation to appointment setting, Belkins has the best software
      and experts for advancing your B2B sales strategy.
      <span class="text-orange-600">
        Do you want to build a predictable and consistent pipeline?
      </span>
      Speak with a seasoned sales specialist to get started.
    </div>
    <VButton
      class="mt-48 flex items-center rounded-8 p-16 mobile:mb-48"
      type="primary"
    >
      <span class="text-white mr-16">Book a Consultation</span>
      <img src="@/assets/img/static-icons/arrow.svg" width="6" height="12" alt="icon" />
    </VButton>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import VButton from '@/components/ui/common/VButton.vue';

export default defineComponent({
  components: { VButton },

  methods: {
    bookConsultation() {
      console.log('Book consultation called');
    },
  },
});
</script>
