content

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>

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
+    }
 }