diff --git a/README-EN.md b/README-EN.md
index cd8b882..9e6399e 100644
--- a/README-EN.md
+++ b/README-EN.md
@@ -1,17 +1,15 @@
Vue Color Avatar
-
🧑🦱 A pure front-end avatar generation website 🧑🦳
+
🧑🦱 A front-end only avatar generation website 🧑🦳
[简体中文](./README.md)
-![preview](./images/social-preview-1.png)
-
-![preview](./images/social-preview-2.png)
-
-![preview](./images/social-preview-3.jpeg)
+
+
+
## Preview
diff --git a/README.md b/README.md
index 8296cd7..c76b6c4 100644
--- a/README.md
+++ b/README.md
@@ -7,17 +7,15 @@
-![preview](./images/social-preview-1.png)
-
-![preview](./images/social-preview-2.png)
-
-![preview](./images/social-preview-3.jpeg)
+
+
+
## 在线预览
[`https://vue-color-avatar.vercel.app`](https://vue-color-avatar.vercel.app)
-## 🥳 介绍
+## 介绍
**这是一款矢量风格头像的生成器,你可以搭配不同的素材组件,生成自己的个性化头像。**
diff --git a/images/social-preview-1.png b/images/social-preview-1.png
index 01d2d01..a1373ac 100644
Binary files a/images/social-preview-1.png and b/images/social-preview-1.png differ
diff --git a/images/social-preview-2.png b/images/social-preview-2.png
deleted file mode 100644
index 14ca138..0000000
Binary files a/images/social-preview-2.png and /dev/null differ
diff --git a/images/social-preview-3.jpeg b/images/social-preview-3.jpeg
deleted file mode 100644
index 88ebc9c..0000000
Binary files a/images/social-preview-3.jpeg and /dev/null differ
diff --git a/landing-page/avatar-1.png b/landing-page/avatar-1.png
new file mode 100644
index 0000000..703fddc
Binary files /dev/null and b/landing-page/avatar-1.png differ
diff --git a/landing-page/avatar-2.png b/landing-page/avatar-2.png
new file mode 100644
index 0000000..238fad8
Binary files /dev/null and b/landing-page/avatar-2.png differ
diff --git a/landing-page/avatar-3.png b/landing-page/avatar-3.png
new file mode 100644
index 0000000..f1cc329
Binary files /dev/null and b/landing-page/avatar-3.png differ
diff --git a/landing-page/landing-page.html b/landing-page/landing-page.html
new file mode 100644
index 0000000..e200879
--- /dev/null
+++ b/landing-page/landing-page.html
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Vue Color Avatar
+
+
+
+
+
+
+
+
+
+
+
Color Avatar
+
+
+
+
+
+
+
+ Front-End Only
+ Avatar Generator
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/landing-page/preview.png b/landing-page/preview.png
new file mode 100644
index 0000000..1e24173
Binary files /dev/null and b/landing-page/preview.png differ
diff --git a/landing-page/ts.svg b/landing-page/ts.svg
new file mode 100644
index 0000000..d96fdbe
--- /dev/null
+++ b/landing-page/ts.svg
@@ -0,0 +1,8 @@
+
diff --git a/landing-page/vite.svg b/landing-page/vite.svg
new file mode 100644
index 0000000..20833a3
--- /dev/null
+++ b/landing-page/vite.svg
@@ -0,0 +1,41 @@
+
diff --git a/landing-page/vue.svg b/landing-page/vue.svg
new file mode 100644
index 0000000..57ad9a3
--- /dev/null
+++ b/landing-page/vue.svg
@@ -0,0 +1,14 @@
+