add img

Author: junzyx

apps/docs/images/editor.png

@@ -4,6 +4,8 @@ sidebarTitle: Introduction
 icon: "hand-wave"
 ---
 
+![htmldocs editor](/images/editor.png)
+
 htmldocs is a modern typesetting toolkit that lets you build document templates using React and JSX - the same way you build web applications. Create reusable components, use props for dynamic content, and leverage the entire JavaScript ecosystem:
 
 ```jsx
@@ -36,8 +38,6 @@ With htmldocs, you can:
 - Share components and styles across your documents for consistent branding
 - Version control your templates just like you do with code
 
-Whether you're still manually editing documents in Word, trying to wrangle LaTeX to fit your use-case, or frustrated with outdated tools like `wkhtmltopdf`, htmldocs provides a developer-friendly solution that brings document generation into the modern era.
-
 <CardGroup cols={2}>
   <Card
     title="Automatic Installation"