HomePage.vue

<template>
  <div class="text-white">
    <section class="h-[900px] bg-[url('../public/img/home-header.jfif')]">
      <HeaderComponent current-page="home"></HeaderComponent>
      <h2 class="text-[54px] font-bold max-w-lg ml-24 mt-[187px]">Moving to Portugal?</h2>
      <p class="text-2xl ml-24 max-w-[434px]">Let the experts of the ACK ecosystem handle your administrative headaches</p>
      <button class="rounded bg-blue text-white ml-24 mt-10 py-3.5 px-10 font-medium text-lg hover:bg-blue-700 transition-colors">Help to emigrate</button>
    </section>
    
  </div>
</template>

<script>
import HeaderComponent from "../components/HeaderComponent.vue";
export default {
  name: 'HomePage',
  data(){
    return {

    };
  },
components:{HeaderComponent}
}
</script>