Merge branch 'bx-696-startproject' of https://git.svs-tech.pro/ksenia_mikhailova/mns-mini-zabor into bx-696-startproject

app.vue

@@ -56,6 +56,13 @@ const toggleModal = () => {
             <p>
               <button class="not-prose" @click="toggleModal">Купить прямо сейчас</button>
             </p>
+             <div class="features">
+              <div class="feature-item">Сталь от 3 мм</div>
+              <div class="feature-item">Размер любой</div>
+              <div class="feature-item">Цвет на выбор</div>
+              <div class="feature-item">Цена адекватная</div>
+              <div class="feature-item">Всем нравится</div>
+            </div>
           </div>
         </div>
         <div class="siteblock-image">

assets/main.scss

@@ -171,4 +171,19 @@ button {
     &-changer {
         @apply absolute w-80 z-10 bg-white flex gap-0;
     }
-}
+}
+
+.features {
+    display: flex;
+    gap: 10px;
+    margin-top: 20px;
+  }
+
+  .feature-item {
+    background-color: #f5f5f5;
+    padding: 10px;
+    border-radius: 5px;
+    text-align: center;
+    
+  }
+  

components/model/parametric.vue

@@ -29,7 +29,7 @@ const pbrTexture = await useTexture({
 <template>
     <TresGroup>
         <Suspense>
-            <Environment files='/hdrmaps/skukuza_golf_4k.hdr' :background="true" />
+            <Environment files='public/hdrmaps/kloppenheim_06_4k.hdr' :background="true" />
         </Suspense>
         <Suspense>
             <TresGroup :scale="3" :rotate-y="-Math.PI * -0.5" :translate-y="-3.25">