diff --git a/themes/landing/components/Features.js b/themes/landing/components/Features.js
index c6954e14..f027bd73 100644
--- a/themes/landing/components/Features.js
+++ b/themes/landing/components/Features.js
@@ -3,6 +3,7 @@
 
 import { useState, useRef, useEffect } from 'react'
 import { Transition } from '@headlessui/react'
+import CONFIG from '../config'
 // import FeaturesElement from '@/public/images/features-element.png'
 
 export default function Features() {
@@ -30,8 +31,8 @@ export default function Features() {
 
           {/* Section header */}
           <div className="max-w-3xl mx-auto text-center pb-12 md:pb-16">
-            <h1 className="h2 mb-4">探索解决方案</h1>
-            <p className="text-xl text-gray-600 leading-relaxed">如何搭建自己的门户网站，塑造一个品牌展示中心？<br/>曾经，它是系统<strong className='font-bold text-red-500'>繁重</strong>的Wordpress、是操作<strong className='font-bold  text-red-500'>复杂</strong>的Hexo、是<strong className='font-bold text-red-500'>昂贵</strong>且<strong className='font-bold text-red-500'>不稳定</strong>的技术团队;<br/>现在，您只要一个笔记软件Notion，就够了</p>
+            <h1 className="h2 mb-4">{CONFIG.FEATURES_HEADER_1}</h1>
+            <p className="text-xl text-gray-600 leading-relaxed" dangerouslySetInnerHTML={{ __html: CONFIG.FEATURES_HEADER_1_P }}></p>
           </div>
 
           {/* Section content */}
@@ -40,8 +41,8 @@ export default function Features() {
             {/* Content */}
             <div className="max-w-xl md:max-w-none md:w-full mx-auto md:col-span-7 lg:col-span-6 md:mt-6" data-aos="fade-right">
               <div className="md:pr-4 lg:pr-12 xl:pr-16 mb-8">
-                <h3 className="h3 mb-3">Notion+NextJs组合方案</h3>
-                <p className="text-xl text-gray-600">Notion作为CMS管理您的站点配置和网页数据，NextJs作为渲染博客的脚本，借助第三方的Vercel等托管平台提供网络服务。</p>
+                <h3 className="h3 mb-3">{CONFIG.FEATURES_HEADER_2}</h3>
+                <p className="text-xl text-gray-600">{CONFIG.FEATURES_HEADER_2_P}</p>
               </div>
               {/* Tabs buttons */}
               <div className="mb-8 md:mb-0">
@@ -51,8 +52,8 @@ export default function Features() {
                   onClick={(e) => { e.preventDefault(); setTab(1) }}
                 >
                   <div>
-                    <div className="font-bold leading-snug tracking-tight mb-1">简单快速的系统</div>
-                    <div className="text-gray-600">在Notion中写下一篇文章，内容立刻在您的网站首页中呈现给互联网</div>
+                    <div className="font-bold leading-snug tracking-tight mb-1">{CONFIG.FEATURES_CARD_1_TITLE}</div>
+                    <div className="text-gray-600">{CONFIG.FEATURES_CARD_1_P}</div>
                   </div>
                   <div className="flex justify-center items-center w-8 h-8 bg-white rounded-full shadow flex-shrink-0 ml-3">
                     <svg className="w-3 h-3 fill-current" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
@@ -66,8 +67,8 @@ export default function Features() {
                   onClick={(e) => { e.preventDefault(); setTab(2) }}
                 >
                   <div>
-                    <div className="font-bold leading-snug tracking-tight mb-1">高效传播的媒介</div>
-                    <div className="text-gray-600">优质的SEO、快速的响应速度，让您的产品和宣传触达到更多的受众</div>
+                    <div className="font-bold leading-snug tracking-tight mb-1">{CONFIG.FEATURES_CARD_2_TITLE}</div>
+                    <div className="text-gray-600">{CONFIG.FEATURES_CARD_2_P}</div>
                   </div>
                   <div className="flex justify-center items-center w-8 h-8 bg-white rounded-full shadow flex-shrink-0 ml-3">
                     <svg className="w-3 h-3 fill-current" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
@@ -81,8 +82,8 @@ export default function Features() {
                   onClick={(e) => { e.preventDefault(); setTab(3) }}
                 >
                   <div>
-                    <div className="font-bold leading-snug tracking-tight mb-1">人性化的定制工具</div>
-                    <div className="text-gray-600">多款主题供您挑选，可以搭建各种不同风格和作用的网站，更多的主题正在陆续加入中。</div>
+                    <div className="font-bold leading-snug tracking-tight mb-1">{CONFIG.FEATURES_CARD_3_TITLE}</div>
+                    <div className="text-gray-600">{CONFIG.FEATURES_CARD_3_P}</div>
                   </div>
                   <div className="flex justify-center items-center w-8 h-8 bg-white rounded-full shadow flex-shrink-0 ml-3">
                     <svg className="w-3 h-3 fill-current" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
diff --git a/themes/landing/components/FeaturesBlocks.js b/themes/landing/components/FeaturesBlocks.js
index eb1228d2..1c0a3e2f 100644
--- a/themes/landing/components/FeaturesBlocks.js
+++ b/themes/landing/components/FeaturesBlocks.js
@@ -1,3 +1,5 @@
+import CONFIG from '../config'
+
 export default function FeaturesBlocks() {
   return (
       <section className="relative">
@@ -11,8 +13,8 @@ export default function FeaturesBlocks() {
 
             {/* Section header */}
             <div className="max-w-3xl mx-auto text-center pb-12 md:pb-20">
-              <h2 className="h2 mb-4">解决方案</h2>
-              <p className="text-xl text-gray-600">人人自媒体的时代，一个网站将帮您链接更多的人，带给你无限的机会和客户。<br/>您还在等什么呢？</p>
+              <h2 className="h2 mb-4">{CONFIG.FEATURES_BLOCK_HEADER}</h2>
+              <p className="text-xl text-gray-600" dangerouslySetInnerHTML={{ __html: CONFIG.FEATURES_BLOCK_P }}></p>
             </div>
 
             {/* Items */}
@@ -31,8 +33,8 @@ export default function FeaturesBlocks() {
                     </g>
                   </g>
                 </svg>
-                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">用网站来展示品牌</h4>
-                <p className="text-gray-600 text-center">比起线下渠道、一个域名和网站更有说服力</p>
+                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">{CONFIG.FEATURES_BLOCK_1_TITLE}</h4>
+                <p className="text-gray-600 text-center">{CONFIG.FEATURES_BLOCK_1_P}</p>
               </div>
 
               {/* 2nd item */}
@@ -47,8 +49,8 @@ export default function FeaturesBlocks() {
                     </g>
                   </g>
                 </svg>
-                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">SEO带来更多流量</h4>
-                <p className="text-gray-600 text-center">通过搜索引擎，精准定位您的受众</p>
+                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">{CONFIG.FEATURES_BLOCK_2_TITLE}</h4>
+                <p className="text-gray-600 text-center">{CONFIG.FEATURES_BLOCK_2_P}</p>
               </div>
 
               {/* 3rd item */}
@@ -64,8 +66,8 @@ export default function FeaturesBlocks() {
                     </g>
                   </g>
                 </svg>
-                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">网站的性能很重要</h4>
-                <p className="text-gray-600 text-center">更快的响应，更好的用户体验</p>
+                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">{CONFIG.FEATURES_BLOCK_3_TITLE}</h4>
+                <p className="text-gray-600 text-center">{CONFIG.FEATURES_BLOCK_3_P}</p>
               </div>
 
               {/* 4th item */}
@@ -81,8 +83,8 @@ export default function FeaturesBlocks() {
                     </g>
                   </g>
                 </svg>
-                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">打造您的个人品牌</h4>
-                <p className="text-gray-600 text-center">继马斯克、乔布斯之后，您将是下一个传奇</p>
+                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">{CONFIG.FEATURES_BLOCK_4_TITLE}</h4>
+                <p className="text-gray-600 text-center">{CONFIG.FEATURES_BLOCK_4_P}</p>
               </div>
 
               {/* 5th item */}
@@ -97,8 +99,8 @@ export default function FeaturesBlocks() {
                     </g>
                   </g>
                 </svg>
-                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">写作能力是核心技能</h4>
-                <p className="text-gray-600 text-center">比起只输入知识，更重要的是反思和输出</p>
+                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">{CONFIG.FEATURES_BLOCK_5_TITLE}</h4>
+                <p className="text-gray-600 text-center">{CONFIG.FEATURES_BLOCK_5_P}</p>
               </div>
 
               {/* 6th item */}
@@ -112,8 +114,8 @@ export default function FeaturesBlocks() {
                     </g>
                   </g>
                 </svg>
-                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">开始写博客吧</h4>
-                <p className="text-gray-600 text-center">NotionNext，助您轻松开始写作</p>
+                <h4 className="text-xl font-bold leading-snug tracking-tight mb-1">{CONFIG.FEATURES_BLOCK_6_TITLE}</h4>
+                <p className="text-gray-600 text-center">{CONFIG.FEATURES_BLOCK_6_P}</p>
               </div>
 
             </div>
diff --git a/themes/landing/components/Footer.js b/themes/landing/components/Footer.js
index 78facbd9..4e2d7026 100644
--- a/themes/landing/components/Footer.js
+++ b/themes/landing/components/Footer.js
@@ -1,7 +1,11 @@
 import { subscribeToNewsletter } from '@/lib/mailchimp'
 import { useEffect, useRef, useState } from 'react'
+import CONFIG from '../config'
 import Logo from './Logo'
 
+/**
+ * 页脚
+ */
 export default function Footer() {
   const formRef = useRef()
   const [success, setSuccess] = useState(false)
@@ -20,9 +24,9 @@ export default function Footer() {
           // 在此处添加订阅失败后的操作
         })
     }
-    form.addEventListener('submit', handleSubmit)
+    form?.addEventListener('submit', handleSubmit)
     return () => {
-      form.removeEventListener('submit', handleSubmit)
+      form?.removeEventListener('submit', handleSubmit)
     }
   }, [subscribeToNewsletter])
 
@@ -109,30 +113,33 @@ export default function Footer() {
                         </ul>
                     </div>
 
-                    {/* 5th block */}
-                    <div className="sm:col-span-6 md:col-span-3 lg:col-span-3">
-                        <h6 className="text-gray-800 font-medium mb-2">Subscribe</h6>
-                        <p className="text-sm text-gray-600 mb-4">Get the latest news and articles to your inbox every month.</p>
-                        <form ref={formRef}>
-                            <div className="flex flex-wrap mb-4">
-                                <div className="w-full">
-                                    <label className="block text-sm sr-only" htmlFor="newsletter">Email</label>
-                                    <div className="relative flex items-center max-w-xs">
-                                        <input disabled={success} id="newsletter" type="email" className="form-input w-full text-gray-800 px-3 py-2 pr-12 text-sm" placeholder="Your email" required />
-                                        <button disabled={success} type="submit" className="absolute inset-0 left-auto" aria-label="Subscribe">
-                                            <span className="absolute inset-0 right-auto w-px -ml-px my-2 bg-gray-300" aria-hidden="true"></span>
-                                            <svg className="w-3 h-3 fill-current text-blue-600 mx-3 shrink-0" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-                                                <path d="M11.707 5.293L7 .586 5.586 2l3 3H0v2h8.586l-3 3L7 11.414l4.707-4.707a1 1 0 000-1.414z" fillRule="nonzero" />
-                                            </svg>
-                                        </button>
+                    {/* 开启邮件收集 */}
+                    {CONFIG.NEWSLETTER && <>
+                        {/* 5th block */}
+                        <div className="sm:col-span-6 md:col-span-3 lg:col-span-3">
+                            <h6 className="text-gray-800 font-medium mb-2">Subscribe</h6>
+                            <p className="text-sm text-gray-600 mb-4">Get the latest news and articles to your inbox every month.</p>
+                            <form ref={formRef}>
+                                <div className="flex flex-wrap mb-4">
+                                    <div className="w-full">
+                                        <label className="block text-sm sr-only" htmlFor="newsletter">Email</label>
+                                        <div className="relative flex items-center max-w-xs">
+                                            <input disabled={success} id="newsletter" type="email" className="form-input w-full text-gray-800 px-3 py-2 pr-12 text-sm" placeholder="Your email" required />
+                                            <button disabled={success} type="submit" className="absolute inset-0 left-auto" aria-label="Subscribe">
+                                                <span className="absolute inset-0 right-auto w-px -ml-px my-2 bg-gray-300" aria-hidden="true"></span>
+                                                <svg className="w-3 h-3 fill-current text-blue-600 mx-3 shrink-0" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+                                                    <path d="M11.707 5.293L7 .586 5.586 2l3 3H0v2h8.586l-3 3L7 11.414l4.707-4.707a1 1 0 000-1.414z" fillRule="nonzero" />
+                                                </svg>
+                                            </button>
+                                        </div>
+                                        {/* Success message */}
+                                        {success && <p className="mt-2 text-green-600 text-sm">Thanks for subscribing!</p>}
                                     </div>
-                                    {/* Success message */}
-                                    {success && <p className="mt-2 text-green-600 text-sm">Thanks for subscribing!</p>}
                                 </div>
-                            </div>
-                        </form>
-                    </div>
+                            </form>
+                        </div>
 
+                    </>}
                 </div>
 
                 {/* Bottom area */}
diff --git a/themes/landing/components/Hero.js b/themes/landing/components/Hero.js
index dfa7ba45..5bc65cee 100644
--- a/themes/landing/components/Hero.js
+++ b/themes/landing/components/Hero.js
@@ -1,60 +1,69 @@
+import CONFIG from '../config'
 import ModalVideo from './ModalVideo'
 
 export default function Hero() {
   return (
-    <section className="relative">
+        <section className="relative">
 
-      {/* Illustration behind hero content */}
-      <div className="absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-none -z-1" aria-hidden="true">
-        <svg width="1360" height="578" viewBox="0 0 1360 578" xmlns="http://www.w3.org/2000/svg">
-          <defs>
-            <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="illustration-01">
-              <stop stopColor="#FFF" offset="0%" />
-              <stop stopColor="#EAEAEA" offset="77.402%" />
-              <stop stopColor="#DFDFDF" offset="100%" />
-            </linearGradient>
-          </defs>
-          <g fill="url(#illustration-01)" fillRule="evenodd">
-            <circle cx="1232" cy="128" r="128" />
-            <circle cx="155" cy="443" r="64" />
-          </g>
-        </svg>
-      </div>
-
-      <div className="max-w-6xl mx-auto px-4 sm:px-6">
-
-        {/* Hero content */}
-        <div className="pt-32 pb-12 md:pt-40 md:pb-20">
-
-          {/* Section header */}
-          <div className="text-center pb-12 md:pb-16">
-            <h1 className="text-5xl md:text-6xl font-extrabold leading-tighter tracking-tighter mb-4" data-aos="zoom-y-out"><span className="bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-teal-400">NotionNext</span></h1>
-            <div className="max-w-3xl mx-auto">
-              <p className="text-xl text-gray-600 mb-8" data-aos="zoom-y-out" data-aos-delay="150">只需一个Notion笔记，建站竟然如此简单！</p>
-              <div className="max-w-xs mx-auto sm:max-w-none sm:flex sm:justify-center" data-aos="zoom-y-out" data-aos-delay="300">
-                <div>
-                  <a target='_blank' className="btn text-white bg-blue-600 hover:bg-blue-700 w-full mb-4 sm:w-auto sm:mb-0" href="https://docs.tangly1024.com/article/vercel-deploy-notion-next" rel="noreferrer">开始体验</a>
-                </div>
-                <div>
-                  <a target='_blank' className="btn text-white bg-gray-900 hover:bg-gray-800 w-full sm:w-auto sm:ml-4" href="https://docs.tangly1024.com/about" rel="noreferrer">了解更多</a>
-                </div>
-              </div>
+            {/* Illustration behind hero content */}
+            <div className="absolute left-1/2 transform -translate-x-1/2 bottom-0 pointer-events-none -z-1" aria-hidden="true">
+                <svg width="1360" height="578" viewBox="0 0 1360 578" xmlns="http://www.w3.org/2000/svg">
+                    <defs>
+                        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="illustration-01">
+                            <stop stopColor="#FFF" offset="0%" />
+                            <stop stopColor="#EAEAEA" offset="77.402%" />
+                            <stop stopColor="#DFDFDF" offset="100%" />
+                        </linearGradient>
+                    </defs>
+                    <g fill="url(#illustration-01)" fillRule="evenodd">
+                        <circle cx="1232" cy="128" r="128" />
+                        <circle cx="155" cy="443" r="64" />
+                    </g>
+                </svg>
             </div>
-          </div>
 
-          {/* Hero image */}
-          <ModalVideo
-            thumb={'/images/home.png'}
-            thumbWidth={768}
-            thumbHeight={432}
-            thumbAlt="Modal video thumbnail"
-            video="/videos/video.mp4"
-            videoWidth={1920}
-            videoHeight={1080} />
+            <div className="max-w-6xl mx-auto px-4 sm:px-6">
 
-        </div>
+                {/* Hero content */}
+                <div className="pt-32 pb-12 md:pt-40 md:pb-20">
 
-      </div>
-    </section>
+                    {/* Section header */}
+                    <div className="text-center pb-12 md:pb-16">
+                        <h1 className="text-5xl md:text-6xl font-extrabold leading-tighter tracking-tighter mb-4" data-aos="zoom-y-out">
+                            <span className="bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-teal-400">{CONFIG.HERO_HEADER_1}</span>
+                        </h1>
+                        <div className="max-w-3xl mx-auto">
+                            <p className="text-xl text-gray-600 mb-8" data-aos="zoom-y-out" data-aos-delay="150">{CONFIG.HERO_P_1}</p>
+                            <div className="max-w-xs mx-auto sm:max-w-none sm:flex sm:justify-center" data-aos="zoom-y-out" data-aos-delay="300">
+                                <div>
+                                    <a target='_blank' className="btn text-white bg-blue-600 hover:bg-blue-700 w-full mb-4 sm:w-auto sm:mb-0"
+                                        href={CONFIG.HERO_BUTTON_1_LINK} rel="noreferrer">
+                                        {CONFIG.HERO_BUTTON_1_TEXT}
+                                    </a>
+                                </div>
+                                <div>
+                                    <a target='_blank' className="btn text-white bg-gray-900 hover:bg-gray-800 w-full sm:w-auto sm:ml-4"
+                                        href={CONFIG.HERO_BUTTON_2_LINK} rel="noreferrer">
+                                        {CONFIG.HERO_BUTTON_2_TEXT}
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    {/* Hero image */}
+                    <ModalVideo
+                        thumb={CONFIG.HERO_VIDEO_IMAGE}
+                        thumbWidth={768}
+                        thumbHeight={432}
+                        thumbAlt={CONFIG.HERO_HEADER_1}
+                        video={CONFIG.HERO_VIDEO_URL}
+                        videoWidth={1920}
+                        videoHeight={1080} />
+
+                </div>
+
+            </div>
+        </section>
   )
 }
diff --git a/themes/landing/components/ModalVideo.js b/themes/landing/components/ModalVideo.js
index c106aa95..43b14d73 100644
--- a/themes/landing/components/ModalVideo.js
+++ b/themes/landing/components/ModalVideo.js
@@ -2,6 +2,7 @@
 
 import { useState, useRef, Fragment } from 'react'
 import { Dialog, Transition } from '@headlessui/react'
+import CONFIG from '../config'
 
 export default function ModalVideo({
   thumb,
@@ -58,7 +59,7 @@ export default function ModalVideo({
               <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zm0 2C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12z" />
               <path d="M10 17l6-5-6-5z" />
             </svg>
-            <span className="ml-3">Watch the full video (2 min)</span>
+            <span className="ml-3">{CONFIG.HERO_VIDEO_TIPS}</span>
           </button>
         </div>
       </div>
diff --git a/themes/landing/components/Newsletter.js b/themes/landing/components/Newsletter.js
index 1e788a4b..6b3fa0d4 100644
--- a/themes/landing/components/Newsletter.js
+++ b/themes/landing/components/Newsletter.js
@@ -1,5 +1,6 @@
 import { subscribeToNewsletter } from '@/lib/mailchimp'
 import { useEffect, useRef, useState } from 'react'
+import CONFIG from '../config'
 
 export default function Newsletter() {
   const formRef = useRef()
@@ -19,12 +20,16 @@ export default function Newsletter() {
           // 在此处添加订阅失败后的操作
         })
     }
-    form.addEventListener('submit', handleSubmit)
+    form?.addEventListener('submit', handleSubmit)
     return () => {
       form.removeEventListener('submit', handleSubmit)
     }
   }, [subscribeToNewsletter])
 
+  if (!CONFIG.NEWSLETTER) {
+    return <></>
+  }
+
   return (
         <section>
             <div className="max-w-6xl mx-auto px-4 sm:px-6">
diff --git a/themes/landing/components/Testimonials.js b/themes/landing/components/Testimonials.js
index 49bfb927..bb38c176 100644
--- a/themes/landing/components/Testimonials.js
+++ b/themes/landing/components/Testimonials.js
@@ -2,6 +2,8 @@
 // import Image from 'next/image'
 // import TestimonialImage from '@/public/images/testimonial.jpg'
 
+import CONFIG from '../config'
+
 export default function Testimonials() {
   return (
         <section className="relative">
@@ -28,8 +30,8 @@ export default function Testimonials() {
 
                     {/* Section header */}
                     <div className="max-w-3xl mx-auto text-center pb-12 md:pb-16">
-                        <h2 className="h2 mb-4">近4000个网站的支持、浏览量突破 100,000,000+ </h2>
-                        <p className="text-xl text-gray-600" data-aos="zoom-y-out">网站内容涵盖地产、教育、建筑、医学、机械、IT、电子、软件、自媒体、数位游民、短视频、电商、学生、摄影爱好者、旅行爱好者等等各行各业</p>
+                        <h2 className="h2 mb-4">{CONFIG.TESTIMONIALS_HEADER}</h2>
+                        <p className="text-xl text-gray-600" data-aos="zoom-y-out">{CONFIG.TESTIMONIALS_P}</p>
                     </div>
 
                     {/* Testimonials */}
@@ -42,14 +44,14 @@ export default function Testimonials() {
                                     <svg className="absolute top-0 right-0 -mt-3 -mr-8 w-16 h-16 fill-current text-blue-500" viewBox="0 0 64 64" aria-hidden="true" xmlns="http://www.w3.org/2000/svg">
                                         <path d="M37.89 58.338c-2.648-5.63-3.572-10.045-2.774-13.249.8-3.203 8.711-13.383 23.737-30.538l2.135.532c-6.552 10.033-10.532 17.87-11.939 23.515-.583 2.34.22 6.158 2.41 11.457l-13.57 8.283zm-26.963-6.56c-2.648-5.63-3.572-10.046-2.773-13.25.799-3.203 8.71-13.382 23.736-30.538l2.136.533c-6.552 10.032-10.532 17.87-11.94 23.515-.583 2.339.22 6.158 2.41 11.456l-13.57 8.283z" />
                                     </svg>
-                                    <img className="relative rounded-full w-20 h-20 object-cover" src='https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F22de3fcb-d90d-4271-bc01-f815f476122b%2F4FE0A0C0-E487-4C74-BF8E-6F01A27461B8-14186-000008094BC289A6.jpg?table=collection&id=a320a2cc-6ebe-4a8d-95cc-ea94e63bced9&width=400' alt="Testimonial 01" />
+                                    <img className="relative rounded-full w-20 h-20 object-cover" src={CONFIG.TESTIMONIALS_AVATAR} alt="Testimonial 01" />
                                 </div>
                                 <blockquote className="text-xl font-medium mb-4">
-                                    “ 感谢大佬的方法。之前尝试过Super、Potion等国外的第三方平台，实现效果一般，个性化成都远不如这个方法，已经用起来了！ “
+                                    {CONFIG.TESTIMONIALS_WORD}
                                 </blockquote>
-                                <cite className="block font-bold text-lg not-italic mb-1">Ryan_G</cite>
+                                <cite className="block font-bold text-lg not-italic mb-1">{CONFIG.TESTIMONIALS_NICKNAME}</cite>
                                 <div className="text-gray-600">
-                                    <span>Master of Ryan`Log</span> <a className="text-blue-600 hover:underline" href="https://blog.gaoran.xyz/">@Gaoran</a>
+                                    <span>{CONFIG.TESTIMONIALS_ID}</span> <a className="text-blue-600 hover:underline" href={CONFIG.TESTIMONIALS_SOCIAL_URL}>{CONFIG.TESTIMONIALS_SOCIAL_NAME}</a>
                                 </div>
                             </div>
 
diff --git a/themes/landing/config.js b/themes/landing/config.js
new file mode 100644
index 00000000..02a74e6a
--- /dev/null
+++ b/themes/landing/config.js
@@ -0,0 +1,55 @@
+const CONFIG = {
+
+  // 首页大图英雄板块
+  HERO_HEADER_1: 'NotionNext',
+  HERO_P_1: '只需一个Notion笔记，建站竟然如此简单！',
+  HERO_BUTTON_1_TEXT: '开始体验',
+  HERO_BUTTON_1_LINK: 'https://docs.tangly1024.com/article/vercel-deploy-notion-next',
+  HERO_BUTTON_2_TEXT: '了解更多',
+  HERO_BUTTON_2_LINK: 'https://docs.tangly1024.com/about',
+  HERO_VIDEO_IMAGE: '/images/home.png',
+  HERO_VIDEO_URL: '/videos/video.mp4',
+  HERO_VIDEO_TIPS: 'Watch the full video (2 min)',
+
+  // 特性介绍
+  FEATURES_HEADER_1: '探索的过程',
+  FEATURES_HEADER_1_P: "如何搭建自己的门户网站，塑造一个品牌展示中心？<br/>曾经，它是系统<strong class='font-bold text-red-500'>繁重</strong>的Wordpress、是操作<strong class='font-bold  text-red-500'>复杂</strong>的Hexo、是<strong class='font-bold text-red-500'>昂贵</strong>且<strong class='font-bold text-red-500'>不稳定</strong>的技术团队;<br/>现在，您只要一个笔记软件Notion，就够了",
+  FEATURES_HEADER_2: 'Notion+NextJs组合方案',
+  FEATURES_HEADER_2_P: 'Notion作为CMS管理您的站点配置和网页数据，NextJs作为渲染博客的脚本，借助第三方的Vercel等托管平台提供网络服务。',
+  FEATURES_CARD_1_TITLE: '简单快速的系统',
+  FEATURES_CARD_1_P: '在Notion中写下一篇文章，内容立刻在您的网站首页中呈现给互联网',
+  FEATURES_CARD_2_TITLE: '高效传播的媒介',
+  FEATURES_CARD_2_P: '优秀的SEO、快速的响应速度，让您的产品和宣传触达到更多的受众',
+  FEATURES_CARD_3_TITLE: '人性化的定制工具',
+  FEATURES_CARD_3_P: '多款主题供您挑选，可以搭建各种不同风格和作用的网站，更多的主题正在陆续加入中。',
+
+  // 特性介绍2
+  FEATURES_BLOCK_HEADER: '解决方案',
+  FEATURES_BLOCK_P: '人人自媒体的时代，一个网站将帮您链接更多的人，带给你无限的机会和客户。<br/>您还在等什么呢？',
+  FEATURES_BLOCK_1_TITLE: '用网站来展示品牌',
+  FEATURES_BLOCK_1_P: '比起线下渠道、一个公开域名和网站更有说服力',
+  FEATURES_BLOCK_2_TITLE: 'SEO带来更多流量',
+  FEATURES_BLOCK_2_P: '借助搜索引擎，精准定位您的受众',
+  FEATURES_BLOCK_3_TITLE: '网站的性能很重要',
+  FEATURES_BLOCK_3_P: '更快的响应，更好的用户体验',
+  FEATURES_BLOCK_4_TITLE: '打造您的个人品牌',
+  FEATURES_BLOCK_4_P: '继马斯克、乔布斯之后，您将是下一个传奇',
+  FEATURES_BLOCK_5_TITLE: '写作表达是核心技能',
+  FEATURES_BLOCK_5_P: '比起只阅读输入，更重要的是反思和输出',
+  FEATURES_BLOCK_6_TITLE: '开始写博客吧',
+  FEATURES_BLOCK_6_P: 'NotionNext，助您轻松开始写作',
+
+  // 感言
+  TESTIMONIALS_HEADER: '近4000个网站的搭建、浏览量突破 100,000,000+',
+  TESTIMONIALS_P: '网站内容涵盖地产、教育、建筑、医学、机械、IT、电子、软件、自媒体、数位游民、短视频、电商、学生、摄影爱好者、旅行爱好者等等各行各业',
+
+  TESTIMONIALS_AVATAR: 'https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F22de3fcb-d90d-4271-bc01-f815f476122b%2F4FE0A0C0-E487-4C74-BF8E-6F01A27461B8-14186-000008094BC289A6.jpg?table=collection&id=a320a2cc-6ebe-4a8d-95cc-ea94e63bced9&width=200',
+  TESTIMONIALS_NICKNAME: 'Ryan_G',
+  TESTIMONIALS_ID: 'Ryan`Log 站长',
+  TESTIMONIALS_SOCIAL_NAME: '@Gaoran',
+  TESTIMONIALS_SOCIAL_URL: 'https://blog.gaoran.xyz/',
+  TESTIMONIALS_WORD: '“ 感谢大佬的方法。之前尝试过Super、Potion等国外的第三方平台，实现效果一般，个性化成都远不如这个方法，已经用起来了！ “',
+
+  NEWSLETTER: false // 是否开启邮件订阅 请先配置mailchimp功能 https://docs.tangly1024.com/article/notion-next-mailchimp
+}
+export default CONFIG