des(websites): add figma preview

api/ru/cases/design/websites/design-cactus.yml

@@ -4,6 +4,7 @@ title: Дизайн лендинга «Just a cactus in a pot»
 img:
   src: https://cdn.dribbble.com/users/2241643/screenshots/18557166/media/a428836cf53e9fe378041f27c8f9476a.png?compress=1&resize=1000x750
   alt: Дизайн лендинга «Just a cactus in a pot»
+  embed: "https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2F0IkOAOZDqx5CvaksZ6Hjed%2FCactus%3Fpage-id%3D0%253A1%26type%3Ddesign%26node-id%3D39-244%26viewport%3D100%252C230%252C0.12%26t%3DWPc22Eiy9lwq4ha5-1%26scaling%3Dscale-down-width%26starting-point-node-id%3D14%253A2%26mode%3Ddesign"
 ux:
   works: PET PROJECT / EXPERIENCE
   price: Прототипирование и дизайн

pages/cases/design/websites/_slug.vue

@@ -81,7 +81,28 @@
                     cols="12"
                     md="12"
                   >
-                    <s-pages-cases-components-slug-preview :preview="website" />
+                    <s-pages-cases-components-slug-preview
+                      v-if="!website.img.embed"
+                      :preview="website"
+                    />
+                    <div
+                      v-else
+                      class="position-relative"
+                    >
+                      <iframe
+                        :src="website.img.embed"
+                        width="100%"
+                        height="450"
+                        frameborder="0"
+                        allowfullscreen
+                      />
+                      <v-sheet
+                        class="position-absolute"
+                        height="48"
+                        width="100%"
+                        style="bottom: 0; background-color: var(--light)"
+                      />
+                    </div>
                   </v-col>
                   <!-- /COMPONENT -->