d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-05-14 07:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Landing主题配置化

Browse Source
This commit is contained in:
tangly1024.com
2023-07-06 12:24:35 +08:00
parent 46b9ea1ba2
commit 3858ab8d1f
8 changed files with 186 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
themes/landing/components/Features.js
View File

@@ -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">

30
themes/landing/components/FeaturesBlocks.js
View File

@@ -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>

53
themes/landing/components/Footer.js
View File

@@ -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 */}

107
themes/landing/components/Hero.js
View File

@@ -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>
)
}

3
themes/landing/components/ModalVideo.js
View File

@@ -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>

7
themes/landing/components/Newsletter.js
View File

@@ -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">

14
themes/landing/components/Testimonials.js
View File

@@ -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>

55
themes/landing/config.js Normal file
View File

@@ -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