<template>
  <Slider @open-register-form="showRegisterForm = true" />
  <Company />
  <Banner />
  <Service />
  <Login :isVisible="showLoginForm" @open-register-form="showRegisterForm = true" @close-login-form="showLoginForm = false" />
  <Register :isVisible="showRegisterForm" @open-login-form="showLoginForm = true" @close-register-form="showRegisterForm = false" />
</template>

<script setup lang="ts">

import { ref } from 'vue';

import Slider from "./slider.vue";
import Banner from "./banner.vue";
import Service from "./service.vue";
import Company from "./company.vue";
import Register from '@/components/register.vue'; 

const showRegisterForm = ref(false); 
const showLoginForm = ref(false); 
</script>

<style lang="scss"></style>
