add PromotionModal.vue

components/BaseFooter.vue

@@ -1,6 +1,6 @@
 <template>
   <UFooter
-    class="border-t border-gray-200 mt-10"
+    class="border-t border-default mt-10"
     :ui="{
       center: 'w-full',
     }"
@@ -27,7 +27,7 @@
             <span class="font-medium">Адрес:</span><br>
             <p class="opacity-70">
               Адрес Бишкек, Свердловский район,
-              ул.Ибраимова, дом 115/4
+              ул. Ибраимова, дом 115/4
             </p>
           </li>
         </ul>

components/Contacts.vue

@@ -46,7 +46,7 @@
           <form name="contacts" method="POST" @submit.prevent="onSubmit">
             <div class="flex flex-col gap-4">
               <div class="flex flex-col gap-2">
-                Как к вам обращаться
+                Как к вам обращаться ?
                 <UInput
                   id="name"
                   v-model="name"
@@ -81,7 +81,7 @@
               </div>
 
               <div class="flex flex-col gap-2">
-                Что вас интересует?
+                Что вас интересует ?
                 <div>
                   <USelect
                     id="service"
@@ -91,7 +91,7 @@
                     :items="services"
                     class="w-full"
                     size="xl"
-                    placeholder="выберите услугу"
+                    placeholder="Выберите услугу"
                     :ui="{ content: 'max-h-70' }"
                     :overlay="{ scrollLock: false }"
                   />
@@ -110,7 +110,7 @@
                   v-bind="commentAttrs"
                   name="comment"
                   size="xl"
-                  placeholder="расскажите о ваших требованиях.."
+                  placeholder="Расскажите о ваших требованиях..."
                 />
               </div>
 
@@ -150,18 +150,18 @@ const contacts = [
   },
   {
     label: 'Адрес',
-    value: 'Адрес Бишкек, Свердловский район ул.Ибраимова, дом 115/4',
+    value: 'Адрес Бишкек, Свердловский район ул. Ибраимова, дом 115/4',
     icon: 'i-lucide:map-pin',
   },
 ]
 
 const services = [
-  'покупка авто',
-  'продажа авто',
-  'аренда авто',
-  'покупка недвижимости',
-  'продажа недвижимости',
-  'аренда недвижимости',
+  'Покупка авто',
+  'Продажа авто',
+  'Аренда авто',
+  'Покупка недвижимости',
+  'Продажа недвижимости',
+  'Аренда недвижимости',
 ]
 
 const state = useSessionStorage('contacts', {

components/HowWorks.vue

@@ -60,6 +60,7 @@ function desktopAnimation() {
         trigger: howWorksRef.value,
         start: 'top 50%',
         toggleActions: 'play none none reverse',
+        once: true,
       },
     })
 

components/Services.vue

@@ -66,6 +66,7 @@ function servicesAnimation() {
         opacity: 0,
         duration: 1,
         ease: 'power4.out',
+        once: true,
         scrollTrigger: {
           trigger: card,
           start: 'top 70%',