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>