init

assets/scss/main.scss

@@ -59,5 +59,5 @@ html {
 .swiper-pagination {
   position: absolute;
   bottom: 200px !important;
-  --swiper-pagination-bullet-size: 4px
+  --swiper-pagination-bullet-size: 8px
 }

components/Gallery.vue

@@ -2,14 +2,16 @@
   <!--  Mobile -->
   <div v-if="isMobile" class="gallery-mobile">
     <Swiper
-      :pagination="true"
+      :pagination="{
+        dynamicBullets: true,
+      }"
       :loop="true"
       :modules="modules"
       class="mySwiper gallery-mobile__swiper"
       @double-click="openAllImages = true"
     >
       <SwiperSlide
-        v-for="image in smallImages"
+        v-for="image in images"
         :key="image?.src"
       >
         <img width="100%" :src="image?.src" :alt="image?.src">

components/MainCarusel.vue

@@ -1,19 +1,19 @@
 <template>
-  <div id="variations">
+  <div id="variations" class="main-carusel">
+    <h2>Актуальные варианты</h2>
+
     <UCarousel
       v-slot="{ item }"
       arrows
       :items="previewItems"
       :ui="{ item: 'basis-1/2 sm:basis-1/3 md:basis-1/4 lg:basis-1/5 xl:basis-1/6' }"
-      class="w-full variant"
+      class="w-full"
     >
-      <NuxtLink :to="`/post/${item.id}`">
-        <img
-          :src="item?.previewImage?.src"
-          :alt="item?.previewImage?.src"
-          class="rounded-lg w-full h-auto object-cover"
-        >
-      </NuxtLink>
+      <div class="variants">
+        <NuxtLink :to="`/post/${item.id}`">
+          <img :src="item?.previewImage?.src" :alt="item?.previewImage?.src">
+        </NuxtLink>
+      </div>
     </UCarousel>
   </div>
 </template>
@@ -29,8 +29,22 @@ interface PreviewItem {
 defineProps<{ previewItems: PreviewItem[] }>()
 </script>
 
-<style lang="scss">
-.variant {
+<style scoped lang="scss">
+.main-carusel {
+  height: 300px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.variants {
   cursor: pointer;
+  height: 100%;
+
+  img {
+    border-radius: 12px;
+    height: 300px;
+    object-fit: cover;
+  }
 }
 </style>

composables/useMock.ts

@@ -89,7 +89,371 @@ export const useMock = () => {
         },
       ],
     },
-
+    {
+      id: 1983241414,
+      title: 'Гостевые апартаменты в центре Бишопскорта',
+      description: 'Светлая и солнечная. Расположена в центре города, недалеко от центра города, садов Кирстенбош, Хаут-Бэй и False Bay. Рядом с UCT, школами и торговыми центрами. Отдельная квартира с 1 спальней на первом этаже в большом доме. Ванная комната с мини-кухней, оснащенной микроволновой печью, индукционной плитой и аэрофритюрницей. В комнате есть 2 кресла, а также небольшой стол с 2 стульями для обеда или работы. На общей площадке есть 2 кресла, рабочий стол и доступ к общей террасе. Жилье Хозяин живет в главном доме, расположенном рядом с частной квартирой. Вход и посадка являются общими с другой квартирой. Что доступно гостю Бассейн и теннисный корт будут доступны для использования Важная информация У меня 3 собаки и 2 кошки, которые дружелюбны. Я работаю из дома, поэтому всегда готов ответить на вопросы.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/bish_1.avif',
+      },
+      images: [
+        {
+          src: '/bish_2.avif',
+        },
+        {
+          src: '/bish_3.avif',
+        },
+        {
+          src: '/bish_4.avif',
+        },
+        {
+          src: '/bish_5.avif',
+        },
+        {
+          src: '/bish_6.avif',
+        },
+        {
+          src: '/bish_7.avif',
+        },
+        {
+          src: '/bish_8.avif',
+        },
+        {
+          src: '/bish_9.avif',
+        },
+      ],
+    },
+    {
+      id: 1241414,
+      title: 'Элитные аппартаменты квартиры в бишкеке',
+      description: 'Элитные аппартаменты квартиры в бишкеке — это апартаменты, расположенные в городе Akchiy. Гостям доступен бесплатный Wi-Fi на всей территории. В этих апартаментах с кондиционером и выходом на балкон есть спальня (1) и полностью оборудованная кухня. Среди удобств — телевизор с плоским экраном.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/bishkek_1.jpg',
+      },
+      images: [
+        {
+          src: '/bishkek_2.jpg',
+        },
+        {
+          src: '/bishkek_3.jpg',
+        },
+        {
+          src: '/bishkek_4.jpg',
+        },
+        {
+          src: '/bishkek_5.jpg',
+        },
+        {
+          src: '/bishkek_6.jpg',
+        },
+        {
+          src: '/bishkek_7.jpg',
+        },
+      ],
+    },
+    {
+      id: 133423414,
+      title: 'Лофт с проектором — Руставели',
+      description: 'Историческая стильная квартира с проектором в спальне, уютным балконом и неоновыми огнями:) Он расположен в 200-летнем здании культурного наследия, которое расположено в исторической части города, рядом с Тбилисской государственной консерваторией (по вечерам вы можете услышать живую музыку, сидя на балконе). В этом районе есть целые театры, музеи, пабы, рестораны и магазины. В нескольких минутах ходьбы от проспекта Руставели и площади Свободы, автобусной остановки/от аэропорта, двух станций метро.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/tbilisi_1.avif',
+      },
+      images: [
+        {
+          src: '/tbilisi_2.avif',
+        },
+        {
+          src: '/tbilisi_3.avif',
+        },
+        {
+          src: '/tbilisi_4.avif',
+        },
+        {
+          src: '/tbilisi_5.avif',
+        },
+        {
+          src: '/tbilisi_6.avif',
+        },
+        {
+          src: '/tbilisi_7.avif',
+        },
+      ],
+    },
+    {
+      id: 1983241414,
+      title: 'Гостевые апартаменты в центре Бишопскорта',
+      description: 'Светлая и солнечная. Расположена в центре города, недалеко от центра города, садов Кирстенбош, Хаут-Бэй и False Bay. Рядом с UCT, школами и торговыми центрами. Отдельная квартира с 1 спальней на первом этаже в большом доме. Ванная комната с мини-кухней, оснащенной микроволновой печью, индукционной плитой и аэрофритюрницей. В комнате есть 2 кресла, а также небольшой стол с 2 стульями для обеда или работы. На общей площадке есть 2 кресла, рабочий стол и доступ к общей террасе. Жилье Хозяин живет в главном доме, расположенном рядом с частной квартирой. Вход и посадка являются общими с другой квартирой. Что доступно гостю Бассейн и теннисный корт будут доступны для использования Важная информация У меня 3 собаки и 2 кошки, которые дружелюбны. Я работаю из дома, поэтому всегда готов ответить на вопросы.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/bish_1.avif',
+      },
+      images: [
+        {
+          src: '/bish_2.avif',
+        },
+        {
+          src: '/bish_3.avif',
+        },
+        {
+          src: '/bish_4.avif',
+        },
+        {
+          src: '/bish_5.avif',
+        },
+        {
+          src: '/bish_6.avif',
+        },
+        {
+          src: '/bish_7.avif',
+        },
+        {
+          src: '/bish_8.avif',
+        },
+        {
+          src: '/bish_9.avif',
+        },
+      ],
+    },
+    {
+      id: 1241414,
+      title: 'Элитные аппартаменты квартиры в бишкеке',
+      description: 'Элитные аппартаменты квартиры в бишкеке — это апартаменты, расположенные в городе Akchiy. Гостям доступен бесплатный Wi-Fi на всей территории. В этих апартаментах с кондиционером и выходом на балкон есть спальня (1) и полностью оборудованная кухня. Среди удобств — телевизор с плоским экраном.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/bishkek_1.jpg',
+      },
+      images: [
+        {
+          src: '/bishkek_2.jpg',
+        },
+        {
+          src: '/bishkek_3.jpg',
+        },
+        {
+          src: '/bishkek_4.jpg',
+        },
+        {
+          src: '/bishkek_5.jpg',
+        },
+        {
+          src: '/bishkek_6.jpg',
+        },
+        {
+          src: '/bishkek_7.jpg',
+        },
+      ],
+    },
+    {
+      id: 133423414,
+      title: 'Лофт с проектором — Руставели',
+      description: 'Историческая стильная квартира с проектором в спальне, уютным балконом и неоновыми огнями:) Он расположен в 200-летнем здании культурного наследия, которое расположено в исторической части города, рядом с Тбилисской государственной консерваторией (по вечерам вы можете услышать живую музыку, сидя на балконе). В этом районе есть целые театры, музеи, пабы, рестораны и магазины. В нескольких минутах ходьбы от проспекта Руставели и площади Свободы, автобусной остановки/от аэропорта, двух станций метро.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/tbilisi_1.avif',
+      },
+      images: [
+        {
+          src: '/tbilisi_2.avif',
+        },
+        {
+          src: '/tbilisi_3.avif',
+        },
+        {
+          src: '/tbilisi_4.avif',
+        },
+        {
+          src: '/tbilisi_5.avif',
+        },
+        {
+          src: '/tbilisi_6.avif',
+        },
+        {
+          src: '/tbilisi_7.avif',
+        },
+      ],
+    },
+    {
+      id: 1983241414,
+      title: 'Гостевые апартаменты в центре Бишопскорта',
+      description: 'Светлая и солнечная. Расположена в центре города, недалеко от центра города, садов Кирстенбош, Хаут-Бэй и False Bay. Рядом с UCT, школами и торговыми центрами. Отдельная квартира с 1 спальней на первом этаже в большом доме. Ванная комната с мини-кухней, оснащенной микроволновой печью, индукционной плитой и аэрофритюрницей. В комнате есть 2 кресла, а также небольшой стол с 2 стульями для обеда или работы. На общей площадке есть 2 кресла, рабочий стол и доступ к общей террасе. Жилье Хозяин живет в главном доме, расположенном рядом с частной квартирой. Вход и посадка являются общими с другой квартирой. Что доступно гостю Бассейн и теннисный корт будут доступны для использования Важная информация У меня 3 собаки и 2 кошки, которые дружелюбны. Я работаю из дома, поэтому всегда готов ответить на вопросы.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/bish_1.avif',
+      },
+      images: [
+        {
+          src: '/bish_2.avif',
+        },
+        {
+          src: '/bish_3.avif',
+        },
+        {
+          src: '/bish_4.avif',
+        },
+        {
+          src: '/bish_5.avif',
+        },
+        {
+          src: '/bish_6.avif',
+        },
+        {
+          src: '/bish_7.avif',
+        },
+        {
+          src: '/bish_8.avif',
+        },
+        {
+          src: '/bish_9.avif',
+        },
+      ],
+    },
+    {
+      id: 1241414,
+      title: 'Элитные аппартаменты квартиры в бишкеке',
+      description: 'Элитные аппартаменты квартиры в бишкеке — это апартаменты, расположенные в городе Akchiy. Гостям доступен бесплатный Wi-Fi на всей территории. В этих апартаментах с кондиционером и выходом на балкон есть спальня (1) и полностью оборудованная кухня. Среди удобств — телевизор с плоским экраном.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/bishkek_1.jpg',
+      },
+      images: [
+        {
+          src: '/bishkek_2.jpg',
+        },
+        {
+          src: '/bishkek_3.jpg',
+        },
+        {
+          src: '/bishkek_4.jpg',
+        },
+        {
+          src: '/bishkek_5.jpg',
+        },
+        {
+          src: '/bishkek_6.jpg',
+        },
+        {
+          src: '/bishkek_7.jpg',
+        },
+      ],
+    },
+    {
+      id: 133423414,
+      title: 'Лофт с проектором — Руставели',
+      description: 'Историческая стильная квартира с проектором в спальне, уютным балконом и неоновыми огнями:) Он расположен в 200-летнем здании культурного наследия, которое расположено в исторической части города, рядом с Тбилисской государственной консерваторией (по вечерам вы можете услышать живую музыку, сидя на балконе). В этом районе есть целые театры, музеи, пабы, рестораны и магазины. В нескольких минутах ходьбы от проспекта Руставели и площади Свободы, автобусной остановки/от аэропорта, двух станций метро.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/tbilisi_1.avif',
+      },
+      images: [
+        {
+          src: '/tbilisi_2.avif',
+        },
+        {
+          src: '/tbilisi_3.avif',
+        },
+        {
+          src: '/tbilisi_4.avif',
+        },
+        {
+          src: '/tbilisi_5.avif',
+        },
+        {
+          src: '/tbilisi_6.avif',
+        },
+        {
+          src: '/tbilisi_7.avif',
+        },
+      ],
+    },
+    {
+      id: 1983241414,
+      title: 'Гостевые апартаменты в центре Бишопскорта',
+      description: 'Светлая и солнечная. Расположена в центре города, недалеко от центра города, садов Кирстенбош, Хаут-Бэй и False Bay. Рядом с UCT, школами и торговыми центрами. Отдельная квартира с 1 спальней на первом этаже в большом доме. Ванная комната с мини-кухней, оснащенной микроволновой печью, индукционной плитой и аэрофритюрницей. В комнате есть 2 кресла, а также небольшой стол с 2 стульями для обеда или работы. На общей площадке есть 2 кресла, рабочий стол и доступ к общей террасе. Жилье Хозяин живет в главном доме, расположенном рядом с частной квартирой. Вход и посадка являются общими с другой квартирой. Что доступно гостю Бассейн и теннисный корт будут доступны для использования Важная информация У меня 3 собаки и 2 кошки, которые дружелюбны. Я работаю из дома, поэтому всегда готов ответить на вопросы.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/bish_1.avif',
+      },
+      images: [
+        {
+          src: '/bish_2.avif',
+        },
+        {
+          src: '/bish_3.avif',
+        },
+        {
+          src: '/bish_4.avif',
+        },
+        {
+          src: '/bish_5.avif',
+        },
+        {
+          src: '/bish_6.avif',
+        },
+        {
+          src: '/bish_7.avif',
+        },
+        {
+          src: '/bish_8.avif',
+        },
+        {
+          src: '/bish_9.avif',
+        },
+      ],
+    },
+    {
+      id: 1241414,
+      title: 'Элитные аппартаменты квартиры в бишкеке',
+      description: 'Элитные аппартаменты квартиры в бишкеке — это апартаменты, расположенные в городе Akchiy. Гостям доступен бесплатный Wi-Fi на всей территории. В этих апартаментах с кондиционером и выходом на балкон есть спальня (1) и полностью оборудованная кухня. Среди удобств — телевизор с плоским экраном.',
+      category: 'nedvizhimost',
+      coordinates: [44.770495496222274, 41.716244387476706],
+      address: 'Грузия, Тбилиси улица пушкина дом калатушкина квартира 10',
+      previewImage: {
+        src: '/bishkek_1.jpg',
+      },
+      images: [
+        {
+          src: '/bishkek_2.jpg',
+        },
+        {
+          src: '/bishkek_3.jpg',
+        },
+        {
+          src: '/bishkek_4.jpg',
+        },
+        {
+          src: '/bishkek_5.jpg',
+        },
+        {
+          src: '/bishkek_6.jpg',
+        },
+        {
+          src: '/bishkek_7.jpg',
+        },
+      ],
+    },
   ]
 
   const cartById = (id?: string) =>

pages/nedvizhimost.vue

@@ -24,7 +24,7 @@
       </template>
     </UPageHero>
 
-    <UContainer class="flex flex-col gap-32 mt-32">
+    <UContainer class="flex flex-col gap-12 mt-12">
       <MainServices :services="services" />
 
       <MainCarusel :preview-items="previewItems" />

pages/transport.vue

@@ -24,7 +24,7 @@
       </template>
     </UPageHero>
 
-    <UContainer class="flex flex-col gap-32 mt-32">
+    <UContainer class="flex flex-col gap-12 mt-12">
       <MainServices :services="services" />
 
       <MainCarusel :preview-items="previewItems" />