[#6] Create other pages follow the methods of #5

Description

Create pages and fill provided documents into the components. The method is the same as #5 (closed).

• Create files under `src/contents`
• Export html from markdown
• ask AI for converting html to tsx components
• check content and structure

If you need to upload a picture, we have three components: SingleImg, MultiImg, and ScrollImg.

SingleImg can be used to create single images with figure text, using the props src and text.

MultiImg can be used to create multiple images with figure text, using the props images (a string array) and text.

ScrollImg uses GSAP scroll tragger to create scroll effects.

Affected Scope

pages in `src/contents`