From 13b8309c06196feb95f1145536f2877e0cfba385 Mon Sep 17 00:00:00 2001
From: Kseninia Mikhaylova <k.mikhailova@svs-tech.pro>
Date: Tue, 4 Jun 2024 16:48:49 +0300
Subject: [PATCH] content

---
 app.vue          |  6 ++++++
 assets/main.scss | 11 +++++++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app.vue b/app.vue
index ca6197e..f7c0ef7 100644
--- a/app.vue
+++ b/app.vue
@@ -58,11 +58,17 @@ const about = (pagesData.value as ApiPagesType[]).find(el => el.slug == 'about')
           <div class="block-text">
             {{ about?.content }}
           </div>
+          <div>
+            <NuxtLink to="#buy" class="block-btn">Купить прямо сейчас</NuxtLink>
+          </div>
         </div>
         <div class="block-image">
 
         </div>
       </div>
+    </div>
+    <div class="block bg-slate-500">
+
     </div>
     <NuxtPage />
   </div>
diff --git a/assets/main.scss b/assets/main.scss
index a9f7f74..2bded44 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -24,20 +24,27 @@ body {
     @apply col-span-8 flex justify-between
 }
 
-a[href^="/#"] {
+a[href^="/#"]:not([class]) {
     @apply underline decoration-dotted underline-offset-4 decoration-neutral-500
 }
 
 .block {
     @apply py-10;
+
     &-content {
-        @apply col-span-6
+        @apply col-span-6 h-full flex flex-col justify-between
     }
+
     &-title {
         @apply text-5xl text-black
     }
+
     &-image {
         @apply col-span-6 bg-slate-400;
         min-height: 50vh;
     }
+
+    &-btn {
+        @apply rounded-full bg-primary-500 px-10 py-2 inline-block text-lg font-bold shadow-lg
+    }
 }
\ No newline at end of file