115 lines
3.7 KiB
Vue
115 lines
3.7 KiB
Vue
<template>
|
||
<div class="nedvizhimost-page">
|
||
<UPageHero
|
||
title="Недвижимость вашей мечты"
|
||
:description="`Помогаем найти, купить или продать недвижимость с полным\n юридическим сопровождением и гарантией безопасности сделки.`"
|
||
class="nedvizhimost-page__hero"
|
||
>
|
||
<template #footer>
|
||
<div class="flex gap-2 place-content-center h-[48px]">
|
||
<UButton
|
||
size="xl"
|
||
label="Смотреть услуги"
|
||
href="#main-services"
|
||
/>
|
||
|
||
<UButton
|
||
size="xl"
|
||
label="Смотреть варианты"
|
||
href="#variations"
|
||
color="neutral"
|
||
variant="subtle"
|
||
/>
|
||
</div>
|
||
</template>
|
||
</UPageHero>
|
||
|
||
<UContainer class="flex flex-col gap-12 mt-12">
|
||
<MainServices :services="services" />
|
||
|
||
<MainCarusel :preview-items="previewItems" />
|
||
|
||
<Contacts />
|
||
</UContainer>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
const services = [
|
||
{
|
||
icon: 'i-lucide:home',
|
||
title: 'Аренда жилой недвижимости',
|
||
description:
|
||
'Подбираем квартиры, дома и апартаменты для краткосрочной и долгосрочной аренды',
|
||
items: [
|
||
{ title: 'Проверка юридической чистоты' },
|
||
{ title: 'Согласование условий договора' },
|
||
{ title: 'Сопровождение сделки' },
|
||
{ title: 'Помощь с переездом' },
|
||
],
|
||
},
|
||
{
|
||
icon: 'i-lucide:shopping-bag',
|
||
title: 'Покупка недвижимости',
|
||
description:
|
||
'Полное сопровождение процесса покупки от поиска до получения ключей',
|
||
items: [
|
||
{ title: 'Анализ рынка и оценка' },
|
||
{ title: 'Проверка документов' },
|
||
{ title: 'Согласование ипотеки' },
|
||
{ title: 'Регистрация сделки' },
|
||
],
|
||
},
|
||
{
|
||
icon: 'i-lucide:package',
|
||
title: 'Продажа недвижимости',
|
||
description:
|
||
'Профессиональная подготовка и продажа вашей недвижимости',
|
||
items: [
|
||
{ title: 'Оценка и фотосъёмка' },
|
||
{ title: 'Маркетинг и реклама' },
|
||
{ title: 'Показы объекта' },
|
||
{ title: 'Юридическое оформление' },
|
||
],
|
||
},
|
||
{
|
||
icon: 'i-lucide:building',
|
||
title: 'Коммерческая недвижимость',
|
||
description:
|
||
'Работа с офисами, торговыми и складскими помещениями',
|
||
items: [
|
||
{ title: 'Аренда офисов' },
|
||
{ title: 'Покупка коммерческих объектов' },
|
||
{ title: 'Инвестиционные проекты' },
|
||
{ title: 'Due diligence' },
|
||
],
|
||
},
|
||
]
|
||
|
||
const { cartByCategory } = useMock()
|
||
const previewItems = computed(() => cartByCategory('nedvizhimost'))
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.nedvizhimost-page {
|
||
display: flex;
|
||
flex-direction: column;
|
||
|
||
&__hero {
|
||
width: 100%;
|
||
height: 100vh;
|
||
|
||
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/nedvizhimost.webp');
|
||
background-size: cover;
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
}
|
||
}
|
||
</style>
|