first commit

.starter/content/2.essentials/4.images-embeds.md

@@ -0,0 +1,53 @@
+---
+title: Images and Embeds
+description: Add image, video, and other HTML elements
+navigation:
+  icon: i-lucide-image
+seo:
+  description: Add image, video, and other HTML elements using Docus theme
+---
+
+## Markdown
+
+Display images or videos using standard Markdown syntax.
+
+### Images
+
+::code-preview
+![Nuxt Social Image](https://nuxt.com/new-social.jpg)
+
+#code
+```mdc
+![Nuxt Social Image](https://nuxt.com/new-social.jpg)
+```
+::
+
+Or with your local images
+
+::code-preview
+![Snow-capped mountains in a sea of clouds at sunset](/mountains.webp)
+
+#code
+```mdc
+![Snow-capped mountains in a sea of clouds at sunset](/mountains.webp)
+```
+::
+
+::note{to="https://image.nuxt.com/"}
+Docus will use `<NuxtImg>` component under the hood instead of the native `img` tag.
+::
+
+### Videos
+
+::prose-code-preview
+:video{autoplay controls loop src="https://res.cloudinary.com/dcrl8q2g3/video/upload/v1745404403/landing_od8epr.mp4"}
+
+ 
+
+#code
+```mdc
+:video{autoplay controls loop src="https://res.cloudinary.com/dcrl8q2g3/video/upload/v1745404403/landing_od8epr.mp4"}
+```
+::
+
+###