Welcome to My MDX Page

This is an example MDX document. It demonstrates how to combine Markdown with JSX components.

Here's a simple React component:

function MyComponent() {
 return (
 <h1>Hello from React!</h1>
 );
}

You can embed images too:

And create links to external resources: Google.

Let's add a list:

• Item 1
• Item 2
• Item 3

Finally, some bold and italic text.

```mdx
---
title: "My MDX Document"
date: "2023-10-27"
---


# Greetings! This is My MDX Page


This particular MDX document serves as an illustration. It showcases the method of integrating Markdown formatting with JSX-based components.


Take a look at this straightforward React component:


```jsx
function MyComponent() {
 return (
 <h1>React says Hello!</h1>
 );
}

You are also able to include images:

And you can generate hyperlinks that point to resources on the internet: Google.

How about we include a list?

• First Item
• Second Item
• Third Item

In closing, here is some boldly emphasized and italicized text.

<AppearanceSection></AppearanceSection>