Update index.mdx

docs/pages/index.mdx

@@ -2,8 +2,26 @@ import { Callout } from 'nextra/components'
 
 # Quick Start
 
-**_I assume you have already read [Hugo Getting Started](https://gohugo.io/getting-started/),
-this can help you to get an overview of Hugo and understand this guide better._**
+<Callout>
+I assume you have already read [Hugo Getting Started](https://gohugo.io/getting-started/),
+this can help you to get an overview of Hugo and understand this guide better.
+</Callout>
+
+## Introduction
+
+Dream is a [Hugo](https://gohugo.io/) theme. I build it for [my blog](https://g1en.site).
+
+The main features are **Masonry Layout Posts** and **Flippable About Page**.
+
+Dream also supports **light and dark mode** out of the box.
+
+![Screenshot](https://github.com/g1eny0ung/hugo-theme-dream/blob/master/images/screenshot.png?raw=true)
+
+For people who prefer a simple and clean interface,
+Dream has a [**Zen mode**](https://g1en.site/hugo-theme-dream/zen-mode).
+It is more concentrated on reading and writing.
+
+<img src="https://github.com/g1eny0ung/hugo-theme-dream/blob/master/docs/public/images/zen-mode.png?raw=true" alt="Zen Mode" height="500" />
 
 ## Create configuration file