This section will focus on demonstrating headings and paragraphs within MDX. Headings help structure your content, while paragraphs provide the main body of text.

Here's a simple paragraph:

This is a paragraph of text. It's used to convey information and ideas to the reader.

And here's a level 2 heading:

This is a subheading that further divides the content.

MDX also allows you to include images. Here's how you can add an image:

You can also display code snippets using code blocks:

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("World"));

Finally, you can add links to other websites or resources:

Learn more about MDX here.

```mdx
---
title: "MDX Example - A New Look"
description: "A demonstration of MDX content, presented differently."
---

# MDX Example - A New Look

Consider this fundamental illustration of MDX content. We will investigate the process of integrating diverse components, like titles, bodies of text, and pictures.

## Titles and Bodies of Text

This segment will be dedicated to showcasing titles and bodies of text within MDX. Titles are useful for organizing your material, and bodies of text deliver the core details.

Observe this straightforward body of text:

This represents a body of text. It serves the purpose of communicating details and concepts to the audience.

And observe this level 2 title:

### A Secondary Title

This represents a secondary title that further breaks down the material.

## Pictures

MDX provides the ability to embed pictures as well. The method for including a picture is demonstrated below:

<InsImage src="/images/example.png" alt="An example image">
</InsImage>

## Segments of Code

It is also possible to present code fragments using code segments:

```javascript
function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("World"));

In conclusion, hyperlinks can be incorporated to point to external websites or references:

Discover additional information regarding MDX here.