Welcome to My MDX Page

This is an example of an MDX document. It allows you to write Markdown and embed React components.

Here's a simple React component:

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


export default MyComponent;

You can also include images:

And links to external resources, like Google.

Finally, here's a list:

• Item 1
• Item 2
• Item 3

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


# MDX Page: A Warm Welcome


This serves as a demonstration of an MDX document's capabilities. You have the power to combine Markdown syntax with embedded React elements.


Check out this straightforward React element:


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


export default MyComponent;

Images can be incorporated too:

You're also able to link to outside resources, for instance, Google.

To conclude, here is a list of items:

• Item 1
• Item 2
• Item 3

<AppearanceSection></AppearanceSection>