Welcome to My MDX Page

This is a demonstration of MDX, which allows you to seamlessly integrate React components within your Markdown content.

Here's an example of using a component:

You can also include regular Markdown features like lists:

• Item 1
• Item 2
• Item 3

And code blocks:

function helloWorld() {
 console.log("Hello, world!");
}

Feel free to explore the possibilities of MDX! Check out the MDX documentation for more information.

```mdx
---
title: "My Awesome MDX Document"
description: "An example MDX document showcasing various features."
---


# Greetings! Welcome to My MDX Page


This serves as an MDX illustration, enabling the smooth combination of React elements inside your Markdown text.


Observe this component usage:


<InsImage src="/images/example.png" alt="Example Image"></InsImage>


You're also able to incorporate standard Markdown elements, such as lists:


- Item 1
- Item 2
- Item 3


Along with code snippets:


```javascript
function helloWorld() {
 console.log("Hello, world!");
}

Don't hesitate to investigate the capabilities of MDX! Refer to the MDX documentation to learn more.

<AppearanceSection></AppearanceSection>